資訊專欄INFORMATION COLUMN
摘要：小程序自己已經(jīng)提供了獲取當(dāng)前位置的經(jīng)緯度選擇周圍的地址打開地圖效果圖遇到什么問題，需要解決現(xiàn)在知道詳細(xì)的地址，但是不知道經(jīng)緯度，所以，無法定位，騰訊官方也提供了一些地圖的擴(kuò)展具體的如何引入騰訊請看官方文檔實際例子，看代碼在生命周期里面使用，
1 小程序自己已經(jīng)提供了
wx.getLocation /*獲取當(dāng)前位置的經(jīng)緯度*/ wx.chooseLocation ／*選擇周圍的地址*／ wx.openLocation ／*打開地圖*／
效果圖
現(xiàn)在知道詳細(xì)的地址，但是不知道經(jīng)緯度，所以，無法定位，騰訊官方也提供了一些地圖的擴(kuò)展 具體的如何引入component騰訊請看官方文檔
實際例子，看代碼,在onShow 生命周期里面使用，我這里只是一個例子，具體在哪里使用，得根據(jù)你們自己的業(yè)務(wù)邏輯啦～～～
具體的git 地址
import QQMapWX from "../../plugins/qqmap-wx-jssdk";
const qqmapsdk = new QQMapWX({ key: "申請的key"});
onShow:function(){
qqmapsdk.geocoder({
address: "北京市朝陽區(qū)大山子兆維大廈A座",
success: function (res) {
console.log(res,"------");
wx.openLocation({
name: `${res.result.address_components.province}-${res.result.address_components.district}`,
address: `${res.result.address_components.province}${res.result.address_components.district}${res.result.title}`,
latitude: res.result.location.lat,
longitude: res.result.location.lng
})
},
fail: function (res) {
console.log(res);
},
complete: function (res) {
//console.log(res,"------77777");
}
})
})
}
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/93540.html
摘要：最近在開發(fā)一個小程序項目準(zhǔn)備上線中也是第一個做的小程序中間遇到很多坑通過自己不斷實踐和努力解決了也分享給大家，縮短大家的開發(fā)時間。 最近在開發(fā)一個小程序項目準(zhǔn)備上線中也是第一個做的小程序中間遇到很多坑通過自己不斷實踐和努力解決了也分享給大家，縮短大家的開發(fā)時間。 一、修改背景顏色這是一個很常見的需求在html的中我們可以改變body&html的標(biāo)簽顏色，但是在小程序中你可以通過兩種方法...
摘要：最近在開發(fā)一個小程序項目準(zhǔn)備上線中也是第一個做的小程序中間遇到很多坑通過自己不斷實踐和努力解決了也分享給大家，縮短大家的開發(fā)時間。 最近在開發(fā)一個小程序項目準(zhǔn)備上線中也是第一個做的小程序中間遇到很多坑通過自己不斷實踐和努力解決了也分享給大家，縮短大家的開發(fā)時間。 一、修改背景顏色這是一個很常見的需求在html的中我們可以改變body&html的標(biāo)簽顏色，但是在小程序中你可以通過兩種方法...
摘要：最近在開發(fā)一個小程序項目準(zhǔn)備上線中也是第一個做的小程序中間遇到很多坑通過自己不斷實踐和努力解決了也分享給大家，縮短大家的開發(fā)時間。 最近在開發(fā)一個小程序項目準(zhǔn)備上線中也是第一個做的小程序中間遇到很多坑通過自己不斷實踐和努力解決了也分享給大家，縮短大家的開發(fā)時間。 一、修改背景顏色這是一個很常見的需求在html的中我們可以改變body&html的標(biāo)簽顏色，但是在小程序中你可以通過兩種方法...
閱讀 3281·2021-09-22 15:58
閱讀 1741·2019-08-30 14:17
閱讀 1752·2019-08-28 18:05
閱讀 1531·2019-08-26 13:33
閱讀 710·2019-08-26 12:20
閱讀 635·2019-08-26 12:18
閱讀 3212·2019-08-26 11:59
閱讀 1433·2019-08-26 10:36
