我正在尝试单击群集时单独显示标记。
我正在使用Leaflet.markercluster
插件。
例如:
那些标记并不是那么接近,我必须在它们的真实坐标中显示它们。即使我不在maxZoom,我也有这个问题。我该怎么办?
修改
这是集群初始化:
var clustern = L.markerClusterGroup({
iconCreateFunction: function (cluster) {
return L.divIcon({
html: "<div style='margin-left: -20px; margin-top: -20px; width: 40px; height: 40px;' class='leaflet-marker-icon marker-cluster marker-cluster-medium '><div><span>"
+ cluster.getChildCount() + "</span></div></div>",
})
},
zoomToBoundsOnClick: true,
animate: true,
spiderLegPolylineOptions: {opacity: 0},
maxClusterRadius: 80,
spiderfyOnMaxZoom: false,
showCoverageOnHover: false
});
这是添加标记的方式:
$.get('csv/Export.csv', function (csvContent) {
localarr = csvContent.split("\n").map(function (row) {
return row.split(",");
})
localarr.forEach(function (riga, index) {
if (index > 0) {
clustern.addLayer(L.marker(L.latLng(riga[74], riga[75])));
map.addLayer(clustern)
}
})
console.log(localarr)
})