1. 程式人生 > >Hbuilder打包的vue cli app獲取高德地圖定位服務key的問題[解決]

Hbuilder打包的vue cli app獲取高德地圖定位服務key的問題[解決]

Hubilder打包的vue cli app獲取高德地圖定位服務key時出現的問題,導致定位出錯,無法獲取位置資訊,以下是解決方法:

解決步驟:

1.開始申請高德定位的key,可填寫到 manifest.json的地圖sdk中,如果是第一次申請key,可以隨意填寫一個key或者找一個其他已經申請的key填上就好,

目的是讓app在獲取 位置時報錯,能夠進行下一步:

此步可能出現的問題就是你有可能不知道自己的安全碼SHA1,所以在高德API控制檯都無法補充表單,接下來解決如何獲取自己的app安全碼SHA1


2.獲取釋出版安全碼SHA1:

在獲取位置定位的程式碼中

        function getGeocode(){
          plus.geolocation.getCurrentPosition( geoInf, function ( e ) {
            alert('沒有獲取到位置資訊!')
            alert(JSON.stringify(e))//在這裡可以獲取到錯誤資訊,將它彈出來
            setTimeout('getGeocode()',2000)
          },{geocode:true});
        }
        function geoInf(position){
          console.log(position);//app中console不了
        }
以下是定位出錯的資訊


由於涉及到專案,所以將一部分程式碼劃去,現在分析出錯資訊:

SHA1就存在於藍色框內,就是SHA1AndPackege之後,那一段紅色下劃線部分,之後框起來的是packegeName; packegeName是自定義的; 

如果你是用模擬器線上除錯的話,你可以在hbuilder的控制檯複製SHA1,如果不是你可以對照著碼字都可以!

3.複製完了的話就可以補充到高德API key申請的表單上了,至此你的 SHA1獲取完成

4.PackageName的話就可以manifest.json自定義,打包的時候不要改變,然後填寫到這裡就可以了! 然後進行下一步 到key申請完成!

5.將申請好的key重新填寫到SDK高德定位那裡就好了!