我要在坐标GPS上检索数据json api内容,然后将其用于传单地图标记中。当我从data json api获得新更新时,我很难清除标记! ,当我有新的更新时,所有标记都是重复的。
代码
datas(){
interval(3000).subscribe(()=>{
this.http.get("xxxxxxxxxxxxx",{},{}).then((data) => {
this.Data = JSON.parse(data.data);
this.points = Object.keys(this.Data)
.map(key => this.Data[key])
.map((position) => ({
lat: position[1],
lng: position[2],
})).filter(position => position.lat && position.lng ).forEach(i=>{
console.log(i.lat,i.lng)
new L.Marker([i.lat,i.lng], {
icon: new L.DivIcon({
html: `<div style="width: 65px;";>
<img src="assets/aeroplane.png"/style="width: 20px;height: 25px;">
</div>`
})
}).addTo(this.map)
})
this.map.removeLayer()
});
})
}
更新数据后如何删除标记,然后在地图上添加新标记,并避免重复标记