天天看点

百度地图中加载海量点(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+以上浏览器查看本示例');     }