uni-app 使用高德地图
效果展示
- 前往高德地图,创建应用,添加key
获取SHA1
-
注意:别名和组织名称一样即可
生成证书下载之后放到桌面,留有备用 -
下载jdk
安装一直点下一步就可以,不需要修改 -
把刚才生成的安卓证书放到jdk的bin文件夹中,
路径默认为C:\Program Files\Java\jdk1.8.0_181\bin
-
以管理员身份运行cmd,路径切换到jdk的bin文件夹
- 命令行输入 keytool -v -list -keystore test.keystore,回车
- 输入密钥库口令 ,回车
注意:密钥库口令就是制作证书设置的密码
获取packageName
packageName就是hbuiler打包的包名
点击确定生成高德地图key
配置uni-app manifest.json
把高德地图key添加到模块配置中(ios的key不能用安卓的key)
- 上代码
mounted() {
this.getLocation()
},
methods: {
//获取经纬度
getLocation() {
uni.getLocation({
type: 'gcj02',
geocode: true, //获取城市具体地址
success: (e) => {
this.latitude = e.latitude
this.longitude = e.longitude
this.openMap()
},
})
},
//打开高德地图
openMap() {
uni.openLocation({
latitude: this.latitude,
longitude: this.longitude,
success: function() {
console.log('success');
}
});
}
}
大功告成!!!