转载: http://blog.csdn.net/sd0902/article/details/8478585
- <!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>点聚合</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>