高德地图添加marker、删除marker和点击marker里面的heml按钮

1. 添加(将marker放在markers数组中为了方便删除)

let marker = new AMap.Marker({
                      map: that.aMap,
                      position: e.data.lnglat,
                      content: `
X
位置:北京
联系人:袁磊
` }); that.markers.push(marker);

2. 删除

if (that.markers && that.markers.length) {
                      that.markers.map((ele, index) => {
                        ele.setMap(null);
                      });
                    }

3. 点击marker中的事件(因把clearMarker事件挂载在window上就可以调用)

mounted() {
    window.clearMarker = () => {
      if (this.markers && this.markers.length) {
        this.markers.map((ele, index) => {
          ele.setMap(null);
        });
      }
    };
  },

你可能感兴趣的:(javascript,css,前端)