如何从另一个Vue组件触发Mapbox事件？

import mapboxgl from 'mapbox-gl';
import 'mapbox-gl/dist/mapbox-gl.css';

data() {
  return {
    map: null
  };
},
methods: {
  handleMapClick(event) {
    // 处理地图点击事件
  }
}

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

  this.map.on('click', this.handleMapClick);
}

this.$root.$emit('map-click', eventData);

mounted() {
  this.map.on('click', this.handleMapClick);
  this.$root.$on('map-click', this.handleMapClickFromAnotherComponent);
},
methods: {
  handleMapClick(event) {
    // 处理地图点击事件
  },
  handleMapClickFromAnotherComponent(eventData) {
    // 处理来自另一个组件的地图点击事件
  }
}