vue中引入高德地图后鼠标拖拽移动功能不生效

如果在 Vue 中引入高德地图后鼠标拖拽移动功能不生效，可能是因为你没有正确设置地图的容器大小。请确保地图容器有足够的大小以容纳地图，并且设置了正确的 CSS 样式，例如：

<div id="mapContainer" style="width: 100%; height: 600px;"></div>

如果你的地图容器是通过 `v-if` 或 `v-show` 控制显示和隐藏的，你需要在地图容器显示后再初始化地图，否则地图拖拽功能可能不会生效。你可以在 `mounted` 钩子函数中初始化地图，确保地图已经显示出来了。例如：

mounted() {
  this.initMap()
},
methods: {
  initMap() {
    let map = new AMap.Map('mapContainer', {
      zoom: 10,
      center: [116.39, 39.9],
      resizeEnable: true // 启用地图自适应容器大小
    })
  }
}

另外，如果你在引入高德地图的时候使用了异步加载，你需要等待高德地图 JavaScript API 加载完成后再初始化地图。你可以在 `mounted` 钩子函数中使用 `AMap.ready()` 方法来等待高德地图 JavaScript API 加载完成，例如：

mounted() {
  AMap.ready(() => {
    this.initMap()
  })
},
methods: {
  initMap() {
    let map = new AMap.Map('mapContainer', {
      zoom: 10,
      center: [116.39, 39.9],
      resizeEnable: true // 启用地图自适应容器大小
    })
  }
}