【uniapp】开发App项目,在安卓端和苹果端使用高德开放平台定位功能步骤详解

1.需要有高德开放平台的账号,登陆进去后,申请苹果端和安卓端的key
在这里插入图片描述
2.再分别添加安卓平台和苹果平台的key
安卓:发布版安全码SHA1,我打包时用的是uniapp的公共测试证书,填写这个即可(97:C8:41:01:B9:14:1C:13:0D:D7:5D:74:28:A2:92:25:18:C3:6D:CD)
详情链接可参考:https://ask.dcloud.net.cn/article/36522
在这里插入图片描述
到这里,安卓的key已经申请完了
3.申请苹果平台的key
在这里插入图片描述
在这里插入图片描述
打这里,苹果的key也已经申请完了
4.现在需要在HBuilder X中打开你的项目,打开manifest.json,在里面配置你申请好的key
在这里插入图片描述
在这里插入图片描述
到这里,定位功能已经实现,可以打包你的项目进行测试了。

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要在uniapp使用高德地图,需要安装并引入uniapp高德地图插件。以下是具体的步骤: 1. 在`manifest.json`文件中声明使用高德地图插件,示例代码如下: ``` { "mp-weixin": { "plugins": { "myPlugin": { "version": "1.0.0", "provider": "wxfoo" } } }, "app-plus": { "plugins": { "myPlugin": { "version": "1.0.0", "provider": "foo" } } } } ``` 2. 安装高德地图插件,在终中输入以下命令: ``` npm install uniapp-amap --save ``` 3. 在需要使用高德地图的页面中引入插件并初始化地图,示例代码如下: ``` <template> <view class="map-container"> <amap :id="mapId" :longitude="longitude" :latitude="latitude" :markers="markers" /> </view> </template> <script> import AMap from 'uniapp-amap' export default { data() { return { mapId: 'map', longitude: 116.397428, latitude: 39.90923, markers: [{ id: 1, longitude: 116.397428, latitude: 39.90923, iconPath: '/static/images/marker.png', width: 32, height: 32 }] } }, mounted() { AMap.initAMapApiLoader({ key: 'your amap key', plugin: ['AMap.Geolocation'] }) } } </script> ``` 其中,`mapId`为地图组件的id,`longitude`和`latitude`为地图的中心经纬度,`markers`为地图上的标记点,`initAMapApiLoader`方法用于初始化高德地图API,需要传入高德地图的开发者Key以及需要使用的插件列表。注意,需要将`your amap key`替换为自己的高德地图开发者Key。 以上是在uniapp使用高德地图的基本步骤,具体实现还需要根据自己的业务需求进行调整。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值