javascript-地图上人员所在的点无法使用API的海量点来实现

来源：动视网责编：小采时间：2020-11-27 19:32:56

javascript-地图上人员所在的点无法使用API的海量点来实现

javascript-地图上人员所在的点无法使用API的海量点来实现:题目描述百度地图API使用海量点的Demo。无法显示海量点。题目来源及自己的思路在地图上面需要把人员所在的点都描绘出来。使用百度地图API的海量点来实现。相关代码if (document.createElement('canvas').getContext) { // 判

推荐度：

点击下载本文 文档为doc格式

导读javascript-地图上人员所在的点无法使用API的海量点来实现:题目描述百度地图API使用海量点的Demo。无法显示海量点。题目来源及自己的思路在地图上面需要把人员所在的点都描绘出来。使用百度地图API的海量点来实现。相关代码if (document.createElement('canvas').getContext) { // 判

题目描述

百度地图API使用海量点的Demo。无法显示海量点。

题目来源及自己的思路

在地图上面需要把人员所在的点都描绘出来。使用百度地图API的海量点来实现。

相关代码

if (document.createElement('canvas').getContext) { // 判断当前浏览器是否支持绘制海量点

 var points = []; // 添加海量点数据 
 angular.forEach(result,function(data,index,array){
 if(data.longitude && data.longitude>0 && data.latitude && data.latitude>0){
 points.push(new BMap.Point(data.longitude, data.latitude)); 
 }
 });
 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+以上浏览器查看本示例');
 }