微信小程序> 微信小程序定位当前城市

微信小程序定位当前城市

浏览量:599 时间: 来源:wy_Blog

定位获取当前所在城市

1、利用微信小程序接口 wx.getLocation() 获取当前经纬度。

https://mp.weixin.qq.com/debug/wxadoc/dev/api/location.html#wxopenlocationobject

2、拿到经纬度之后,通过微信的wx.request()请求百度地图的解析接口,传入我们获取到的经纬度,拿到当前定位的城市。


小程序

Page({  data: {    city: ''  },  onLoad: function (options) {       this.loadInfo();    },  loadInfo: function () {    var page = this    wx.getLocation({      type: 'wgs84', // 默认为 wgs84 返回 gps 坐标,gcj02 返回可用于 wx.openLocation 的坐标        success: function (res) {        // success          var longitude = res.longitude        var latitude = res.latitude        page.loadCity(longitude, latitude)      },      fail: function () {        // fail        },      complete: function () {        // complete        }    })  },  loadCity: function (longitude, latitude) {    var page = this    wx.request({      url: 'http://api.map.baidu.com/geocoder/v2/?ak=写自己的ak&location=' + latitude + ',' + longitude + '&output=json&pois=1',      //这里的ak 是去百度地图api获取的需要自己登陆获取一下  地址:https://lbsyun.baidu.com/index.php?title=wxjsapi      data: {},      header: {        'Content-Type': 'application/json'      },      success: function (res) {        // success          console.log(res);        var city = res.data.result.addressComponent.city;        console.log("城市为" + city)        page.setData({ city: city });      },      fail: function () {        // fail        },      complete: function () {        // complete        }    })  }});

微信小程序

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎