天天看點

百度地圖中加載海量點(addOverlay…

js腳本如下:

              var map = new BMap.Map("map", {});                         // 建立Map執行個體     map.centerAndZoom(new BMap.Point(105.000, 38.000), 5);     // 初始化地圖,設定中心點坐标和地圖級别     map.enableScrollWheelZoom();                         //啟用滾輪放大縮小     if (document.createElement_x('canvas').getContext) {   // 判斷目前浏覽器是否支援繪制海量點         var points = [];  // 添加海量點資料         for (var i = 0; i < data.data.length; i++) {           points.push(new BMap.Point(data.data[i][0], data.data[i][1]));         }         var options = {             size: BMAP_POINT_SIZE_SMALL,             shape: BMAP_POINT_SHAPE_STAR,             color: '#d340c3'         }         var pointCollection = new BMap.PointCollection(points, options);   // 初始化PointCollection         pointCollection.addEventListener('click', function (e) {           alert('單擊點的坐标為:' + e.point.lng + ',' + e.point.lat);   // 監聽點選事件         });         map.addOverlay(pointCollection);   // 添加Overlay     } else {         alert('請在chrome、safari、IE8+以上浏覽器檢視本示例');     }