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

    }