문제 설명
대량 포인트를 사용하는 Baidu Map API 데모입니다. 대규모 포인트를 표시할 수 없습니다.
질문의 출처와 자신의 아이디어
지도에 사람들이 있는 지점을 묘사해야 합니다. 이는 Baidu Map 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+以上浏览器查看本示例'); }
로그인 후 복사
어떤 결과를 기대하시나요? 실제로 표시되는 오류 메시지는 무엇입니까?
지도에 표시되지 않는 지점이 많습니다.
관련 기사:
Baidu Map JavaScript API가 동일한 페이지에 여러 지도를 표시하는 방법
Baidu Map API 사용 방법에 대한 자세한 설명
관련 동영상: