在更新新数据标记之前删除标记

时间:2019-11-15 14:48:03

标签: angular leaflet

我要在坐标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()

      });

    })



  }

更新数据后如何删除标记,然后在地图上添加新标记,并避免重复标记

0 个答案:

没有答案