【WxApp】利用微信小程序API获取当前地理信息

本章需要的工具
1. 微信Web开发者工具
2. 腾讯地图SDK

博客很久没有更新了 最近都在研究小程序的编写 就写一篇来除草吧

通过简单的API获取用户当前的位置

主要思路：获取用户GPS坐标-通过逆地址解析获取地址-然后再进行渲染

locat: function () {
    var that = this;
    wx.getLocation({
      type: 'wgs84', // wgs84 返回GPS坐标
      success: function (res) {
        var latitude = res.latitude //获取纬度
        var longitude = res.longitude //获取经度        
        wx.request({ 
          url: 'http://apis.map.qq.com/ws/geocoder/v1/?key=&coord_type=1&&location=' + latitude + ',' + longitude + '',
          success: function (locat) {
            that.setData({
              userlocation: locat.data.result.address
            })
          }
        })
      }
    }) 
  },

逆地址解析有很多API可以支持 详细的还要看对应的文档 在Url内修改对应的数据

目前遇到的坑

如果代码块使用到wx.request 不能使用this.setData否则会报错

需要在前面var that = this;

利用其他代替this

18/03/14

针酱