问题标签 [angular-leaflet-directive]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
11891 浏览

leaflet - 如何在折线上应用 css:传单

我正在使用使用传单 api 的应用程序。

介绍

我需要绘制不同类型的栅栏,使用装饰器我可以在某种程度上将良好的视觉效果应用于折线,但不多。

问题

我愿意展示双绞线而不是虚线、点或纯线,我知道双绞线将是一个图像,但无法找到关于将自定义 css 应用于多段线的帮助。

脚本示例

如果有人对折线或其他方式有所了解,请提供帮助。谢谢你的时间:-)

0 投票
1 回答
167 浏览

leaflet - removeLayer 方法后图纸不可见:传单

介绍

因为我正在开发使用传单 api 的应用程序。Live Here 第一个用户输入“1”作为输入以在地图上加载图像。

然后用户可以使用左下角的按钮绘制不同的形状(栅栏)。“橡皮擦”按钮用于从地图中删除有关 CurrentFeatureGroup 的所有图层。

问题

当我们单击“橡皮擦”按钮时,所有形状都将从具有当前特征组的地图中删除。但是在我们绘制一些其他形状时删除后,这些形状是不可见的,尽管我已经检查了该功能是否正常工作。我不知道这些形状现在是如何不可见的。

脚本(负责删除图层)

请考虑 removeLayer,而不是 clearLayer。如果有人对此问题有任何想法,请提供帮助。任何帮助或参考将不胜感激,感谢您的时间

0 投票
1 回答
170 浏览

leaflet - 如何使用 css 在两个标记之间放置图像:传单

在我使用传单 api 的应用程序中,我可以在它们之间放置两个门标记和折线。

在这里,我只是想找出将 css 中的图像放在应该适合两个标记之间的折线上的方法。我知道图像具有宽度和高度。

我相信一定有一些 css 技巧可以做到这一点,尽管由于对传单的了解有限,我不能使用填充图案方法。

脚本(在它们之间放置两个标记和线)

我正在寻找解决方案,但没有在线获得帮助,如果有人知道这种事情,请帮助。

0 投票
2 回答
768 浏览

leaflet - 为 Leaflet 指令重用现有的地图实例

我正在尝试将Leaflet Editable 功能添加到我当前的地图中,该地图是由传单指令创建的。我正在获取 L.map 实例:

但是,Leaflet 可编辑需要在editable: true创建地图时进行设置。

那么,有没有办法创建一个 L.map 实例

然后将其附加到 Leaflet 角度指令?

更新:

我试图向 Leaflet 添加一个钩子

它成功创建了editTools,但是

仍然不工作

0 投票
3 回答
10100 浏览

leaflet - 可以删除带有图像的传单链接

我使用传单指令使用传单创建地图。

是否可以从地图中删除传单链接和 OSM 版权。

我希望放入传单图像。

0 投票
2 回答
2768 浏览

javascript - AngularJS 将数据传递给模板视图

我正在使用角度传单指令,并且我想在单击标记时显示模板。我从 Web 服务器获取标记,并将它们本地存储在数组中。我创建标记的方式是:

它在一个 for 循环中,它遍历 DeviceInfoArray。

每个标记都在 /templates/markerTemplate.html 中显示模板。这是一个长文件,但它位于

并且有一些{{values}}。

是否有某种方法可以绑定模板中的值或从 rootScope 或创建标记的控制器获取它们?

我不能按照教程中的说明使用 ng-repeat,因为我创建的对象(不同的标记)与创建标记的控制器不同。我有一个服务返回 DeviceInfo 中的数据,但我不想每次单击标记时都查询它。

示例标记:

html 是 markerTemplate.html(我想与 devices[] 的元素数据绑定的视图。

devices[] 是一个名为 mapController(和 rootScope)的控制器内的数组,它包含我想要显示的所有数据。我希望上面的模板从这个数组的元素中获取值。

0 投票
1 回答
295 浏览

javascript - 在打字稿中使用角度传单指令的步骤

我想angular-leaflet-directive在我的typescript项目中使用?这个过程涉及哪些步骤?我需要类型定义文件angular-leaflet-directive吗?或者只是有打字稿定义文件leaflet就足够了?有人可以概述如何angular-leaflet-directivetypescript项目中使用的步骤吗?

0 投票
3 回答
897 浏览

angularjs - 如何优化传单路径?

我有一条超过 13,000 纬度/经度点的路径。在本地测试它工作正常,但一旦在设备上它是超级征税和滞后。路径如此密集,因为路径已被捕捉到道路。

我可以做些什么来优化事情,让我的应用程序运行得更顺畅?根据缩放级别定义路径密度?我怎样才能做到这一点?

0 投票
1 回答
574 浏览

angularjs - Angular 在传单地图上动态生成代码

我有一些角度的应用。那是我的html代码。

Javascirpt 控制器实现:

我试图在生成的元素上使用 $compile 服务,但它不起作用。解决方案如:

也不起作用。模板化元素上的全局函数onclick是一些解决方案,但我想避免这种情况。

这个例子有一些解决方案吗?

0 投票
1 回答
691 浏览

angularjs - Angular-Leaflet-Directive 层

我正在构建一个在平面图上使用可点击标记和形状的项目。

标记进展顺利,看起来很简单……</p>

但是这些层似乎没有像这样工作。我对将层添加到 $scope.layers 的代码(典型的 Angular 代码)没有任何运气。唯一有效的就是这种非 Angular 的混乱……</p>

是否有更好/更智能的方式将绘制的项目添加到地图?以及如何将点击事件绑定到图层?还是 Leaflet 中的形状只是愚蠢的、非交互式的装饰?