Vue旋转地图点位漂移问题解决方案 - 如何修复经纬度偏移

在Vue中旋转地图时，经纬度点位可能会发生漂移的问题，可以通过以下代码来解决：\n\n1. 在Vue组件中，首先引入AMap库和AMapUI库：\n\njavascript\nimport AMap from 'AMap';\nimport AMapUI from 'AMapUI';\n\n\n2. 在mounted钩子函数中初始化地图，并设置旋转后地图的偏移量：\n\njavascript\nmounted() {\n // 初始化地图\n let map = new AMap.Map('mapContainer', {\n zoom: 12,\n center: [经度, 纬度],\n rotation: 45, // 设置地图旋转角度\n rotateEnable: true // 开启地图旋转功能\n });\n\n // 获取旋转后地图的偏移量\n let offset = map.getOffset();\n\n // 监听地图旋转事件\n AMap.event.addListener(map, 'rotate', function() {\n // 重新设置地图偏移量\n map.setOffset(offset);\n });\n}\n\n\n3. 如果还是有漂移问题，可以尝试在地图加载完成后，再次设置偏移量：\n\njavascript\nmounted() {\n let map = new AMap.Map('mapContainer', {\n zoom: 12,\n center: [经度, 纬度],\n rotation: 45,\n rotateEnable: true\n });\n \n AMapUI.loadUI(['overlay/SimpleMarker'], function(SimpleMarker) {\n // 在地图加载完成后，再次设置偏移量\n map.on('complete', function() {\n let offset = map.getOffset();\n map.setOffset(offset);\n });\n });\n}\n\n\n通过以上代码，在旋转地图时，可以解决经纬度点位漂移的问题。