Javascript 尝试使用地图簇将具有相同坐标的标记分组

Javascript 尝试使用地图簇将具有相同坐标的标记分组,javascript,leaflet,Javascript,Leaflet,我正在使用一个名为spoolet.js的插件来对相似和相同的坐标进行分组。我已经在脚本上手动设置了多个坐标(lat,lang)。运行后,具有相同坐标的标记似乎不会聚集在一起,而只是放置在彼此的顶部 var-map=L.map('mapid'{ 全屏控制:{ 伪全屏:false//如果为true,则全屏到页面的宽度和高度 }, }).setView([-40.99497174.50808],10); map.createPane(“标签”); map.getPane('labels').styl

我正在使用一个名为
spoolet.js
的插件来对相似和相同的坐标进行分组。我已经在脚本上手动设置了多个坐标
(lat,lang)
。运行后,具有相同坐标的标记似乎不会聚集在一起,而只是放置在彼此的顶部

var-map=L.map('mapid'{
全屏控制:{
伪全屏:false//如果为true,则全屏到页面的宽度和高度
},
}).setView([-40.99497174.50808],10);
map.createPane(“标签”);
map.getPane('labels').style.zIndex=650;
map.getPane('labels').style.pointerEvents='none';
var positron=L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png'{
诺拉普:没错,
最大缩放:15
}).addTo(地图);
var positeronlabels=L.tillelayer('http://{s}.basemaps.cartocdn.com/light_only_labels/{z}/{x}/{y}.png'{
窗格:“标签”,
诺拉普:没错,
最大缩放:3
}).addTo(地图);
var markers=L.markerClusterGroup({
spiderfyOnMaxZoom:false,
showCoverageOnHover:错误,
ZoomToBoundsOn单击:false
});
西南风=L.latLng(-89.98155760646617,-180),
东北=拉特林(89.99346179538875,180),
边界=L.latLngBounds(西南、东北);
map.setMaxBounds(bounds);
map.on('drag',function(){
panInsideBounds(边界,{animate:false});
});
var markers=L.markerClusterGroup({
spiderfyOnMaxZoom:false,
showCoverageOnHover:错误,
ZoomToBoundsOn单击:false
});
变量图=[
[“7C6B07”,-40.99497174.50808],
[“7C6B38”,-41.30269173.63696],
[“7C6CA1”,-41.49413173.5421],
[“7C6CA2”,-40.98585174.50659],
[“C81D9D”,-40.93163173.81726],
[“C82009”,-41.5183174.78081],
[“C82081”,-41.42079173.5783],
[“C820AB”,-42.08414173.96632],
[“C820AB”,-42.08414173.96632]
];
对于(变量i=0;i
/*所需样式*/
.单张,
.宣传单张,
.传单标记图标,
.小叶标记阴影,
.宣传单张,
.传单窗格>svg,
.传单窗格>画布,
.传单缩放框,
.传单图像层,
.小叶层{
位置:绝对位置;
左:0;
排名:0;
}
.传单容器{
溢出:隐藏;
}
.宣传单张,
.传单标记图标,
.小叶标记阴影{
-webkit用户选择:无;
-moz用户选择:无;
用户选择:无;
-webkit用户拖动:无;
}
/*Safari使用这种方法可以更好地渲染视网膜上的非视网膜瓷砖,但镀铬效果更差*/
.传单旅行.传单瓷砖{
图像渲染:-webkit优化对比度;
}
/*防止加载新瓷砖时硬件层“拉伸”的黑客攻击*/
.传单旅行.传单瓦片容器{
宽度:1600px;
高度:1600px;
-webkit转换原点:0;
}
.传单标记图标,
.小叶标记阴影{
显示:块;
}
/*.传单容器svg:重置svg最大宽度偏差,在Joomla装运!(joomla.org)3.x*/
/*.传单容器img:如果您在瓷砖上有最大宽度:100%,则地图在FF中断开*/
.传单容器.传单覆盖窗格svg,
.传单容器。传单标记窗格img,
.传单容器。传单阴影窗格img,
.传单容器。传单瓷砖窗格img,
.传单容器img.传单图像层,
.传单容器.传单瓷砖{
最大宽度:无!重要;
最大高度:无!重要;
}
.传单-容器。传单-触摸-缩放{
-ms触摸动作:pan-x pan-y;
触摸动作:pan-x pan-y;
}
.传单-容器{
-ms触摸动作:捏缩变焦;
/*不支持收缩缩放的FF的回退*/
触摸动作:无;
触摸动作:捏缩变焦;
}
.传单-容器。传单-触摸-拖动。传单-触摸-缩放{
-ms触摸动作:无;
触摸动作:无;
}
.传单容器{
-webkit点击突出显示颜色:透明;
}
.传单容器a{
-webkit点击突出显示颜色:rgba(511812290.4);
}
.小册子{
过滤器:继承;
可见性:隐藏;
}
.已装入宣传单张{
可见性:继承;
}
.传单缩放框{
宽度:0;
身高:0;
-moz框大小:边框框;
框大小:边框框;
z指数:800;
}
/*解决方法https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.单张覆盖窗格svg{
-moz用户选择:无;
}
.小册子窗格{z-index:400;}
.小册子瓷砖窗格{z-index:200;}
.传单覆盖窗格{z-index:400;}
.单张阴影窗格{z-index:500;}
.传单标记窗格{z-index:600;}
.传单工具提示窗格{z-index:650;}
.传单弹出窗格{z-index:700;}
.单张地图窗格画布{z-index:100;}
.小册子地图窗格svg{z-index:200;}
.小叶vml形状{
宽度:1px;
高度:1px;
}
.lvml{
行为:url(#默认值#VML);
显示:内联块;
位置:绝对位置;
}
/*控制定位*/
.单张管制{
位置:相对位置;
z指数:800;
指针事件:VisiblePaint;/*IE 9-10没有自动*/
指针事件:自动;
}
.单张顶部,
.传单底部{
位置:绝对位置;
z指数:1000;
指针事件:无;
}
.单张顶部{
排名:0;
}
.传单对吗{
右:0;
}
.传单底部{
底部:0;
}
.左传单{
左:0;
}
.单张管制{
浮动:左;
明确:两者皆有;
}
.传单对传单控制{
浮动:对;
}
.传单顶部。传单控制{
边缘顶部:10px;
}
.传单底部。传单控制{
边缘底部:10px;
}
.传单左侧。传单控制{
文科硕士