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

javascript - Leaflet maerkercluster - 百分比而不是孩子的数量

在许多情况下我需要markercluster,显示地图中标记总数的比率(以%的形式)而不是集群的子节点数量会非常有趣。因此,如果您在该集群中有 20 个制造商并且地图中的总数为 200,我希望它在地图的该区域显示 10% 而不是 20。

任何人都知道如何实现它?

谢谢你


感谢您的解决方案,它非常简单并且效果很好,这是解决方案的代码:

“myclusters”的 CSS 如下:

再次感谢你

0 投票
1 回答
4702 浏览

onclick - 传单:将点击事件添加到集群图标

我想在传单地图上(使用 Leaflet.markercluster 插件)向(随后)聚集图标添加一个点击事件。事件本身有效,但警报总是为每个单击的图标生成数组的最后一个元素。我看不出原因。将“标记”声明为数组并没有改变结果。

0 投票
1 回答
1505 浏览

json - Leaflet markercluster:如何更改markercluster的边界?

对于大学,我使用传单创建了一个网络地图——它是关于伊拉克的移民的。在地图中,我有一个 choropleth 层,其坐标来自 json(伊拉克及其政府),每个政府都有一个值。此外,我在地图上添加了一个带有来自另一个 json 的标记的图层。此 json 仅包含标记的坐标,每个标记都有一个值。我实现了一个传单markerclustering,其中汇总了所有子标记,并且总和显示在父图标中 - 虽然到目前为止总和不正确,但我认为它正在工作,到目前为止......我已经在寻找数学错误...

现在,我想将标记聚类的边界(目前我认为它们是由传单自动随机构建的)更改为伊拉克第一个 json 中政府的边界。目标是伊拉克政府的区域性集群。网上有一些例子,我已经尝试了很多,但它不起作用......也许这里有人可以帮助我..如果您有任何问题或需要进一步解释,请告诉我!

来源: - js 文件“iraq_09_14.js”中的 json 代码,带有伊拉克的 gouvernorate-polygon-coordinates

  • js文件“target-location_09_14.js”中的json代码,带有标记多边形和每个标记的值

这是我创建传单地图的 js 代码

这是我用值的总和创建标记簇的 js 代码

0 投票
1 回答
823 浏览

angularjs - 在 Leaflet 和 Node 中处理大数据集点

我在客户端使用angular js和leaflet js,在服务器上使用node js。

我正在使用https://github.com/ghybs/Leaflet.MarkerCluster.LayerSupport添加和删除包含大量数据点的图层。

我在 mysql 中有所有数据点,我获取数据点并将它们发送到客户端,然后在客户端级别我使用循环将它们添加到一个层中。它适用于小型数据集,现在我的数据集超过 50K。

使用这种当前方法,我的网络浏览器正在崩溃。

我需要解决方案或方法来处理这种情况。

我当前的数据集数组如下所示,

我有 50K 个对象的数组。我尝试了一些方法,例如,

  1. 在服务器端处理这些数据。
  2. 生成 geoJson 对象(我不知道该怎么做。)

任何人都可以给我一个方法或解决方案,我从过去四天开始就一直坚持这一点。

我得到两个数组,一个是 50K,另一个是 20K。我首先添加 50 K 数组,(下面是我的代码)

如果您有任何建议,请告诉我。谢谢您的帮助。

0 投票
1 回答
844 浏览

leaflet - 限制传单簇组扩展深度

我正在使用集群组。但是如何限制集群扩展级别。假设默认集群组加载大陆级别,然后单击。它扩展到更深层次,当第三次再次单击集群组时,它会扩展到国家级别。我想修复三个扩展级别的集群组不低于国家级别。

我尝试了 freezeAtZoom() 但它阻止集群组从第一级扩展..

0 投票
1 回答
3598 浏览

popup - 如何在单击传单集群组上显示弹出窗口

我有带有 clustergroup 的传单地图,它工作正常。我想在集群组单击时打开弹出窗口。在结束标记(元素)上,onclick 弹出窗口磨损良好。

我也能够捕获集群组单击事件,但无法打开弹出窗口。

但无法打开弹出窗口。

0 投票
2 回答
11157 浏览

leaflet - 如何一次在 Leaflet Marker 中打开多个弹出窗口

像这样的地图:

但我正在使用传单。无论如何,我可以防止关闭我的标记弹出窗口吗?

0 投票
1 回答
912 浏览

css - 传单集群组背景颜色不会出现在地图打印导出中

我有一张带有 L.markerClusterGroup 的传单地图。它看起来像这样:

在此处输入图像描述

但是在打印(到 PDF)时,它看起来像这样:

在此处输入图像描述

注意没有背景颜色。

点创建如下:

其中“我自己的 css”是 css 类,可能是以下之一:

或者

其他人有过同样的问题吗?

0 投票
1 回答
1639 浏览

javascript - Leaflet markercluster:如何创建带有编号标记的markercluster?

我正在尝试创建一个带有 ID 标记的标记集群,因为我稍后想从地图中删除一个标记。但是,我什至无法让这些标记的标记出现在地图上。我正在从 geoJSON 格式的变量加载它们individualPoints。我可以使用以下代码片段直接将这些标记添加到地图中:

但我希望它们在一个集群中,所以我认为我需要用一个 ID 标记每个标记(如在这个问题中),然后将该组添加到集群中,如下所示:

添加geoJsonLayer工作正常,但添加markersID没有。所以我一定是添加markersID不正确。这是一个jsfiddle。 https://jsfiddle.net/anfw0n6w/

问题:有没有更好的方法来创建具有我以后可以参考的 ID 的标记?我还能如何添加markersID到 markerClusterGroup?

0 投票
1 回答
1588 浏览

javascript - 如何在传单地图上绘制标记

在此处输入图像描述我能够以 json 格式从数据库中获取我的数据,目前我可以在控制台中看到数据,所以我的问题是如何绘制我使用这个 ajax 调用检索到的 lat long 的标记。

我怎样才能获得功能成功的标记