百度地图点聚合实现

 时间:2024-10-12 20:22:10

1、使用EditPlus新建html Page 类型页面,具体内容如图:

百度地图点聚合实现

2、引入百度Ja箪滹埘麽vaScript API,引入方式如下:<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=您申请的秘钥"></script>这里的ak,需要到百度开放平台去申请。

百度地图点聚合实现

3、在页面中声明一个div,该div是地图的容器,地图渲染时,会在该元素下形成。<div id="allmap"></div>

百度地图点聚合实现

4、编写js代码,实例化百度地图, var map = new BMap.Map猾诮沓靥("allmap");// 百度地图实例化 var point = new BMap.Point(113.928725, 22.761234); map.setCurrentCity("深圳市");//设置当前城市 map.centerAndZoom(point, 15);//设置中心点及地图层级 map.enableScrollWheelZoom();

百度地图点聚合实现

5、添加坐标点,此处作者自己虚拟了很多坐标点,同时,需要把这些左边点添加到一个数组中,以备后面批量添加坐标做准备。

百度地图点聚合实现

6、将上述添加的数组,通过百度api的方法,批量标注在地图上,该方法为百度api提供的方法,批量标注的同时,可以实现点的聚合。最终的效果如图:new BMapLib.MarkerClusterer(map, { markers: markers });

百度地图点聚合实现
  • 随申办的小红点怎样消除
  • 笔记本怎么打开wifi开关
  • 暖暖环游世界百美图攻略
  • 小米行车记录仪显示速度吗
  • 大学生创业计划书的几个要点
  • 热门搜索
    清明节手抄报花边 走进名著手抄报内容 爱护校园环境手抄报 中秋节手抄报大全 手抄报中国梦 中秋节的手抄报简单又漂亮 多彩的民族文化手抄报 国庆节手抄报简单 中秋节手抄报花边 防灾减灾手抄报大全