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