微信小程序在地圖選擇地址并返回經(jīng)緯度簡(jiǎn)單示例

更新時(shí)間：2018年12月03日 11:55:41 作者：kerryqpw

這篇文章主要介紹了微信小程序在地圖選擇地址并返回經(jīng)緯度,涉及微信小程序針對(duì)經(jīng)緯度地址信息相關(guān)操作技巧,需要的朋友可以參考下

本文實(shí)例講述了微信小程序在地圖選擇地址并返回經(jīng)緯度功能。分享給大家供大家參考，具體如下：

微信小程序的地址管理中，經(jīng)常需要獲取地址的詳細(xì)地址信息和地址經(jīng)緯度信息

wxml文件部分代碼：

<button bindtap="mapView" style="margin:10px">查看地圖</button>

js文件主要功能代碼：

mapView:function(){
  var that = this
  wx.chooseLocation({
   success: function (res) {
    // success
    console.log(res,"location")
    that.setData({
     hasLocation: true,
     location: {
      longitude: res.longitude,
      latitude: res.latitude
     },
     detail_info: res.address,
     wd: res.latitude,
     jd: res.longitude
    })
   },
   fail: function () {
    // fail
   },
   complete: function () {
    // complete
   }
  })
}

運(yùn)行效果：

希望本文所述對(duì)大家微信小程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

java實(shí)現(xiàn)單鏈表增刪改查的實(shí)例代碼詳解
在本篇文章里小編給大家整理了關(guān)于java實(shí)現(xiàn)單鏈表增刪改查的實(shí)例內(nèi)容，需要的朋友們可以參考下。
2019-08-08
微信小程序調(diào)用微信授權(quán)窗口相關(guān)問(wèn)題解決
這篇文章主要介紹了微信小程序調(diào)用微信授權(quán)窗口相關(guān)問(wèn)題解決,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2019-07-07
用js將內(nèi)容復(fù)制到剪貼板兼容瀏覽器
通過(guò)js將內(nèi)容復(fù)制到剪貼板，本來(lái)不難，可是若考慮到瀏覽器的兼容性問(wèn)題，就變的有點(diǎn)麻煩，借助flash實(shí)現(xiàn)瀏覽器的兼容
2014-03-03
JS URL傳中文參數(shù)引發(fā)的亂碼問(wèn)題
今天的項(xiàng)目中碰到了一個(gè)亂碼問(wèn)題，從JS里傳URL到服務(wù)器，URL中有中文參數(shù)，服務(wù)器里讀出的中文參數(shù)來(lái)的全是“？”，查了網(wǎng)上JS編碼相關(guān)資料得以解決。
2009-09-09
分析JS中this引發(fā)的bug
這篇文章主要介紹了分析JavaScript中this引發(fā)的bug以及相關(guān)的處理方法分析，一起學(xué)習(xí)下吧。
2017-12-12
html 鎖定頁(yè)面(js遮罩層彈出div效果)
html 鎖定頁(yè)面(js遮罩層彈出div效果)，需要的朋友可以參考下。
2009-10-10
javascript設(shè)計(jì)模式之Adapter模式【適配器模式】實(shí)現(xiàn)方法示例
這篇文章主要介紹了javascript設(shè)計(jì)模式之Adapter模式,結(jié)合實(shí)例形式分析了JS適配器模式的原理與具體實(shí)現(xiàn)方法,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2017-01-01
javascript按鈕禁用和啟用的效果實(shí)例代碼
這篇文章主要介紹了javascript按鈕禁用和啟用的效果實(shí)例代碼,需要的朋友可以參考下
2017-10-10
JS實(shí)現(xiàn)self的resend
self中resend是調(diào)用“基類方法”的原語(yǔ)，它會(huì)把當(dāng)前接收到的消息原樣發(fā)送給其原型（parent*）。在ECMA-v5時(shí)代，我們終于可以做出這個(gè)偉大的東西了。
2010-07-07
js實(shí)現(xiàn)精美的圖片跟隨鼠標(biāo)效果實(shí)例
這篇文章主要介紹了js實(shí)現(xiàn)精美的圖片跟隨鼠標(biāo)效果,實(shí)例分析了javascript鼠標(biāo)事件及頁(yè)面樣式的操作技巧,需要的朋友可以參考下
2015-05-05