腾讯地图添加多个Marker
生活随笔
收集整理的這篇文章主要介紹了
腾讯地图添加多个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的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Xpath使用方法
- 下一篇: eclipse中输入繁体字怎么回事?