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

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

php是最好的语言
發布: 2018-08-02 15:08:13
原創
1227 人瀏覽過

題目描述

#百度地圖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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板