天天看點

uniapp中app接入高德地圖實作标點定位ps:如果你隻想用在一個平台上那麼就看對應的準備工作即可。例:你隻需h5接入地圖,那麼你隻需看   一. h5接入高德地圖準備工作和最後的代碼即可。一. h5接入高德地圖準備工作二. app接入高德地圖準備工作 三. 代碼部分

ps:如果你隻想用在一個平台上那麼就看對應的準備工作即可。例:你隻需h5接入地圖,那麼你隻需看   一. h5接入高德地圖準備工作和最後的代碼即可。

uniapp中app接入高德地圖實作标點定位ps:如果你隻想用在一個平台上那麼就看對應的準備工作即可。例:你隻需h5接入地圖,那麼你隻需看   一. h5接入高德地圖準備工作和最後的代碼即可。一. h5接入高德地圖準備工作二. app接入高德地圖準備工作 三. 代碼部分

一. h5接入高德地圖準備工作

1. 去高德地圖平台申請應用的key,h5一定要申請web端(js api),不然後報key值不比對

uniapp中app接入高德地圖實作标點定位ps:如果你隻想用在一個平台上那麼就看對應的準備工作即可。例:你隻需h5接入地圖,那麼你隻需看   一. h5接入高德地圖準備工作和最後的代碼即可。一. h5接入高德地圖準備工作二. app接入高德地圖準備工作 三. 代碼部分

2.h5的準備工作結束

二. app接入高德地圖準備工作 

1. 去高德地圖平台申請應用的key,這個需要申請兩個,因為android和ios雙端。

uniapp中app接入高德地圖實作标點定位ps:如果你隻想用在一個平台上那麼就看對應的準備工作即可。例:你隻需h5接入地圖,那麼你隻需看   一. h5接入高德地圖準備工作和最後的代碼即可。一. h5接入高德地圖準備工作二. app接入高德地圖準備工作 三. 代碼部分

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)

uniapp中app接入高德地圖實作标點定位ps:如果你隻想用在一個平台上那麼就看對應的準備工作即可。例:你隻需h5接入地圖,那麼你隻需看   一. h5接入高德地圖準備工作和最後的代碼即可。一. h5接入高德地圖準備工作二. app接入高德地圖準備工作 三. 代碼部分
uniapp中app接入高德地圖實作标點定位ps:如果你隻想用在一個平台上那麼就看對應的準備工作即可。例:你隻需h5接入地圖,那麼你隻需看   一. h5接入高德地圖準備工作和最後的代碼即可。一. h5接入高德地圖準備工作二. app接入高德地圖準備工作 三. 代碼部分

 5. 打包自定義基座,使用自有證書(如果沒有證書可以自己去生成一個或者先使用公共測試證書,但是後面記得要改高德平台的SHA1簽名) ,包名要和申請key的包名一緻。

uniapp中app接入高德地圖實作标點定位ps:如果你隻想用在一個平台上那麼就看對應的準備工作即可。例:你隻需h5接入地圖,那麼你隻需看   一. h5接入高德地圖準備工作和最後的代碼即可。一. h5接入高德地圖準備工作二. app接入高德地圖準備工作 三. 代碼部分

6.app準備工作完成

三. 代碼部分

<template>
<view class="burst-info-content u-margin">
					<view class="burst-info-content-left">
						土地定位&nbsp;&nbsp;*
					</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>