uniapp开发安卓使用高德地图教程

uniapp开发安卓使用高德地图教程

  1. 首先肯定是需要登录高德地图官网注册
    https://console.amap.com/dev/key/app
  2. uniapp如何使用高德地图呢?
    肯定是去uniapp官网查看地图组件使用教程!
    https://uniapp.dcloud.net.cn/api/location/location.html
  3. 根据教程知道,需要去高德地图官网申请key
    那不就得去高德地图看官方文档了么(别去百度搜什么教程,就去看官方文档)
    https://lbs.amap.com/api/android-location-sdk/guide/create-project/get-key
  4. 接下来就是双方文档都没有说清楚的地方,uniapp开发的安卓如何获取sha1和包名
    获取sha1
    参考这一篇:https://blog.csdn.net/llg18385917210/article/details/125290287
    uniapp给安卓打包之后,安卓包后缀改成.zip,然后解压,解压完成之后 打开META-INF目录,该目录下会存在文件ANDROID.RSA并在该目录下打开cmd,输入命令 :keytool -printcert -file ANDROID.RSA 然后回车 则显示出SHA1 (此操作需要电脑已经配置了java运行环境)
    keytool是java中的命令,前提肯定得按照java啊,去java目录,C:\Program Files\Java\jdk1.8.0_311\bin 里就有。
    敲完命令就能看到sha1值了,谁打包谁的sha1值不会变,设置一次就行了。
  5. 高德地图生成key除了sha1还需要报名,在uniapp发行中就能找到
    在这里插入图片描述
  6. 有了sha1和包名就能在高德地图中生成key了
  7. uniapp中manifest.json中如下设置,然后再带包就能在app中访问高德地图了
    在这里插入图片描述在这里插入图片描述
  • 7
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Uniapp 是一款跨平台的开发框架,可以同时支持多个平台,包括 iOS、Android、H5 等。而 renderjs 是一款基于 Vue.js 的可视化开发工具,可以在 Uniapp 中快速实现高德地图的集成。 以下是在 Uniapp使用 renderjs 实现高德地图的步骤: 1. 首先在项目中安装 renderjs: ``` npm install renderjs -D ``` 2. 在需要使用高德地图的页面中引入 renderjs: ```javascript import Renderjs from 'renderjs' ``` 3. 在页面的 data 中定义地图相关的变量: ```javascript data() { return { map: null, // 地图对象 markers: [], // 地图标记点 center: [116.397428, 39.90923], // 地图中心点坐标 zoom: 11 // 地图缩放级别 } } ``` 4. 在页面的 mounted 生命周期中初始化地图: ```javascript mounted() { // 初始化地图 this.map = Renderjs.initMap('map-container', { center: this.center, zoom: this.zoom }) } ``` 5. 在需要添加标记点的地方,调用 addMarker 方法: ```javascript // 添加标记点 this.markers.push({ position: [116.397428, 39.90923], content: '这是一个标记点' }) this.addMarker() ``` 6. 实现 addMarker 方法: ```javascript addMarker() { this.markers.forEach(marker => { Renderjs.addMarker(this.map, { position: marker.position, content: marker.content }) }) } ``` 7. 在页面中添加地图容器,并设置 id 为 map-container: ```html <template> <view> <view id="map-container"></view> </view> </template> ``` 通过以上步骤,就可以在 Uniapp 中快速实现高德地图的集成。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值