要移除 GeoGlobe 中的标记(Marker),你可以使用 remove
方法。以下是一个示例代码,演示如何添加和移除标记:
// 创建标记的HTML元素
var markDiv = document.createElement('div');
markDiv.innerHTML = '标记';
// 创建标记对象并添加到地图
var marker = new GeoGlobe.Marker(markDiv)
.setLngLat([longitude, latitude])
.addTo(map);
// 移除标记
marker.remove();
在上述代码中,我们首先创建了一个自定义的 HTML 元素 markDiv
作为标记的图标。
然后,我们使用 GeoGlobe.Marker
对象创建了一个标记,并使用 setLngLat
方法设置标记的经纬度位置。
通过 addTo
方法,我们将标记添加到地图上。
要移除标记,我们使用 remove
方法。通过调用 marker.remove()
,就可以将标记从地图上移除。
确保在移除标记之前地图已经加载,并且 marker
变量引用了要移除的标记对象。
多个覆盖物移除
当有多个覆盖物需要移除的时候我们将覆盖物添加到数组中,然后遍历移出
添加覆盖物
// 定义Marker对象设置其坐标并添加到地图图层
var mark = new GeoGlobe.Marker(markDiv)
.setLngLat(type.center)
.addTo(that.map);
that.LayerList.push(mark)
移除覆盖物
// 移除覆盖物
that.LayerList.forEach((type) => {
type.remove()
});
that.LayerList = []