jQuery+地理位置定位是一種常用的前端技術,其主要功能是可以通過用戶的IP地址進行定位,從而更便捷地獲取到用戶所在的地理位置信息。
// 實例化Geolocation對象 var geo = navigator.geolocation; // 獲取經緯度坐標 geo.getCurrentPosition(function(pos) { var lng = pos.coords.longitude; var lat = pos.coords.latitude; // 利用百度API將經緯度轉化為詳細地址 $.ajax({ url: 'http://api.map.baidu.com/geocoder/v2/', type: 'GET', dataType: 'jsonp', data: { location: lat + ',' + lng, output: 'json', ak: 'Your AK' // 替換為你自己的AK }, success: function(res) { var address = res.result.formatted_address; // 將詳細地址展現在頁面上 $('#location').text('您所在的位置為:' + address); }, error: function(jqXHR, textStatus, errorThrown) { console.log('獲取地址失敗:' + errorThrown); } }); });以上代碼中,我們先實例化了Geolocation對象,然后調用其getCurrentPosition方法來獲取用戶的經緯度坐標。接下來,利用百度API將經緯度轉化為詳細地址,并將其展現在頁面上。
需要注意的是,使用百度API需要申請一個Key,將代碼中的’Your AK‘替換為自己的AK。
上一篇css 右浮動不能顯示