从Mapbox弹出窗口调用vue方法

<template>
  <div>
    <div id="map"></div>
  </div>
</template>

<script>
import mapboxgl from 'mapbox-gl';

export default {
  mounted() {
    mapboxgl.accessToken = 'YOUR_MAPBOX_ACCESS_TOKEN';
    const map = new mapboxgl.Map({
      container: 'map',
      style: 'mapbox://styles/mapbox/streets-v11',
      center: [lng, lat],
      zoom: 12
    });

    // 添加标记点
    const marker = new mapboxgl.Marker()
      .setLngLat([lng, lat])
      .addTo(map);

    // 监听标记点的点击事件
    marker.getElement().addEventListener('click', () => {
      // 弹出窗口
      // 调用Vue方法进行操作
      this.openPopup();
    });
  },
  methods: {
    openPopup() {
      // 弹出窗口的具体实现，可以使用Vue的弹窗组件或自定义弹窗
      // 调用Vue实例中的方法进行操作
      this.doSomething();
    },
    doSomething() {
      // 调用Vue方法进行相应的操作
      console.log('Do something in Vue');
    }
  }
};
</script>