Javascript 通过GoogleMap以相同的集群大小将附近的标记分组在一起
我想使用google map将附近的所有标记与相同的簇大小一起分组 我尝试了谷歌地图支持的MarkerClusterer,但是集群大小不同 有我的例子吗 谢谢你的帮助。 MarkerClusterer库使用基于网格的聚类 将地图分成一定大小的正方形的技术 每个缩放级别的大小都会更改),并将标记分组到每个缩放级别 方格。它在特定标记处创建一个簇,并添加 位于群集边界内的标记。它重复这个过程 直到所有标记都分配给最近的基于栅格的标记 基于地图的缩放级别进行群集。如果标记在边界内 对于多个现有集群,Maps JavaScript API决定 标记与每个簇的距离,并将其添加到最近的簇 集群 您可以设置标记聚类器选项来调整聚类 位置以反映所有标记之间的平均距离 都包含在其中。您还可以自定义 MarkerClusterer要修改网格大小等其他参数,请单击群集 图标、群集文本等 请看下面的示例: 我已使用Javascript 通过GoogleMap以相同的集群大小将附近的标记分组在一起,javascript,dictionary,markerclusterer,Javascript,Dictionary,Markerclusterer,我想使用google map将附近的所有标记与相同的簇大小一起分组 我尝试了谷歌地图支持的MarkerClusterer,但是集群大小不同 有我的例子吗 谢谢你的帮助。 MarkerClusterer库使用基于网格的聚类 将地图分成一定大小的正方形的技术 每个缩放级别的大小都会更改),并将标记分组到每个缩放级别 方格。它在特定标记处创建一个簇,并添加 位于群集边界内的标记。它重复这个过程 直到所有标记都分配给最近的基于栅格的标记 基于地图的缩放级别进行群集。如果标记在边界内 对于多个现有集群,M
gridSize
参数为标记设置分组值。这样你就可以实现你想要的
函数initMap(){
var map=new google.maps.map(document.getElementById('map'){
缩放:3,
中心:{
lat:-28.024,
液化天然气:140.887
}
});
//创建用于标记的字母字符数组。
var标签='abcdefghijklmnopqrstuvxyz';
//在地图上添加一些标记。
//注意:代码使用JavaScript Array.prototype.map()方法
//基于给定的“位置”数组创建标记数组。
//这里的map()方法与Google Maps API无关。
var markers=locations.map(函数(位置,i){
返回新的google.maps.Marker({
位置:位置,,
标签:标签[i%标签.长度]
});
});
//添加标记群集器以管理标记。
var markerCluster=新的MarkerClusterer(地图、标记、{
imagePath:'https://developers.google.com/maps/documentation/javascript/examples/markerclusterer/m',
网格大小:10
});
}
变量位置=[{
lat:-31.563910,
液化天然气:147.154312
},
{
lat:-33.718234,
液化天然气:150.363181
},
{
lat:-33.727111,
液化天然气:150.371124
},
{
lat:-33.848588,
液化天然气:151.209834
},
{
lat:-33.851702,
液化天然气:151.216968
},
{
lat:-34.671264,
液化天然气:150.863657
},
{
lat:-35.304724,
液化天然气:148.662905
},
{
lat:-36.817685,
液化天然气:175.699196
},
{
lat:-36.828611,
液化天然气:175.790222
},
{
拉脱维亚:-37.750000,
液化天然气:145.116667
},
{
纬度:-37.759859,
液化天然气:145.128708
},
{
lat:-37.765015,
液化天然气:145.133858
},
{
lat:-37.770104,
液化天然气:145.143299
},
{
lat:-37.773700,
液化天然气:145.145187
},
{
lat:-37.774785,
液化天然气:145.137978
},
{
lat:-37.819616,
液化天然气:144.968119
},
{
lat:-38.330766,
液化天然气:144.695692
},
{
lat:-39.927193,
液化天然气:175.053218
},
{
lat:-41.330162,
液化天然气:174.865694
},
{
lat:-42.734358,
液化天然气:147.439506
},
{
lat:-42.734358,
液化天然气:147.501315
},
{
lat:-42.735258,
液化天然气:147.438000
},
{
lat:-43.999792,
液化天然气:170.463352
},
{
lat:-43.998792,
液化天然气:170.463352
},
{
lat:-43.999792,
液化天然气:170.413352
},
{
lat:-43.999000,
液化天然气:170.463000
}
]
/*始终明确设置贴图高度以定义div的大小
*包含映射的元素*/
#地图{
身高:100%;
}
/*可选:使示例页面填充窗口*/
html,
身体{
身高:100%;
保证金:0;
填充:0;
}
您可以显示到目前为止您已经尝试过的内容。请先看看这个