nuxt 完整版使用高德地图

您可以通过以下步骤在 Nuxt.js 中使用高德地图：

1. 注册并获取高德地图的 API key。
2. 在 nuxt.config.js 中添加以下代码：

head: {
  script: [
    {
      src: `https://webapi.amap.com/maps?v=1.4.15&key=YOUR_API_KEY`
    }
  ]
}

3. 在需要使用地图的页面组件中，添加一个 div 元素作为地图容器，并在 mounted 钩子中初始化地图：

<template>
  <div class="map-container" ref="mapContainer" />
</template>

<script>
export default {
  mounted() {
    this.initMap()
  },
  methods: {
    initMap() {
      const map = new window.AMap.Map(this.$refs.mapContainer, {
        center: [116.397428, 39.90923],
        zoom: 13
      })
      // 其他操作...
    }
  }
}
</script>

<style>
.map-container {
  height: 400px;
}
</style>

其中，`YOUR_API_KEY` 是您在第一步中获取的高德地图 API key。在 mounted 钩子中，我们通过 `window.AMap` 引用了高德地图的 API，并创建了一个地图实例并渲染在页面上。

以上就是在 Nuxt.js 中使用高德地图的基本步骤，您可以根据自己的需求进一步定制地图样式和交互。