问题标签 [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 投票
3 回答
1874 浏览

ionic-framework - LeafletJS 检查未加载地图

如何检测地图是否正确加载?发生的事情是,在我的 ionic 应用程序中,地图 url 停止工作,并且地图没有抛出错误。它只显示灰色。

有没有办法正确检查此事件并退回到替代地图?

0 投票
1 回答
484 浏览

leaflet - 如何从 30,000 多个点创建传单地图图层?

我正在构建一个地图应用程序,我必须为此显示我们用户群的数量。我有 30,000 多个坐标,我想知道在不影响性能的情况下显示它们的最佳方式是什么。

我认为创建自定义图块/图层是最好的方法,但还没有找到方法。我查看了 Mapbox,但没有找到我要找的东西。

该应用程序当前正在使用 Leaflet 和 Angular-leaflet-directive。

我期待听到您的建议。

编辑:我正在尝试在视觉上做类似的事情http://tombatossals.github.io/angular-leaflet-directive/examples/0000-viewer.html#/paths/3000-items-example

0 投票
1 回答
561 浏览

javascript - 在角度传单指令中旋转标记

编辑:我不在乎如何修复我的代码/为什么它会这样,我只想在 angular-leaflet-directive 中围绕其中心旋转一个标记。

我知道这里的问题,但我不知道如何获取每个标记的 DOM 元素。我创建标记的方式是

我还想围绕它们对应的坐标旋转它们,而不是它们的尖端(Leaflet 术语中的最左上角)。

我目前正在使用Marker.Rotate.js但它们围绕某个任意点旋转,如您在此处看到的: 在此处输入图像描述在此处输入图像描述

他们的代码是:

原始图片的大小为 120x120,因此可以缩小到 30x30。另外我没有设置锚点,因为给定大小,它会自动设置为中间(我猜是[15,15]) - 即使我设置了锚点,结果也是一样的。

我希望标记围绕它们的 [15,15] 旋转,而不是它们的左下角或任何其他点。

0 投票
1 回答
54 浏览

angularjs - 为什么某些对象方法在控制台日志中不可见

我正在使用插件将传单集成到 AngularJS 项目中。由于我想检查 API 是否与标准传单相同,因此我将依赖注入提供的传单对象登录到 Chrome 控制台;缺少几种方法。

令人惊讶的是,无论如何,当我尝试在该对象上调用这些方法时,它们确实起作用了。

怎么会这样 ?是什么让某些属性在控制台中可见或不可见?

0 投票
1 回答
85 浏览

leaflet - 是否可以同时使用 leaflet.js 和 angular-leaflet-directive?

我正在尝试使用带有角度传单指令的 geojson 文件中的数据创建图层组。但还没有找到解决办法。当我使用 angular-leaflet-directive 时,是否可以使用 Leaflet.js 创建动态图层组?

谢谢你的帮助。

0 投票
0 回答
456 浏览

javascript - Leaflet autoPan 垂直平移不够

我有成功激活标记的弹出窗口,并且 autoPan 默认设置为 true。地图正在成功水平平移,以确保在标记靠近地图边缘时可以看到弹出窗口。它正在垂直(向下)平移,但还不够。它就像它认为地图比它高。或者认为地图的可见性比实际要多。结果是弹出窗口不完全可见。我可以垫平底锅,但我想弄清楚为什么它自己的平底锅不够。谢谢。

0 投票
1 回答
229 浏览

angularjs - 角度传单指令中的标记句柄

当我在页面上的其他地方有 ng-mouseover 时,我需要获取标记的句柄以便设置图标。

我将我的标记推入传单,如下所示:

$scope.markers['id1'] 返回正确的 lat/lng 字典。在这里,我需要标记对象,所以我可以执行 marker.setIcon()。

看了一点leafletMarkersHelpers,但没有成功......

将不胜感激任何起点。

谢谢

最好的

/乙

0 投票
2 回答
1447 浏览

leaflet - Leafletjs:如何在第一次单击时拥有新标记,然后在第二次单击时更新标记的 latlng

我有想要在地图中渲染的标记列表,但我想要一个一个。在第一次单击时,我想制作新的标记。然后,当我单击另一个位置时,我希望我的标记只移动到新的 latLng 而不是创建另一个标记。这是我的代码:

0 投票
1 回答
766 浏览

angularjs - 传单markercluster不识别layeroptions

我正在使用 angular-leaflet-directive 和 Leaflet.markercluster。我能够在服务中加载标记,现在我想在地图上显示标记。标记以标准标记群集方式打印和聚集。

看来我的配置根本不被markercluster识别。我在叠加层中配置的任何内容似乎都被忽略了。这是我的javascript代码:

和一个 html 片段:

加载的 json 如下所示:

我希望标记群集的 layerOptions 会得到尊重,但事实并非如此。我怀疑markercluster在不知道角度指令的情况下被初始化,但我不明白发生了什么。请帮忙!

更新:这是 plnkr 的简化版本:http ://plnkr.co/edit/vVo3QWzlms8Gun3OhdjM?p=preview

0 投票
1 回答
504 浏览

javascript - 角令牌错误

我突然得到这个,它不允许我正确使用我的传单地图。每次我点击地图时,都会在相同的坐标上添加一个标记。当我尝试使用函数删除标记时,它会清空标记数组,但是标记在地图上仍然可见。这是怎么回事?

如果有帮助,这里有一些代码。

控制器.js:

HTML: