问题标签 [leaflet.markercluster]

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 回答
626 浏览

leaflet - 添加不同颜色的markerClusterGroup

我正在处理要在 markerClusterGroup 中显示标记的地图,并且每个 markerClusterGroup 必须具有不同的背景颜色。

我有一个清单,我可以在其中选择要显示的文件。当我检查第一个文件时,markerClusterGroup 以选择的背景颜色显示,当我选择第二个文件时,第二个 markerClusterGroup 以不同的背景颜色显示,但是当我放大或缩小时,两个 markerClusterGroup 有相同的背景颜色(与最后选择的颜色相同),当我返回初始缩放时,我有两种不同的颜色。如果我想在不同的缩放中有不同的背景颜色,我必须在添加第一个 markerClusterGroup 之后和添加第二个 markerClusterGroup 之前进行每个缩放。

有人可以帮助我理解这个问题。谢谢

0 投票
0 回答
3513 浏览

javascript - 是否有任何解决方案可以解决作为 CommonJS 模块的 Leaflet 中的重叠标记?

我正在尝试为 Leaflet 中的重叠标记问题找到解决方案,它可以用作通常的 CommonJS 模块。

已经有几种解决方案:

  1. OverlappingMarkerSpiderfier-Leaflet
  2. Leaflet.markercluster

然而,他们都认为 Leaflet 被用作一个全球性的东西。你知道其他选择吗?

0 投票
1 回答
448 浏览

ruby-on-rails-4 - 传单标记群集导轨不显示标记

我没有得到我的标记集群的图形,只是一个数字。我怀疑缺少 css,但不确定我做错了什么。我在控制台中没有任何错误,并且在没有标记集群的情况下一切正常。

宝石文件

应用程序.js

应用程序.css

咖啡脚本

任何帮助都会很棒。

带有传单标记群集的谷歌地图示例不起作用

0 投票
1 回答
54 浏览

leaflet - 如何指定不在集群中的层?

我喜欢 Leaflet.MarkerCluster 如果标记重叠,它会改变标记的位置。我想要同样的东西,但有一些标记不能合并到一个集群中。有任何想法吗?

0 投票
1 回答
172 浏览

leaflet - 用 A、B、C 等唯一名称而不是数字来命名传单集群

我一直在尝试用唯一的名称命名传单集群,有人可以为此提供解决方案吗?

上下文:我有一些位置指针,它在某个缩放级别聚集成 5、3、4、3,而不是在簇上显示数字,我需要用唯一名称显示,例如 A 代表 5,B 代表 3,C 4个,D 3个

0 投票
1 回答
275 浏览

leaflet - 从markercluster层中弹出一个marker

我在城市地图上有大约 1000 个标记。它们与markercluster 聚集在一起。在地图下有一个(过滤的)列表。如果单击列表元素,地图应该会为您显示并突出显示列表元素的标记。

问题是,我应该如何从 markercluster 层中只弹出一个标记?

现在,我使用 clearLayers() 并遍历所有点并将它们 - 除了突出显示的 - 推送到一个数组,这将是 addLayers() 的列表。突出显示的图标将直接添加到地图中。所以,那个不会被集群。

它可以工作,但是迭代需要额外的时间,我希望除了在每个突出过程中触及 1000 点之外,还有其他方法。

0 投票
2 回答
5826 浏览

javascript - Leaflet Markercluster - "this._featureGroup.addEventParent is not a function"

I am adding Leaflet.markercluster plugin to my existing Leaflet map.

I am getting this error:

Uncaught TypeError: this._featureGroup.addEventParent is not a function

In relation to the line var locations = L.markerClusterGroup();.

I cannot find any information about what this error might mean.

I am linking to the Markercluster JS file, and after Leaflet. Not sure why else it would not be able to find a function.

0 投票
0 回答
334 浏览

javascript - 标记集群组的父组的进度条

我想通过以下方式向我的地图添加进度条:http: //leaflet.github.io/Leaflet.markercluster/example/marker-clustering-realworld.50000.html

问题是我在父集群组中使用子 featureGroups,这样我就可以在保持集群显示的同时轻松删除和添加图层。我尝试了以下两种方法:

  • Leaflet.MarkerCluster.LayerSupport:当我尝试时,加载栏根本不起作用:

    var mcgLayerSupportGroup = L.markerClusterGroup.layerSupport({ chunkedLoading: true, chunkProgress: updateProgressBar});

  • Leaflet.FeatureGroup.SubGroup:显示加载栏,但不显示添加的整体标记。相反,它是为每个标记子组计算的。加载栏可能会消失,然后再次出现,等等。

    var parentGroup = L.markerClusterGroup({ chunkedLoading: true, chunkProgress: updateProgressBar});

到目前为止,我最好的尝试是调整 updateProgressBar,但我的代码远非有效(缓慢且近似于进度条的行为):

非常感谢!

0 投票
1 回答
537 浏览

javascript - Javascript 中的 Geo Lat/Lng 规范化

您好我有一个问题,我使用传单并且我没有绑定地图。现在,如果用户拖动地图并超出正常的 -180 到 180 lng 或 -90 到 90 lat 我的标记不会显示在新位置。

标记将从我编写的 api 请求。我在哪里使用边界框坐标。现在的问题是,我发送如下内容:

到我的脚本,我不知道如何标准化坐标以正确传递度数。

编辑 24.10.2016 01:33 UTC

我的 MySQL 使用:

感谢您的提示和提示。

0 投票
0 回答
407 浏览

leaflet - 传单在所有 4 个方向上查找到最近标记的距离

我有一张带有数千个标记的传单地图。我在地图上显示用户当前位置的图标,我需要在所有四个方向上显示到最近标记的距离。例如,北:100M,南:1KM,东:....等等。

我没有看到传单中的内置方式来做到这一点。关于我可以实现这一目标的任何想法?