使用MarkerClusterGroup在Leaflet中先前创建的图层上添加标记时,标记位置会累积

时间:2015-11-01 14:56:15

标签: javascript overlay leaflet markers

我想在google地图上添加一个包含室内地图的图层。 然后将包含纬度和经度的传入事件添加为包含室内地图的图层上的标记。

至于现在我设法在谷歌地图上添加一个图层

var imageBounds = new L.LatLngBounds([p, q], [r, s]);
var imageUrl = 'assets/img/indoor.svg';
indoorMap = L.imageOverlay(imageUrl, imageBounds, {opacity: 0.7});

layerGroupIndoor = new L.MarkerClusterGroup();
var overlay = {'beacons': layerGroupIndoor};
layerGroupIndoor.addLayer(indoorMap);
layerGroupIndoorControl = L.control.layers(null, overlay).addTo(map);

然后我将标记动态添加到 layerGroupIndoor ,如下所示。

layerGroupIndoor.addLayer(markerObject);

但是当标记位置在附近时(例如:附近有2个标记),小册子会给出一个新的平均位置,如下所示。

enter image description here

是否建议将标记可视化?

致以最诚挚的问候,

1 个答案:

答案 0 :(得分:0)

我参考了阅读我[1]并进行了以下更改并将其设置为以特定缩放级别取消群集

layerGroupIndoor = new L.MarkerClusterGroup({ disableClusteringAtZoom: 16 });
  1. https://github.com/Leaflet/Leaflet.markercluster