Vue百度地图maker标注的添加和删除

宁采不是臣

已于 2023-03-10 14:23:39 修改

阅读量1.4k

点赞数 1

文章标签： javascript 前端

于 2023-02-20 08:41:10 首次发布

本文链接：https://blog.csdn.net/weixin_57925162/article/details/129117645

版权

    const lng = parseFloat(e.longitude)
    const lat = parseFloat(e.latitude)
    const point = new BMap.Point(lng, lat)
    const marker = new BMap.Marker(point)  
    map.addOverlay(marker)
    marker.setPosition(point)//添加标注
    //删除标注文档上注明了是removeOverlay()这个方法，具体使用如下
    marker.id = data[0].id//给marker添加id对应数组里的id（非必要不要赋值id，不要这么写）
    const allOverlays = map.getOverlays()//返回地图上所有的覆盖物
    //循环找到数组里面id和返回覆盖物相同的
    for (let i = 0; i < allOverlays.length; i++) {
      if (allOverlays[i].id == data[0].id) { //data[0].id即是你要删除标注的id
        map.removeOverlay(allOverlays[i])
      }
    }