ps:如果你隻想用在一個平台上那麼就看對應的準備工作即可。例:你隻需h5接入地圖,那麼你隻需看 一. h5接入高德地圖準備工作和最後的代碼即可。
一. h5接入高德地圖準備工作
1. 去高德地圖平台申請應用的key,h5一定要申請web端(js api),不然後報key值不比對
2.h5的準備工作結束
二. app接入高德地圖準備工作
1. 去高德地圖平台申請應用的key,這個需要申請兩個,因為android和ios雙端。
2.獲驗證書的SHA1簽名
1) 将打包的apk修改字尾為 .zip檔案後解壓;
2) 進入解壓後的META-INF目錄,該目錄下會存在檔案CERT.RSA
3) 在該目錄下打開cmd,輸入指令 :
keytool -printcert -file CERT.RSA
這裡将會顯示出MD5和SHA1簽名。
4) 複制下來測試版和釋出版都填一樣的就行。
3. packageName(包名)就是你打包時候的那個名字。
4.擷取到key值後要去配置uniapp中的manifest.json檔案 ,其中appkey_android填寫擷取到的key值即可。(ios我沒有申請,随便填一個或者都填Android的key)
5. 打包自定義基座,使用自有證書(如果沒有證書可以自己去生成一個或者先使用公共測試證書,但是後面記得要改高德平台的SHA1簽名) ,包名要和申請key的包名一緻。
6.app準備工作完成
三. 代碼部分
<template>
<view class="burst-info-content u-margin">
<view class="burst-info-content-left">
土地定位 *
</view>
<view class="burst-info-content-right">
<input class="footer_content_input" type="text" v-model="model.address"
placeholder="土地定位" disabled @click="agree_poup()"></input>
</view>
</view>
</template>
<script>
export default {
data() {
return {
model:{
address:''
}
},
onLoad(e) {
},
methods: {
//讓底部選擇框顯示出來
agree_poup() {
uni.chooseLocation({
success: (res) => {
console.log(res)
this.model.address = res.address
}
});
},
}
}
</script>
<style scoped >
</style>