首先,在靜態頁面中,添加微信的配置文件,經過js獲取。javascript
<script type="text/javascript">php
wx.config({java
debug: false,git
appId: '{$signPackage.appId}',ajax
timestamp: '{$signPackage.timestamp}',thinkphp
nonceStr: '{$signPackage.nonceStr}',json
signature: '{$signPackage.signature}',api
jsApiList: [php框架
// 全部要調用的 API 都要加到這個列表中微信
'checkJsApi',
'openLocation',
'getLocation',
'scanQRCode'
]
});
wx.ready(function () {
$('#scan').click(function(){
wx.scanQRCode({
needResult: 0,
});
});
wx.checkJsApi({
jsApiList: [
'getLocation'
],
success: function (res) {
if (res.checkResult.getLocation == false)
{
alert('你的微信版本過低,不支持微信JS接口,請升級到最新的微信版本!');
return;
}
}
});
wx.getLocation({
success: function (res) {
var latitude = res.latitude; // 緯度,浮點數,範圍爲90 ~ -90
var longitude = res.longitude; // 經度,浮點數,範圍爲180 ~ -180。
var geoconv = 'http://api.map.baidu.com/geoconv/v1/?callback=coordinateTransformation&coords=' + longitude + ',' + latitude + '&from=1&to=5&ak=5BFNbSgnVF5g2O72NpvTDxFm';
var script = document.createElement('script');
script.src = geoconv;
document.head.appendChild(script);
},
cancel: function (res) {
alert('用戶拒絕受權獲取地理位置');
}
});
});
function coordinateTransformation(data)
{
var LATLNG = data.result[0].y + ',' + data.result[0].x;
var url = 'http://api.map.baidu.com/geocoder/v2/?callback=getCurrentLocation&ak=5BFNbSgnVF5g2O72NpvTDxFm&location=' + LATLNG + '&output=json&pois=1';
var script = document.createElement('script');
script.src = url;
document.head.appendChild(script);
}
function getCurrentLocation(data)
{
if(data.status === 0)
{
var address = data.result.formatted_address,
x = data.result.location.lng,
y = data.result.location.lat,
city = data.result.addressComponent.city,
street = data.result.addressComponent.street || data.result.formatted_address,
reqData = 'street=' + address + '&name=' + street + '&lng=' + x + '&lat=' + y + '&city=' + city;
var url = "{:U('Index/savePosition')}";
$.getJSON(url,{'name':street,'lng':x,'lat': y,'city':city},function(data)
{
if(data.returnCode) { }
});
}
}
</script>
其次,在控制器中接收ajax傳遞的地理座標,而後保存到session中。
public function savePosition()
{
$city = II('get.city','','trim');
$addr = II('get.name','','trim');
$lng = II('get.lng','','trim');
$lat = II('get.lat','','trim');
$myLocation = array(
'city' =>$city,
'addr' =>$addr,
'lng' =>$lng,
'lat' =>$lat,
);
$_SESSION['MyLocation'] = $myLocation;
$data['returnCode'] = 1;
$data['returnInfo'] = '獲取位置成功!';
$this->ajaxReturn($data);
return;
}
注:用的是thinkphp框架,II是自定義的方法,獲取get或post傳遞的值,和 I 函數同樣。