微信小程序获取位置信息
目錄
一、獲取當前位置的經緯度
二、獲取當前具體信息(國家,城市等信息)
1.注冊騰訊地圖賬號
2.創建應用
3.添加key
4.下載sdk文件
5.獲取位置信息
5.1剪切完成后,在你需要引用位置信息的模板中的js文件中進行配置
5.2在onLoad里面實例化API核心類
5.3在要使用的地方調用獲取位置信息的方法
?5.4在app.json中配置permission
通常我們在微信小程序開發中,會遇到各種各樣的困難,就譬如我今天所講述的獲取位置信息。
獲取位置信息有倆種方法,我們要根據要求去實現獲取位置信息的功能
一、獲取當前位置的經緯度
獲取經緯度要運用到微信小程序自身的方法:getLocation方法。具體使用方法如下:
wx.getLocation({type: 'wgs84',success (res) {console.log('緯度' + res.latitude)console.log('經度' + res.longitude)} })把這個方法寫到你要應用的小程序文件夾中,寫到js文件夾中,這個方法可以寫到onLoad中,也可以寫到onShow中
我們完成以上操作,運行我們的小程序,你會發現會有一個彈窗
報這個提示,說明你的app.json文件中沒有聲明permission字段,我們只需要聲明一下字段,然后進行一下配置就好了
"permission": {"scope.userLocation": {"desc": "展示給客戶看的信息"}}完成以上操作以后,再次運行微信小程序,你就會發現有一個獲取位置的彈窗,點擊允許,就會獲取到當前位置信息的經緯度了。
二、獲取當前具體信息(國家,城市等信息)
微信提供的方法只能獲取經緯度,如果要獲取省、市、區等信息,就要用到第三方了。
下面我就介紹一下如果接入騰訊地圖實現
1.注冊騰訊地圖賬號
打開下面的網址
微信小程序JavaScript SDK | 騰訊位置服務
?點擊下面的申請密鑰,假如你沒有登錄的話,就會出現一個讓你登錄的二維碼,掃碼登錄或進行注冊操作
2.創建應用
完成登錄和注冊功能以后,我們就需要申請一個密鑰(key)來進行操作了
?點擊創建應用,會出現一個彈窗
?給自己的應用起一個名字,以及類型
填寫完成后,點擊創建
3.添加key
創建完成后,點擊添加key
?點擊完之后會出現以下彈窗
?填寫完信息后,選中WebServiceApi選項,填入合法域名,默認為全部都是白名單
?完成操作之后,點擊創建
4.下載sdk文件
點擊以下網址,進行下載
微信小程序JavaScript SDK | 騰訊位置服務
?下載你需要的版本
下載完成后,把文件剪切到你的小程序項目的文件夾中
5.獲取位置信息
5.1剪切完成后,在你需要引用位置信息的模板中的js文件中進行配置
var QQMapWX = require('../../components/qqmap-wx-jssdk1.1/qqmap-wx-jssdk'); var qqmapsdk;其中require后面的路徑為你sdk文件的路徑
5.2在onLoad里面實例化API核心類
qqmapsdk = new QQMapWX({key: '剛剛申請的key'});5.3在要使用的地方調用獲取位置信息的方法
qqmapsdk.reverseGeocoder({success: function(res) {console.log(res);}})其中輸出的res就是詳情信息了
?5.4在app.json中配置permission
?以上是小編總結出來的倆種獲取位置的辦法,本人也比較傾向于第二種方法,畢竟第二種方法獲取到的信息比較詳細,另外,騰訊地圖上還支持根據經緯度獲取當前位置信息,具體請移步官網中查看
微信小程序JavaScript SDK | 騰訊位置服務
總結
以上是生活随笔為你收集整理的微信小程序获取位置信息的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 【图像处理】——创建一个新的图片
- 下一篇: TCP三次握手(待细研究)