微信小程序如何獲取地址
更新時間:2019年12月24日 11:46:33 作者:曳貓、
這篇文章主要介紹了微信小程序獲取地址的具體方法,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
本文實例為大家分享了微信小程序獲取地址的具體代碼,供大家參考,具體內(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 標記點 -->
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) {//轉為具體地址 console.log(res); //獲得地址 _this.setData({ address: res.result.address }) }, fail: function (res) { console.log(res); } }); } }) },
為大家推薦現(xiàn)在關注度比較高的微信小程序教程一篇:《微信小程序開發(fā)教程》小編為大家精心整理的,希望喜歡。
以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
相關文章
vscode?對?typescript代碼調(diào)試的步驟
在VS?Code中,要對?TypeScript代碼進行調(diào)試,需要先編譯?TypeScript?代碼為JavaScript代碼,這篇文章主要介紹了vscode對typescript代碼調(diào)試的方法,需要的朋友可以參考下2023-03-03