微信小程序获取定位及选择位置

.wxml

<view class="input-info">
  <label>地方</label>
  <picker mode="region" name="regionName" bindtap="changeRegion" bindchange="bindRegionChange" value="{{region}}" custom-item="{{customItem}}" class="choose-region" style="border-bottom:1px solid #ddd">
  <view class="picker">
    {{region[0] }} {{region[1] }} {{region[2]}}
  </view>
  </picker>
</view>

.js

var QQMap = require('../../qqmap-wx-jssdk1.2/qqmap-wx-jssdk');
var qqmapsdk = new QQMap({
  key: key // 必填
});
Page({
data:{
	region:[]
}
onLoad: function () {
    // 查看是否授权,获取位置信息
     var that = this
     var wei = this.lc(function (wei) {
       qqmapsdk.reverseGeocoder({
         location:{
           //纬度
           latitude: wei.latitude,
           //经度
           longitude: wei.longitude
         },
         success: function (res) {
           console.log(res.result.address)

           	var location = [];
         	location.push(res.result.address_component.province,res.result.address_component.city,res.result.address_component.district); 
           that.setData({
             region: location
           })
         },
         fail: function (res) {
           console.log(res);
         }
       })
     });
 },
 lc: function (wei) {
   var self = this
   wx.getLocation({
     type: 'wgs84',
     success: function (res) {
       wei(res);
       return wei;
     }
   })
 },
// 改变县区选择
bindRegionChange: function (e) {
   this.setData({
      region: e.detail.value
  	})
},
})
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值