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 });