uniapp引入高德

UniApp 是一款基于 Vue.js 的跨平台应用开发框架，它支持快速开发原生体验的应用，包括安卓、iOS 和 Web。如果你想要在 UniApp 中集成高德地图，你需要遵循以下步骤：

1. **注册并获取 API Key**:
首先，访问高德地图开放平台（https://lbs.amap.com）注册开发者账号，并创建项目，获取到你的AppKey。

2. **安装官方插件**:
在 UniApp 中，你可以使用官方提供的 `amap` 插件来集成高德地图。在项目依赖中安装：

   uniplugin install amap

3. **导入并配置插件**:
在你的项目中，导入`amap.js`和`amap-vue.js`，并配置AppKey：

   import { Amap, AMapUI, Map } from '@vant/amap';

   // 在适当的位置，如main.js或你想使用地图的地方
   Vue.use(Amap, {
     key: 'YOUR_AMAP_APP_KEY',
     plugins: ['AMapUI']
   });

4. **使用Map组件**:
创建一个Map组件，例如在vue文件中：

   <template>
     <view>
       <amap-map :center="mapCenter" :zoom="zoom">
         <!-- 地图样式和其他配置可选 -->
       </amap-map>
     </view>
   </template>

   <script>
   export default {
     data() {
       return {
         mapCenter: [116.404, 39.915], // 北京坐标
         zoom: 12,
       };
     },
   };
   </script>

5. **运行测试**:
完成以上步骤后，你可以运行你的 UniApp 应用，在模拟器或真机上测试地图是否正常显示。