微信小程序-獲取經(jīng)緯度并轉(zhuǎn)城市信息(騰訊位置服務(wù))

獲取經(jīng)緯度用小程序APIwx.getLocation({})

寫上這個(gè)API后,就會(huì)彈出獲取定位授權(quán),這個(gè)時(shí)候會(huì)有提示,需要你在app.json中做一個(gè)定位授權(quán)配置

配置完之后,才會(huì)出現(xiàn)上圖中,就可以獲取到經(jīng)緯度了。

經(jīng)緯度轉(zhuǎn)城市信息

騰訊位置服務(wù)

1、注冊(cè)賬號(hào),創(chuàng)建應(yīng)用,申請(qǐng)開(kāi)發(fā)者秘鑰(key)

2.開(kāi)通webserviceAPI服務(wù):控制臺(tái) -> key管理 -> 設(shè)置(使用該功能的key)-> 勾選webserviceAPI -> 保存(小程序SDK需要用到webserviceAPI的部分服務(wù),所以使用該功能的KEY需要具備相應(yīng)的權(quán)限)

3.下載微信小程序JavaScriptSDK,微信小程序JavaScriptSDK v1.2

下載地址是從上面騰訊位置服務(wù)里的開(kāi)發(fā)文檔中,點(diǎn)擊就直接下載了

4.安全域名設(shè)置,在小程序后臺(tái)的“設(shè)置” -> “開(kāi)發(fā)設(shè)置”中設(shè)置request合法域名,添加https://apis.map.qq.comxia

小程序項(xiàng)目中相關(guān)配置及代碼

1、在你需要用到的頁(yè)面引入

// 引入SDK核心類,js文件根據(jù)自己業(yè)務(wù),位置可自行放置

var? ?QQMapWX =require('../../utils/qqmap-wx-jssdk.js');

var? ?qqmapsdk;

2、在onload中,實(shí)例化

var demo = new QQMapWX({ key: '申請(qǐng)的開(kāi)發(fā)者密鑰' // 必填});

3、調(diào)用

wx.getLocation({

? ? ? type: 'wgs84',

? ? ? success(res) {

? ? ? ? console.log(res)


? ? ? ? demo.reverseGeocoder({

? ? ? ? ? location: {

? ? ? ? ? ? latitude: res.latitude,

? ? ? ? ? ? longitude: res.longitude

? ? ? ? ? },

? ? ? ? ? success: function (res) {

? ? ? ? ? ? console.log(res.result);

? ? ? ? ? },

? ? ? ? ? fail: function (res) {

? ? ? ? ? ? console.log(res);

? ? ? ? ? },


? ? ? ? })

? ? ? }

? ? })

注意:

騰訊位置服務(wù),個(gè)人開(kāi)發(fā)賬號(hào),每天的使用次數(shù)是10000次,并發(fā)數(shù)是每秒5次。企業(yè)賬號(hào)是3000000次。再多的訪問(wèn)量就需要額外花錢了。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容