首先，在靜態頁面中，添加微信的配置文件，通過js獲取。 <script type="text/javascript"> wx.config({ debug: false, appId: '{$signPackage.appId}', timestamp: '{$signPackage.timesta ...
首先，在靜態頁面中，添加微信的配置文件，通過js獲取。
<script type="text/javascript">
wx.config({
debug: false,
appId: '{$signPackage.appId}',
timestamp: '{$signPackage.timestamp}',
nonceStr: '{$signPackage.nonceStr}',
signature: '{$signPackage.signature}',
jsApiList: [
// 所有要調用的 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 函數一樣。
