GeoGlobe.Marker添加覆盖物后如何移除

js yekong

要移除 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 = []
      
喜欢