微信小程序使用wx.chooseLocation開發(fā)地圖怎么做
更新時(shí)間：2022年12月26日 09:57:00 作者：落雪小軒韓
這篇文章主要介紹了微信小程序使用wx.chooseLocation開發(fā)地圖流程，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)吧
一、申請開通
在小程序管理后臺(tái)，「開發(fā)」-「開發(fā)管理」-「接口設(shè)置」中開通該接口權(quán)限，否則可能審核不通過
二、用法
1、配置地理位置用途說明
app.json中：
"permission": {
"scope.userLocation": {
"desc": "你的位置信息將用于小程序位置接口的效果展示"
}
}
2.聲明需配置的接口
如果小程序中用到了上述接口，都需要在app.json中進(jìn)行配置，否則上線成功后也用不了這個(gè)功能
app.json中：
"requiredPrivateInfos": ["getLocation", "chooseLocation", "chooseAddress"]
3.獲取當(dāng)前位置
wx.getLocation({
// wgs84 返回 gps 坐標(biāo)，gcj02 返回可用于wx.openLocation的坐標(biāo)
type: 'gcj02',
//獲取位置成功
success: function (res) {
console.log(res) //獲取的的當(dāng)前位置的詳細(xì)信息，包含需要的坐標(biāo)
},
//獲取位置失敗
fail: function (err) {
console.log("獲取位置信息失敗，請返回重試")
},
//接口調(diào)用結(jié)束的回調(diào)函數(shù)（調(diào)用成功、失敗都會(huì)執(zhí)行）
complete: function (info) {
console.log("完成")
},
})
4.根據(jù)坐標(biāo)位置顯示地圖導(dǎo)航
wx.openLocation({
//當(dāng)前經(jīng)緯度
latitude: 31.232091,
longitude: 121.493491,
//縮放級(jí)別默認(rèn)18,縮放比例為5-18
scale: 18,
//位置名
name: '外灘',
//詳細(xì)地址
address: '上海市上海市黃浦區(qū)延安東路與中山東二路交叉口東南',
//成功打印信息
success: function (res) {
},
//失敗打印信息
fail: function (err) {
wx.showToast({
title: '調(diào)用地圖失敗，請返回重試',
})
},
})
5.選擇位置
wx.chooseLocation({
success: function (res) {
console.log(res);
},
fail: function () {
},
complete: function () {
}
})
到此這篇關(guān)于微信小程序使用wx.chooseLocation開發(fā)地圖流程介紹的文章就介紹到這了,更多相關(guān)小程序開發(fā)地圖內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
JVM是一種用于計(jì)算設(shè)備的規(guī)范，它是一個(gè)虛構(gòu)出來的機(jī)器，是通過在實(shí)際的計(jì)算機(jī)上仿真模擬各種功能實(shí)現(xiàn)的。JVM的內(nèi)存區(qū)域可以被分為：線程、棧、堆、靜態(tài)方法區(qū)。本文將介紹JVM的內(nèi)存模型，感興趣的小伙伴，可以參考下2021-06-06
keyCod從113-123分別禁用了F2-F12鍵,13禁用了回車鍵(Enter),8禁用了退格鍵(BackSpace)2010-05-05
JavaScript實(shí)現(xiàn)表格快速變色效果代碼
這篇文章主要介紹了JavaScript實(shí)現(xiàn)表格快速變色效果的方法,通過javascript數(shù)組遍歷結(jié)合時(shí)間函數(shù)來實(shí)現(xiàn)表格快速變色的功能,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-08-08
頁面加載完畢后滾動(dòng)條自動(dòng)滾動(dòng)一定位置
希望頁面加載完畢后向左自動(dòng)滾動(dòng)一定位置，下面有個(gè)不錯(cuò)的方法可以輕松幫大家實(shí)現(xiàn)下2014-02-02
TypeScript中交叉類型和聯(lián)合類型的區(qū)別詳解
聯(lián)合類型（Union Types）和交叉類型（Intersection Types）是 TypeScript 中的兩種高級(jí)類型,它們都用于組合多個(gè)類型并生成新的類型,但它們兩者之間的用法不一樣,本文小編就給大家講講TypeScript中交叉類型和聯(lián)合類型的區(qū)別,需要的朋友可以參考下2023-09-09
這篇文章主要介紹了微信小程序開發(fā)常用功能,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-02-02
javascript實(shí)現(xiàn)檢驗(yàn)的各種規(guī)則
這篇文章主要介紹了javascript實(shí)現(xiàn)檢驗(yàn)的各種規(guī)則,涉及javascript針對手機(jī)號(hào)、郵箱、網(wǎng)址、漢字及圖片等相關(guān)檢測技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-07-07
Openlayers3實(shí)現(xiàn)車輛軌跡回放功能
這篇文章主要介紹了Openlayers3實(shí)現(xiàn)車輛軌跡回放功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-09-09
和JAVA中String對象用處一樣啊，javascript中的String對象也有自己的方法，和JAVA中的類似。2015-06-06
下一代Bootstrap的5個(gè)特點(diǎn) 超酷炫！
下一代Bootstrap的5個(gè)特點(diǎn)，超酷炫，你還猶豫什么，趕緊來學(xué)習(xí)吧2016-06-06