Javascript 通过GoogleMap以相同的集群大小将附近的标记分组在一起

Javascript 通过GoogleMap以相同的集群大小将附近的标记分组在一起,javascript,dictionary,markerclusterer,Javascript,Dictionary,Markerclusterer,我想使用google map将附近的所有标记与相同的簇大小一起分组 我尝试了谷歌地图支持的MarkerClusterer,但是集群大小不同 有我的例子吗 谢谢你的帮助。 MarkerClusterer库使用基于网格的聚类 将地图分成一定大小的正方形的技术 每个缩放级别的大小都会更改),并将标记分组到每个缩放级别 方格。它在特定标记处创建一个簇,并添加 位于群集边界内的标记。它重复这个过程 直到所有标记都分配给最近的基于栅格的标记 基于地图的缩放级别进行群集。如果标记在边界内 对于多个现有集群,M

我想使用google map将附近的所有标记与相同的簇大小一起分组

我尝试了谷歌地图支持的MarkerClusterer,但是集群大小不同

有我的例子吗

谢谢你的帮助。

MarkerClusterer库使用基于网格的聚类 将地图分成一定大小的正方形的技术 每个缩放级别的大小都会更改),并将标记分组到每个缩放级别 方格。它在特定标记处创建一个簇,并添加 位于群集边界内的标记。它重复这个过程 直到所有标记都分配给最近的基于栅格的标记 基于地图的缩放级别进行群集。如果标记在边界内 对于多个现有集群,Maps JavaScript API决定 标记与每个簇的距离,并将其添加到最近的簇 集群

您可以设置标记聚类器选项来调整聚类 位置以反映所有标记之间的平均距离 都包含在其中。您还可以自定义 MarkerClusterer要修改网格大小等其他参数,请单击群集 图标、群集文本等

请看下面的示例:

我已使用
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;
}

您可以显示到目前为止您已经尝试过的内容。请先看看这个