微信小程序获取定位解析当前城市位置
咱们就话不多说,这呢是我第一次发布文章,第一次使用,所以使用的也比较简单,也还不是很熟悉,接下来呢就直接上代码吧,希望喜欢的朋友可以关注关注嘿嘿
首先我们需要引入腾讯地图的js文件,获取到他的key具体详细可以参考腾讯地图的开发文档/webservice_v1/index.html
以下是index.js部分
var qqmap = require('../../utils/qqmap-wx-jssdk')Page({/*** 页面的初始数据*/data: {address:'',},onLoad: function () {var demo = new qqmap({key: '*****'//腾讯地图你注册后给你的key值})var that = this;wx.getLocation({type: 'gcj02', //编码方式,success: function (res) {var latitude = res.latitude // wx.getLocation 获取当前的地理位置、速度 latitude(维度) longitude(经度)var longitude = res.longitudedemo.reverseGeocoder({//腾讯地图api 逆解析方法 首先设计经纬度location: {latitude: res.latitude,longitude: res.longitude},//逆解析成功回调函数success: function (res) {that.setData({address: res.result.address_component.city//这是可以直接获取到当前城市位置});},fail: function (res) {//失败的回调函数// console.log(res);},})}});},})
以下是index.wxml代码
<form bindsubmit="formSubmit"><view class='list'><view class='name'><text>姓名</text><input name="name" type='text' placeholder-style='font-size:28rpx;' placeholder='请输入你的姓名'></input></view><view class='dizhi in4'><text>地址</text><input type='text' placeholder-style='font-size:28rpx;' value="{{address}}" disabled='true'></input></view></view></view></form>
这是最简单的获取到当前城市解析,如需更加详细的解析可以看下开发文档,或者可以加我给你详细代码嘿嘿,第一次发比较简单~~~