欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

微信小程序如何獲取地址

 更新時間: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)容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。

相關文章

  • 移動端如何用下拉刷新的方式實現(xiàn)上拉加載

    移動端如何用下拉刷新的方式實現(xiàn)上拉加載

    這篇文章主要介紹了移動端如何用下拉刷新的方式實現(xiàn)上拉加載,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2018-12-12
  • uni-app低成本封裝一個取色器組件的簡單方法

    uni-app低成本封裝一個取色器組件的簡單方法

    最近想實現(xiàn)一個uniapp取色器組件,實現(xiàn)后發(fā)現(xiàn)效果還不錯,下面這篇文章主要給大家介紹了關于uni-app低成本封裝一個取色器組件的相關資料,文中通過圖文介紹的介紹的非常詳細,需要的朋友可以參考下
    2023-02-02
  • 微信小程序預覽二進制流文件的方法

    微信小程序預覽二進制流文件的方法

    這篇文章主要為大家詳細介紹了微信小程序預覽二進制流文件的方法,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2022-08-08
  • JavaScript的事件機制詳解

    JavaScript的事件機制詳解

    事件是將JavaScript腳本與網(wǎng)頁聯(lián)系在一起的主要方式,是JavaScript中最重要的主題之一。本文將詳細探討JavaScript的事件機制,并對比分析了瀏覽器之間的不同,具體內(nèi)容包括事件流、事件處理程序綁定方式、事件對象等。
    2017-01-01
  • 一個不用onmouseup的拖動函數(shù)

    一個不用onmouseup的拖動函數(shù)

    一個不用onmouseup的拖動函數(shù)...
    2007-05-05
  • vscode?對?typescript代碼調(diào)試的步驟

    vscode?對?typescript代碼調(diào)試的步驟

    在VS?Code中,要對?TypeScript代碼進行調(diào)試,需要先編譯?TypeScript?代碼為JavaScript代碼,這篇文章主要介紹了vscode對typescript代碼調(diào)試的方法,需要的朋友可以參考下
    2023-03-03
  • 用js實現(xiàn)多域名不同文件的調(diào)用方法

    用js實現(xiàn)多域名不同文件的調(diào)用方法

    用js實現(xiàn)多域名不同文件的調(diào)用方法...
    2007-01-01
  • 小程序實現(xiàn)新用戶判斷并跳轉激活的方法

    小程序實現(xiàn)新用戶判斷并跳轉激活的方法

    這篇文章主要介紹了小程序實現(xiàn)新用戶判斷并跳轉激活的方法,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2019-05-05
  • 百度地圖api如何使用

    百度地圖api如何使用

    如果想用百度地圖api,首先需要先獲取一個百度地圖api的密鑰,然后引入百度地圖的api,這篇文章就講下百度地圖api如何使用的相關資料,需要的朋友可以參考下
    2015-08-08
  • Javascript 構造函數(shù) 實例分析

    Javascript 構造函數(shù) 實例分析

    一般構造函數(shù)沒有返回值,他們通過關鍵字this初始化對象,沒有返回值。當然一個構造器允許返回一個對 象,如果這樣的話 返回的對象將變成new 表達式的值,在這種情況下值為this的對象將拋棄
    2008-11-11

最新評論