在vue3中，在amap上显示鼠标所在位置的坐标

可以使用AMap.MouseTool插件来实现，在Vue3中，可以在mounted钩子函数中初始化地图，然后在地图加载完成后，绑定鼠标移动事件，获取鼠标所在位置的经纬度坐标，并将其显示在页面上。以下是示例代码：

<template>
<div id="map"></div>
<div>当前鼠标位置：{{ mousePosition }}</div>
</template>

<script>
import AMapLoader from '@amap/amap-jsapi-loader';

export default {
data() {
return {
map: null,
mousePosition: '',
};
},
mounted() {
AMapLoader.load({
key: 'your amap key',
version: '2.0',
plugins: ['AMap.MouseTool'],
}).then((AMap) => {
this.map = new AMap.Map('map', {
zoom: 13,
center: [116.397428, 39.90923],
});
this.map.on('complete', () => {
const mouseTool = new AMap.MouseTool(this.map);
mouseTool.on('mousemove', (event) => {
const position = event.lnglat;
this.mousePosition = `${position.getLng()}, ${position.getLat()}`;
});
});
});
},
};
</script>