uniapp map组件监听鼠标坐标

在UniApp中，Map组件允许开发者监听地图上的鼠标事件，包括点击、移动等。要监听鼠标坐标，你可以使用`map-view`组件提供的`onMarkerdragend`或`onPan`事件。以下是基本的示例：

<view class="container">
  <map-view :latitude="latitude" :longitude="longitude" @markerdragend="handleMarkerDragEnd" @pan="handlePan"></map-view>
</view>

<script>
export default {
  data() {
    return {
      latitude: 39.9042,
      longitude: 116.4074, // 北京位置
      markerLat: null,
      markerLng: null,
    };
  },
  methods: {
    handleMarkerDragEnd(e) {
      this.markerLat = e.detail.lat;
      this.markerLng = e.detail.lng;
      console.log('Marker dragged to:', { lat: this.markerLat, lng: this.markerLng });
    },
    handlePan(e) {
      const { x, y } = e.detail;
      console.log('Map pan event:', { x, y });
    },
  },
};
</script>

在这个例子中，`handleMarkerDragEnd`会在标记拖动结束时触发，获取新的经纬度；而`handlePan`则会在地图平移时提供当前鼠标的位置。