微信小程序如何獲取地址
本文實(shí)例為大家分享了微信小程序獲取地址的具體代碼,供大家參考,具體內(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)記點(diǎn) -->
js
var QQMapWX = require('../js/qqmap-wx-jssdk.js'); var qqmapsdk; Page({ data:{ data:"", str:"", address:"" }, onLoad: function () { let _this = this; // 實(shí)例化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)文章
移動(dòng)端如何用下拉刷新的方式實(shí)現(xiàn)上拉加載
這篇文章主要介紹了移動(dòng)端如何用下拉刷新的方式實(shí)現(xiàn)上拉加載,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2018-12-12一個(gè)不用onmouseup的拖動(dòng)函數(shù)
一個(gè)不用onmouseup的拖動(dòng)函數(shù)...2007-05-05vscode?對?typescript代碼調(diào)試的步驟
在VS?Code中,要對?TypeScript代碼進(jìn)行調(diào)試,需要先編譯?TypeScript?代碼為JavaScript代碼,這篇文章主要介紹了vscode對typescript代碼調(diào)試的方法,需要的朋友可以參考下2023-03-03用js實(shí)現(xiàn)多域名不同文件的調(diào)用方法
用js實(shí)現(xiàn)多域名不同文件的調(diào)用方法...2007-01-01小程序?qū)崿F(xiàn)新用戶判斷并跳轉(zhuǎn)激活的方法
這篇文章主要介紹了小程序?qū)崿F(xiàn)新用戶判斷并跳轉(zhuǎn)激活的方法,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05Javascript 構(gòu)造函數(shù) 實(shí)例分析
一般構(gòu)造函數(shù)沒有返回值,他們通過關(guān)鍵字this初始化對象,沒有返回值。當(dāng)然一個(gè)構(gòu)造器允許返回一個(gè)對 象,如果這樣的話 返回的對象將變成new 表達(dá)式的值,在這種情況下值為this的對象將拋棄2008-11-11