位置信息API

一、获取当前位置：wx.getLocation(object)

《wx.getLocation(object)参数说明》

《上面success返回参数说明》

//index.js
Page({
  onLoad:function () {
    wx.getLocation({
      type:"wgs84",
      success:function (res) {
        //......
      }
    })
  }
});
1
2
3
4
5
6
7
8
9
10
11

使用wx.getLocation（）获取位置信息时，需要在app.json文件中声明permission字段。

  "permission":{
    "scope.userLocation": {
      "desc": "点击确定按钮获取地理位置信息"
    }
  }
1
2
3
4
5

二、选择位置：wx.chooseLocation(object)

调用前需要用户授权scope.userLocation才能使用。
《wx.chooseLocation(object)参数说明》

《上面success返回参数说明》

Page({
  onLoad:function () {
    wx.chooseLocation({
      success:function (res) {
        //......
      }
    })
  }
});
1
2
3
4
5
6
7
8
9

三、打开位置：wx.openLocation(object)

《wx.openLocation(object)参数说明》

// index.js
Page({
  onLoad:function () {
    wx.getLocation()({
      type:"gcj02",
      success:function (res) {
        var latitude = res.latitude;
        var longitude = res.longitude;
        wx.openSetting({
          latitude:latitude,
          longitude:longitude,
          success:function () {}
        })
      }
    })
  }
});
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

四、监听位置事件

五、地图组件控制API

wx.createMapContext(mapId)地图控制组件API用来创建并返回MapContext对象。MapContext对象提供了如下方法：

1. MapContext.getCenterLocation():获取当前地图中心的经纬度，返回gcj02坐标系,可用wx.openLocation();
2. MapContext.moveToLocation(object object):将地图中心移至当前定位点，此时需要设置地图组件show-location为true;
3. MapContext.translateMarker(object object):平移marker,带动画；
4. MapContext.includePoints(object object):缩放实业，展示所有经纬度；
5. MapContext.getRegion():获取当前地图的视野范围;
6. MapContext.getRotate():获取当前地图的旋转角；
7. MapContext.getSkew():获取当前地图的倾斜角；
8. MapContext.getScale():获取当前地图的缩放级别；
9. MapContext.setCenterOffset(object object):设置地图中心偏移，向后，乡下为增长。屏幕比例范围为0.25-0.75，默认偏移为[0.5,0.5]

<map id="myMap" show-location/>
<button type="primary" bind:tap="getCenterLocation">获取位置button>
<button type="primary" bind:tap="moveToLocation">移动位置button>
1
2
3

//map.js
Page({
  onReady:function (e) {
    this.mapCtx=wx.createMapContext('myMap', component)
  },
  getCenterLocation:function () {
    // 获取当前地图中心的经纬度
    this.mapCtx.getCenterLocation({
      success:function (res) {
        // ...
      }
    })
  },
  moveToLocation:function () {
    // 将地图中心移至当前定位点
    this.mapCtx.moveToLocation();
  }
});

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

六、收货地址API：wx.chooseAddress(object)

调用前需要用户授权scope.address

Page({
  onLoad:function () {
    wx.chooseAddress({
      success:function (res) {
        // ...
      }
    })
  },
});
1
2
3
4
5
6
7
8
9

《上面success返回参数说明》