日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 编程资源 > 综合教程 >内容正文

综合教程

腾讯地图添加多个Marker

發布時間:2023/12/13 综合教程 18 生活家
生活随笔 收集整理的這篇文章主要介紹了 腾讯地图添加多个Marker 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
//重置地圖
        init(){
            var self = this;
            this.wSize = {
                wHeight: window.innerHeight-80,
                wWidth: window.innerWidth
            }
            //獲取本市位置
            var citylocation = new qq.maps.CityService({
                complete : function(result){
                    self.map.setCenter(result.detail.latLng);
                }
            });
            citylocation.searchLocalCity();
            var center = new qq.maps.LatLng(39.914850, 116.403765);
            this.map = new qq.maps.Map(document.getElementById("container"),
                {
                    center: center,
                    zoom: 13
                }
            );
            // qq.maps.event.addDomListener(this.map, 'click', function(event) {
            //     self.addMarker(event.latLng);
            // });
        },
//獲取位置信息
        workersPos(){
            console.log(this.city3,this.value)
            var self = this;
            axios.get('http://work.121soft.cn:8089/lbs/lbs/public/index.php/api/servicer/getsonmap',{
                params:{
                    rid:this.city3,
                    sid:this.value
                }
            }).then((response)=>{
                console.log(response);
                this.workersInfor = response.data.data; 
                this.setMarker();
            }).catch((response)=>{
                console.log(response)
            })
        },
        //移除覆蓋物
        deleteOverlays() {
            if (this.markersArray) {
                for (i in this.markersArray) {
                    this.markersArray[i].setMap(null);
                }
                this.markersArray.length = 0;
            }
        },
        //設置覆蓋物
        setMarker(){
            this.deleteOverlays();
            var self = this;
            this.latlngs2 = [];
            for (var prop in this.workersInfor) {
                this.latlngs2.push('new qq.maps.LatLng('+this.workersInfor[prop].lat+','+this.workersInfor[prop].lng+')');
            }
            console.log(this.workersInfor)
            for(var i = 0;i < this.latlngs2.length; i++) {
                (function(n){
                    var marker = new qq.maps.Marker({
                        position: eval(self.latlngs2[n]),
                        map: self.map
                    });
                    self.markersArray.push(marker);
                })(i);
            }
        },

總結

以上是生活随笔為你收集整理的腾讯地图添加多个Marker的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。