uniapp 怎么使用高德地图

UniApp 是一款基于 Vue.js 的跨平台框架，可以方便地开发运行在多个平台上，包括 Web、iOS、Android 等。要在 UniApp 中使用高德地图（AMap），你需要先安装官方提供的 AMap SDK。以下是简单的步骤：

1. **引入依赖**:
在 `uni-app` 的项目配置文件 `config.json` 或者 Vue 组件的 `main.js` 中，添加对高德地图的依赖：

   "dependencies": {
     "amapgis": "^4.0.0"
   }

2. **注册插件**:
如果是在 `main.js` 中，需要导入并注册插件：

   import { createApp } from 'uni-app';
   import App from './App.vue';
   import AMapPlugin from '@dcloudio/amp-plugin-amap';

   const app = await createApp(App);
   app.use(AMapPlugin);

3. **初始化地图**:
在需要使用地图的地方，如一个.vue 文件中，你可以创建一个地图实例：

   <template>
     <view>
       <view ref="mapView" style="height: 100%; width: 100%"></view>
     </view>
   </template>

   <script>
   import { AMap, AMAPSEARCH, Marker } from '@dcloudio/amp';

   export default {
     data() {
       return {
         map: null,
       };
     },
     mounted() {
       this.initMap();
     },
     methods: {
       initMap() {
         const mapView = this.$refs.mapView;
         this.map = new AMap.Map('mapView', {
           zoom: 8,
           center: [116.404, 39.915], // 北京坐标，默认位置
         });
         // 添加其他地图功能，例如搜索组件
         new AMAPSEARCH(this.map).search('北京');
       },
     },
   };
   </script>

4. **注意事项**:
- 需要获取到合法的高德地图 API 密钥，并在应用中设置好。
- 对于敏感操作（如实时定位），可能需要申请权限。