vue3和ts上leaflet中如何移除maker标记

要移除 Leaflet 中的 Marker 标记，可以使用 Marker 的 remove 方法。在 Vue3 中使用 TypeScript，可以先获取 Marker 实例，然后调用 remove 方法来移除标记。

假设你在 Vue3 组件中使用了 Leaflet，并且在 data 中定义了一个 markers 数组，其中包含多个 Marker 实例。你可以在方法中通过循环遍历 markers 数组，找到需要移除的 Marker 实例，然后调用 remove 方法来移除标记，示例代码如下：

import { Component, Vue } from 'vue-class-component';
import { Map, Marker } from 'leaflet';

@Component
export default class MyComponent extends Vue {
  private markers: Marker[] = []; // Marker 数组

  // 移除指定的 Marker 标记
  removeMarker(marker: Marker) {
    const index = this.markers.indexOf(marker);
    if (index > -1) {
      this.markers.splice(index, 1);
      marker.remove(); // 调用 remove 方法来移除标记
    }
  }
}

在上面的代码中，removeMarker 方法接收一个 Marker 实例作为参数，然后查找 markers 数组中该实例的索引位置，如果找到了，则从 markers 数组中删除该实例，并调用 Marker 实例的 remove 方法来移除标记。