百度地图修改点汇聚样式(JS地图)

javascript版百度地图进行点汇聚并更改样式,引入百度开源类库TextIconOverlay_min.js和MarkerClusterer_min.js,使用BMapLib.MarkerClusterer(map, options)进行点聚合:

BMapLib.MarkerClusterer(map, options)
MarkerClusterer
参数:
{Map}  map
地图的一个实例。
{Json Object}  options
可选参数,可选项包括:
markers {Array} 要聚合的标记数组
girdSize {Number} 聚合计算时网格的像素大小,默认60
maxZoom {Number} 最大的聚合级别,大于该级别就不进行相应的聚合
minClusterSize {Number} 最小的聚合数量,小于该数量的不能成为一个聚合,默认为2
isAverangeCenter {Boolean} 聚合点的落脚位置是否是所有聚合在内点的平均值,默认为否,落脚在聚合内的第一个点
styles {Array} 自定义聚合后的图标风格,请参考TextIconOverlay类

百度地图修改点汇聚样式(JS地图)_第1张图片




	
	
	
	
	
	
	点聚合


  div{
background-size:100% 100%
}
	

缩放地图,查看点聚合效果



你可能感兴趣的:(地图)