博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
微信小程序获取当前经纬度并逆解析地址代码
阅读量:5896 次
发布时间:2019-06-19

本文共 1530 字,大约阅读时间需要 5 分钟。

功能如标题。

map.wxml代码如下:

经度{
{jd}}
纬度{
{wd}}
地点{
{address}}

map.js源代码如下:

// pages/map1/map1.jsvar QQMapWX = require('../../lib/qqmap-wx-jssdk.js');var qqmapsdk;Page({  /**   * 页面的初始数据   */  data: {  },  /**   * 生命周期函数--监听页面加载   */  onLoad: function (options) {    qqmapsdk = new QQMapWX({      key: '22VBZ-REEK5-WVSI7-QKCOP-QPM6E-W7BPO'    });  },  /**   * 生命周期函数--监听页面初次渲染完成   */  onReady: function () {    var that = this;    wx.getLocation({      type: 'wgs84',      success: function (res) {        console.log(res);        var latitude1 = res.latitude;        var longitude1 = res.longitude;        qqmapsdk.reverseGeocoder({          location: {            latitude: latitude1,            longitude: longitude1          },          success: function (res) {            console.log(res);            var add = res.result.address;            that.setData({              wd: latitude1,              jd: longitude1,              address: add            })          }        })      },    })     },  /**   * 生命周期函数--监听页面显示   */  onShow: function () {  },  /**   * 生命周期函数--监听页面隐藏   */  onHide: function () {  },  /**   * 生命周期函数--监听页面卸载   */  onUnload: function () {  },  /**   * 页面相关事件处理函数--监听用户下拉动作   */  onPullDownRefresh: function () {  },  /**   * 页面上拉触底事件的处理函数   */  onReachBottom: function () {  },  /**   * 用户点击右上角分享   */  onShareAppMessage: function () {  }})

  效果如下:

 

转载于:https://www.cnblogs.com/ShallByeBye/p/10769608.html

你可能感兴趣的文章
JQuery入门(2)
查看>>
POI导出JavaWeb中的table到excel下载
查看>>
RAID 磁盘陈列详解
查看>>
公司组网核心、汇聚、接入层交换机配置
查看>>
linux文件描述符
查看>>
C++ const 详解
查看>>
wpf 自动完成comboxBox
查看>>
传值引用和调用引用的区别
查看>>
Linux & Oracle目录说明
查看>>
Hive简介
查看>>
hyper-v 无线网连接
查看>>
Python3.7.1学习(六)RabbitMQ在Windows环境下的安装
查看>>
Windows下memcached的安装配置
查看>>
ubuntu: firefox+flashplay
查看>>
常见的海量数据处理方法
查看>>
Microsoft Windows 8.1 使用记录
查看>>
C语言博客作业03--函数
查看>>
web.xml 中CharacterEncodingFilter类的学习
查看>>
显示刚刚添加的最后一条数据,access,选择语句,select
查看>>
贪吃蛇逻辑代码
查看>>