当前位置 主页 > 网站技术 > 代码类 >

    微信小程序如何获取地址

    栏目:代码类 时间:2019-12-24 15:09

    本文实例为大家分享了微信小程序获取地址的具体代码,供大家参考,具体内容如下

    wxml

    <map  longitude="{{data.longitude}}" latitude="{{data.latitude}}" scale="14" markers="{{markers}}" polyline="{{polyline}}" show-location ></map>
    <text>
     {{data.longitude}}
     {{data.latitude}}
     {{address}}
    </text>
    <!-- longitude 中心经度 -->
    <!-- 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);
         }
        });
       }
      })
     },

    为大家推荐现在关注度比较高的微信小程序教程一篇:《微信小程序开发教程》小编为大家精心整理的,希望喜欢。

    以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持IIS7站长之家。