zoukankan      html  css  js  c++  java
  • 腾讯地图添加多个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);
                }
            },
  • 相关阅读:
    angular11源码探索七[服务二]
    angular11源码探索六[服务基础一]
    有趣的特效,嘤嘤嘤
    angular11学习(十八)
    matplotlib 去掉小方框
    xlrd.biffh.XLRDError 问题报错
    页面点击出现蓝色背景色
    移动端不显示滚动条
    Swiper垂直方向滑动,高度获取不正确的解决方法
    二维树状数组
  • 原文地址:https://www.cnblogs.com/hzx-5/p/9808865.html
Copyright © 2011-2022 走看看