微信小程序如何獲取地址
更新時間:2019年12月24日 11:46:33 作者:曳貓、
這篇文章主要介紹了微信小程序獲取地址的具體方法,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下
本文實例為大家分享了微信小程序獲取地址的具體代碼,供大家參考,具體內(nèi)容如下

wxml
<map id="map" longitude="{{data.longitude}}" latitude="{{data.latitude}}" scale="14" markers="{{markers}}" polyline="{{polyline}}" show-location style="width: 100%; height: 500px;"></map>
<text>
{{data.longitude}}
{{data.latitude}}
{{address}}
</text>
<!-- longitude 中心經(jīng)度 -->
<!-- latitude 中心緯度 -->
<!-- scale 縮放級別,取值范圍為3-20 -->
<!-- markers 標(biāo)記點 -->
js
var QQMapWX = require('../js/qqmap-wx-jssdk.js');
var qqmapsdk;
Page({
data:{
data:"",
str:"",
address:""
},
onLoad: function () {
let _this = this;
// 實例化API核心類
qqmapsdk = new QQMapWX({
key: 'key'
});
// Promise 獲取地址
let gets = new Promise((resolve, reject) => {
wx.getLocation({
type: 'wgs84',
success:resolve
})
}).then(function(res){
console.log(res)
_this.setData({
data:res
})
})
// 正常方式獲取地址
wx.getLocation({
type: 'wgs84',
success:function(res){
_this.setData({
str: _this.res
})
console.log(res)
var demo = new QQMapWX({
key: 'key'
});
// 解析地址
demo.reverseGeocoder({//地址解析
location: {
latitude: res.latitude,
longitude: res.longitude
},
success: function (res) {//轉(zhuǎn)為具體地址
console.log(res);
//獲得地址
_this.setData({
address: res.result.address
})
},
fail: function (res) {
console.log(res);
}
});
}
})
},
為大家推薦現(xiàn)在關(guān)注度比較高的微信小程序教程一篇:《微信小程序開發(fā)教程》小編為大家精心整理的,希望喜歡。
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
vscode?對?typescript代碼調(diào)試的步驟
在VS?Code中,要對?TypeScript代碼進行調(diào)試,需要先編譯?TypeScript?代碼為JavaScript代碼,這篇文章主要介紹了vscode對typescript代碼調(diào)試的方法,需要的朋友可以參考下2023-03-03
小程序?qū)崿F(xiàn)新用戶判斷并跳轉(zhuǎn)激活的方法
這篇文章主要介紹了小程序?qū)崿F(xiàn)新用戶判斷并跳轉(zhuǎn)激活的方法,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05
Javascript 構(gòu)造函數(shù) 實例分析
一般構(gòu)造函數(shù)沒有返回值,他們通過關(guān)鍵字this初始化對象,沒有返回值。當(dāng)然一個構(gòu)造器允許返回一個對 象,如果這樣的話 返回的對象將變成new 表達式的值,在這種情況下值為this的對象將拋棄2008-11-11

