首先是添加标注点:

//预警添加图标
        let icon = new T.Icon({
            iconUrl: "https://voidtech.cn/i/2022/11/24/fj8s79.png",
            iconSize: new T.Point(30, 30),
            iconAnchor: new T.Point(10, 56),
        });
        // markers.length = checkedLng.value.length;
        //循环坐标数组,创建标记点
        let markers: any;
        yushuiTable.value.forEach((item: any, index: number) => {
            markers = new T.Marker(new T.LngLat(item[0], item[1]), {
                //item[0]是经度,item[1]是纬度
                icon: icon,
            });
            map.addOverLay(markers);
            markers.id = 'yuqingid'
            //执行标记点函数
            // addwindowclick(markers, index);
        });

其中 markers.id = '你的id名' 这一步是必须的,因为下一步删除标注需要用到。

删除就是根据我们所添加的id进行的

let newMarker = map.getOverlays(); // 获取到了地图上的所有点
    // console.log(newMarker, 'newMarker');
    for (let i = 0; i < newMarker.length; i++) {
        if (newMarker[i].id == 'yujingid') {
            map.removeOverLay(newMarker[i])
        } else if (newMarker[i].id == 'yuqingid') {
            map.removeOverLay(newMarker[i])
        }
    };

这样就可以实现天地图添加或者删除标记点啦

Logo

前往低代码交流专区

更多推荐