问题标签 [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 回答
2214 浏览

angularjs - AngularJS传单内存泄漏

在我使用以下传单指令的地方,我的 Angular 应用程序中存在明显的内存泄漏: https ://github.com/tombatossals/angular-leaflet-directive 。

请注意,该指令工作正常,但是当我离开并返回使用该指令的任何视图时,内存占用量继续增长。

该指令基于此处找到的传单 JavaScript 库:https ://github.com/Leaflet/Leaflet

我使用指令如下:

在我的控制器中,我将传单指令属性扩展到范围:

我不确定是什么导致了内存泄漏,但我相信这可能与在传单指令中调用 $destroy 时未删除的事件侦听器有关:

在销毁函数 unresolveMap 被调用:

这是我得到的。如果有人遇到过类似的事情或对如何进一步解决这个问题有任何想法,我将不胜感激:)

0 投票
2 回答
1790 浏览

angularjs - 在角度传单指令中使标记消息/标签可点击

我正在使用 angular-leaflet-directive 并试图使我的标记消息可点击。当我在标记消息中使用 html 时,html 会正确呈现,但 ng-click 不起作用。这就是我所拥有的。

任何人都知道我做错了什么或知道单击标记消息时如何调用函数?

0 投票
1 回答
5355 浏览

javascript - angular-leaflet-directive custom message html with angular directives in marker popup. How to?

I want to insert my custom html markup with $scope event handlers to message property of leaflet marker. For example:

So doSomeAction() method doesn't triggers because controller doesn't bind it to view. I tried to do next stuff:

But it doesn't work. So if anyone has ideas please feel free to share.

0 投票
1 回答
6984 浏览

angularjs - AngularJS Leaflet getMap() 不起作用

将 Leaflet 添加到我的 AngularJS 应用程序后:

并设置它:

在此代码之后,它不会被评估(虽然没有显示错误):

这应该立即向我显示警报,尽管没有任何反应。

如果我延迟前面的代码,例如,在单击按钮的函数中运行它,它就可以工作!

有谁知道可能是什么问题?

看到例子,它应该工作:https ://github.com/tombatossals/angular-leaflet-directive/blob/master/examples/control-draw-example.html

部分解决

从 HTML 标签中删除 IDleaflet解决了这个问题。一定是个bug。

0 投票
1 回答
2339 浏览

angularjs - Leaflet Draw + Angular + GeoJSON:如何实现 Map 和 GeoJSON 对象之间的两种方式绑定

我可以使用角度传单指令将 Geojson 图层添加到传单地图。

我还可以添加传单 Draw 控件并创建新图层(多边形、折线等)

但是,似乎没有直接的方法来启用该指令加载的 GeoJSON 图层的编辑。

代码看起来像这样:

......

......

但是,当我尝试编辑图层或创建新图层时,更改发生在不同的图层组中。例如,加载 GeoJSON 后,如果我单击编辑按钮,则通过 GeoJSON 加载的所有项目都不可编辑。

我希望将绘制控件绑定到指令中指定的 GeoJSON 对象。目标是通过 UI 进行的任何修改立即反映在 geojson 对象中,反之亦然。换句话说,我想在编辑控件和 geojson 对象之间进行两种绑定。

0 投票
1 回答
1053 浏览

angularjs - 关闭事件的角传单弹出窗口

我可以调用一个函数来关闭 angular-leaflet 指令中所有打开的弹出窗口吗?从这里的 jQuery 建议工作,我尝试了以下方法:

但我明白了

或者,我尝试过:

但这也不起作用:

0 投票
1 回答
474 浏览

angularjs - 使用 angular-leaflet-directive 自定义 markercluster 图标时的“ghost”集群

我正在尝试使用以下代码自定义 angular-leaflet markerclusters:

我有 7 个标记的测试样本,定义如下:

如果我用 visible: false 隐藏叠加层或不使用叠加层,我会得到正确数量的标记,但永远不会调用 customMarkerCluster。

使用可见:真,我得到 4 个标记的 3 个集群(12 个标记而不是 7 个)

当我使用覆盖时,如何防止 markercluster 生成不正确的集群?

0 投票
2 回答
1357 浏览

angularjs - 角度传单自定义标记(使用角度指令)

我正在尝试使用角度指令创建“传单标记”。出于设计目的,我们将演示文稿和模型分开,以便不同的人可以处理应用程序的不同部分。我的问题更有可能是“范围”问题而不是“传单”问题。我正在尝试传递要在 angular 指令中使用的对象,同时在控制器中的“$scope”上添加标记。在我的应用程序中,该指令“”是地图中要显示的每个标记对象上的“消息”属性中的唯一标记。它有一个属性“estacao”,在葡萄牙语中与“station”相同。

所以,我的代码在这里:

问题接缝是在处理指令时我的“estacao”为空。

谁能帮我弄清楚发生了什么?

0 投票
2 回答
1042 浏览

javascript - Angular-Leaflet-Directive - 地图在技术上正在渲染,但没有出现任何图块的问题。

. . . 因为瓦片绝对位于高度为零的父容器中。

这是指令:https ://github.com/tombatossals/angular-leaflet-directive

我不确定寻求帮助的适当渠道,因为我正在处理一个相对较小的图书馆。我很确定我没有做错任何事情,因为带有地图缩放控件的灰色“画布”正在渲染,并且正在加载地图的图块(但实际上并未显示)。我可以通过为其父元素分配高度来强制显示瓷砖,但显然这不是 Leaflet 应该如何工作的。

我意识到这可能不是在这类事情上寻求帮助的最佳场所,所以我想知道,如果不出意外,是否有人可能知道我如何最好地寻求帮助。

0 投票
1 回答
4514 浏览

angularjs - 如何使 ng-model="search" 对传单指令产生影响?

我使用leaflet-angular-directive,我成功地在表格和地图中显示对象,虽然我通过搜索输入实现过滤只影响表格中的geojson对象。

我的目标:通过搜索输入过滤影响表和地图中的geojson对象。

我的模块

我的工厂

我的控制器

我的模板

也许有人可以告诉我正确的方向,所以我知道我做错了什么,我试图以多种不同的方式将搜索绑定到传单但没有成功,实际上我认为这不应该在模板方面完成?而是像过滤器这样的geojson选项?现在这样做是正确的吗?

我使用了 ng-repeat 指令,但后来我有数千张地图,也许可以使用 ng-repeat 并且仍然只有一张地图?