微信小程序学习之路——API位置

位置

获取位置

在国际上，坐标体系有多套标准，小程序支持WGS84标准和GCJ02标准，WGS84是地球坐标，国际上通用的坐标系。设备一般包含的GPS芯片或者北斗芯片所获取的经纬度是WGS84地理做白哦西。GCJ02坐标系为火星坐标系，是由中国国家测绘局指定的地理信息系统的坐标系统，它是由WGS84坐标系加密后的坐标系，它是在小程序中，查看位置需要使用GCJ02标准坐标。

wx.getLocation(Object)

用于获取当前的地理位置、速度，需要用户授权定位功能，当用户离开小程序后，该接口无法调用，当用户点击“显示在聊天顶部”时，此接口才可继续调用，Object参数属性如下：

示例代码如下：

[code]wx.getLocation({
type:'wgs84',
success: function(res) {
console.log(res);
},
})

选择位置

wx.chooseLocation(Object)

用于打开地图选择位置，用户选择后返回选中信息，Object参数属性如下：

示例代码如下：

[code]wx.chooseLocation({
success: function(res) {
console.log(res.address);
},
})

查看位置

wx.openLocation(Object)

用于在微信内置地图查看位置，Object参数属性如下：

示例代码如下：

[code]wx.getLocation({
type:'gcj02',//返回可用于wx.openLocation的经纬度
success: function(res) {
wx.open({
//显示当前地址
latitude:res.latitude,
longitude:res.longitude
})
},
})

地图组件控制

wx.createMapContent(Object)

用于创建并返回map上下文mapContent对象，map-Context通过mapId跟一个<map/>组件绑定，通过它可以操作对应的<map/>组件，map-Context对象方法如下：

wx.openLocation

示例代码如下：

[code]<map id="myMap" show-location/>
<button data-type='getCenterLocation' bindtap='action'>获取位置</button>
<button data-type="location" bindtap="action">移动位置</button>

[code]Page({
onReady:function(e){
this.mapContext = wx.createMapContext('myMap');
},
action:function(e){
var type = e.target.dataset.type,
mapContext =this.mapContext;
switch(type){
//获取当前地图中心维度
case 'getCenterLocation':
mapContext.getCenterLocation({
success:function(res){
console.log(res.longitude+','+res.latitude);
}
});
//定位到当前位置
case 'location':
mapContext.moveToLocation();
}
}
});