uniapp 高德地图demo

### UniApp 中使用高德地图的示例代码与教程 #### 获取当前位置信息 为了在 UniApp 应用程序中集成并利用高德地图服务来获取用户的当前位置信息，可以按照如下方式编写代码： ```javascript // 定义一个函数用于初始化和配置高德地图对象 function initMap() { const content = {}; // 创建 AMapLocation 实例 let locationOption = new plus.geolocation.AMapLocation({ key: '您的高德开发者Key', // 替换成自己的key once: true, timeout: 10 * 1000, // 设置超时时间 useCache: false, needAddress: true }); // 调用 getCurrentPosition 方法获得地理位置数据 plus.geolocation.getCurrentPosition(function(position){ console.log('纬度:' + position.coords.latitude); console.log('经度:' + position.coords.longitude); console.log('城市名称:' + position.address.city); }, function(error){ console.error(`定位失败 ${error.message}`); }, {provider:"amap"}); } ``` 此段脚本展示了如何通过 `plus.geolocation` 接口结合高德地图 API 来取得设备所在的位置坐标及其所属的城市名[^1]。 #### 地址选择功能扩展 当涉及到更复杂的场景比如让用户挑选送货地址时，则可能还需要额外处理一些细节。例如下面这段 JavaScript 函数用来增强之前的基础逻辑，增加了逆地理编码的能力以便能够得到完整的行政区划信息（省市区）： ```javascript async function getAddressDetail(latlng) { try{ var result = await uni.request({ url:`https://restapi.amap.com/v3/geocode/regeo?key=您的高德开发者Key&location=${latlng.lng},${latlng.lat}`, method:'GET' }) if(result.statusCode === 200 && result.data.status==="1"){ return result.data.regeocode; }else{ throw Error("Failed to get address detail"); } }catch(e){ console.error(e); } } initMap().then((position)=>{ let latlng={lng:position.coords.longitude,lat:position.coords.latitude}; getAddressDetail(latlng).then(regeocode=>{ console.log(JSON.stringify(regeocode)); }).catch(err=>console.warn(err)) }) ``` 上述代码片段实现了基于已知经纬度查询具体位置详情的功能，并打印出详细的行政区域划分结果[^3]。 #### 处理 KEY 错误问题 如果遇到类似于 getLocation:fail [geolocation:7] 的错误提示，这通常意味着存在密钥验证方面的问题。解决办法之一就是确认所使用的 Key 是否已经在官方平台上正确注册并且绑定了应用对应的 SHA1 值；另外也要确保项目中的 AndroidManifest 文件里包含了必要的权限声明以及 meta-data 标签指向正确的 API 密钥[^2]。