加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

微信小程序获取当前经纬度并逆解析地址代码

发布时间:2020-12-16 23:25:06 所属栏目:百科 来源:网络整理
导读:功能如标题。 map.wxml代码如下: !--miniprogram/pages/map/map.wxml--viewtext经度{{jd}}/text/viewviewtext纬度{{wd}}/text/viewviewtext地点{{address}}/text/view map.js源代码如下: // pages/map1/map1.jsvar QQMapWX = require(‘../../lib/qqmap-wx

功能如标题。

map.wxml代码如下:

<!--miniprogram/pages/map/map.wxml-->

<view><text>经度{{jd}}</text></view>

<view><text>纬度{{wd}}</text></view>

<view><text>地点{{address}}</text></view>

map.js源代码如下:

// pages/map1/map1.js

var 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 () {

  }
})

  效果如下:

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读