uniapp小程序使用高德地图步骤

在uniapp中使用高德地图，你需要按照以下步骤操作：

1. 注册高德开发者账号，获取key。
2. 在uniapp项目中安装高德地图插件，可以使用npm安装：npm install @dcloudio/uni-map。
3. 在页面的script部分引入高德地图插件并初始化：

import map from '@dcloudio/uni-map'
 
export default {
  data() {
    return {
      longitude: 116.397470,
      latitude: 39.908823
    }
  },
  onReady() {
    map.init({
      apiKey: '你的高德地图key',
      longitude: this.longitude,
      latitude: this.latitude
    })
  }
}

4. 在页面的template部分添加地图组件：

<view class="map-container">
  <map longitude="{{longitude}}" latitude="{{latitude}}" scale="14" markers="{{markers}}">
  </map>
</view>

5. 在页面的style部分设置地图容器的样式：

<style>
.map-container {
  width: 100%;
  height: 300px;
}
</style>

6. 如果需要设置地图上的标记点，可以在data中定义markers数组，并在onReady钩子中设置：

data() {
  return {
    markers: [{
      id: 0,
      latitude: this.latitude,
      longitude: this.longitude,
      width: 50,
      height: 50
    }]
  }
}

以上步骤可以在uniapp中成功引入并使用高德地图。记得替换apiKey为你从高德开发者平台获取的key。