vue3 使用天地图添加/删除标注点
其中 markers.id = '你的id名' 这一步是必须的,因为下一步删除标注需要用到。这样就可以实现天地图添加或者删除标记点啦。删除就是根据我们所添加的id进行的。
·
首先是添加标注点:
//预警添加图标
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])
}
};
这样就可以实现天地图添加或者删除标记点啦
更多推荐
已为社区贡献1条内容
所有评论(0)