微信小程序获取当前经纬度并逆解析地址代码
发布时间: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 () { } }) 效果如下: (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |