首頁 >web前端 >js教程 >javascript -地圖上人員所在的點無法使用API​​的海量點來實現

javascript -地圖上人員所在的點無法使用API​​的海量點來實現

php是最好的语言
php是最好的语言原創
2018-08-02 15:08:131238瀏覽

題目描述

#百度地圖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+以上浏览器查看本示例');
        }

你預期的結果是什麼?實際看到的錯誤訊息又是什麼?

javascript -地圖上人員所在的點無法使用API​​的海量點來實現

海量點沒有在地圖上面顯示出來。

相關文章:

百度地圖JavaScript API如何在同一頁面顯示多個地圖

百度地圖API使用方法詳解

相關影片:

百度地圖開發文件

#

以上是javascript -地圖上人員所在的點無法使用API​​的海量點來實現的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn