首页 > 代码库 > 百度地图Api进阶教程-点聚合9.html

百度地图Api进阶教程-点聚合9.html

<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><style type="text/css">body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;}#l-map{height:100%;width:78%;float:left;border-right:2px solid #bcbcbc;}#r-result{height:100%;width:20%;float:left;}</style><script type="text/javascript" src="http://api.map.baidu.com/api?v=1.4"></script><script type="text/javascript" src="http://api.map.baidu.com/library/TextIconOverlay/1.2/src/TextIconOverlay_min.js"></script><script type="text/javascript" src="http://api.map.baidu.com/library/MarkerClusterer/1.2/src/MarkerClusterer_min.js"></script><title>17.1</title></head><body><div id="allmap"></div></body></html><script type="text/javascript">    var map = new BMap.Map("allmap");    map.centerAndZoom(new BMap.Point(116.404, 39.915), 4);    map.enableScrollWheelZoom();    var MAX = 10;    var markers = [];    var pt = null;    var i = 0;    for (; i < MAX; i++) {        pt = new BMap.Point(Math.random() * 40 + 85, Math.random() * 30 + 21);        markers.push(new BMap.Marker(pt));    }    //最简单的用法,生成一个marker数组,然后调用markerClusterer类即可。    var markerClusterer = new BMapLib.MarkerClusterer(map, { markers: markers });</script>

 

百度地图Api进阶教程-点聚合9.html