導航:首頁 > 地理科目 > js如何獲取客戶端的地理位置

js如何獲取客戶端的地理位置

發布時間:2023-06-15 18:17:07

『壹』 javascript 怎麼獲得手機地理位置 比如經緯度

<script>
navigator.geolocation.getCurrentPosition(//該函數有如下三個參數
function(pos){//如果成果則執行該回調函數
alert(
'經度:'+pos.coords.latitude+
'緯度:'+pos.coords.longitude+
'高度:'+pos.coords.altitude+
'精確度(經緯):'+pos.coords.accuracy+
'精確度(高度):'+pos.coords.altitudeAccuracy+
'速度:'+pos.coords.speed
);
},function(err){//如果失敗則執行該回調函數
alert(err.message);
},{//附帶參數
enableHighAccuracy:false,//提高精度(耗費資源)
timeout:3000,//超過timeout則調用失敗的回調函數
maximumAge:1000//獲取到的地理信息的有效期,超過有效期則重新獲取一次位置信息
}
);
</script>


>> 參考Lecaf 同學的博文

>> 需要支持HTML5的瀏覽器才能支持

>> 哪怕支持HTML5的瀏覽器支持也不一定很好

『貳』 js中如何得到客戶端的地理位置

手機WEB定位方法:代碼。
var getLocation = function (successFunc, errorFunc) { //successFunc獲取定位成功回調函數,errorFunc獲取定位失敗回調
//首先設置默認城市
var defCity = {
id: '000001',
name: '北京市',
date: curDateTime()//獲取當前時間方法
};
//默認城市
$.cookie('VPIAO_MOBILE_DEFAULTCITY', JSON.stringify(defCity), { expires: 1, path: '/' });
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(function (position) {
var lat = position.coords.latitude;
var lon = position.coords.longitude;
//var map = new BMap.Map("container"); // 創建Map實例
var point = new BMap.Point(lon, lat); // 創建點坐標
var gc = new BMap.Geocoder();
gc.getLocation(point, function (rs) {
var addComp = rs.addressComponents;
var curCity = {
id: '',
name: addComp.province,
date: curDateTime()
};
//當前定位城市
$.cookie('VPIAO_MOBILE_CURRENTCITY', JSON.stringify(curCity), { expires: 7, path: '/' });
//alert(addComp.province + ", " + addComp.city + ", " + addComp.district + ", " + addComp.street);
if (successFunc != undefined)
successFunc(addComp);
});
},
function (error) {
switch (error.code) {
case 1:
alert("位置服務被拒絕。");
break;
case 2:
alert("暫時獲取不到位置信息。");
break;
case 3:
alert("獲取位置信息超時。");
break;
default:
alert("未知錯誤。");
break;
}
var curCity = {
id: '000001',
name: '北京市',
date: curDateTime()
};
//默認城市
$.cookie('VPIAO_MOBILE_DEFAULTCITY', JSON.stringify(curCity), { expires: 1, path: '/' });
if (errorFunc != undefined)
errorFunc(error);
}, { timeout: 5000, enableHighAccuracy: true });
} else {
alert("你的瀏覽器不支持獲取地理位置信息。");
if (errorFunc != undefined)
errorFunc("你的瀏覽器不支持獲取地理位置信息。");
}
};
var showPosition = function (position) {
var lat = position.coords.latitude;
var lon = position.coords.longitude;
//var map = new BMap.Map("container"); // 創建Map實例
var point = new BMap.Point(lon, lat); // 創建點坐標
var gc = new BMap.Geocoder();
gc.getLocation(point, function (rs) {
var addComp = rs.addressComponents;
var curCity = {
id: '',
name: addComp.province,
date: curDateTime()
};
//當前定位城市
$.cookie('VPIAO_MOBILE_CURRENTCITY', JSON.stringify(curCity), { expires: 7, path: '/' });
//alert(addComp.province + ", " + addComp.city + ", " + addComp.district + ", " + addComp.street);
});
};
var showPositionError = function (error) {
switch (error.code) {
case 1:
alert("位置服務被拒絕。");
break;
case 2:
alert("暫時獲取不到位置信息。");
break;
case 3:
alert("獲取位置信息超時。");
break;
default:
alert("未知錯誤。");
break;
}
var curCity = {
id: '000001',
name: '北京市',
date: curDateTime()
};
//默認城市
$.cookie('VPIAO_MOBILE_DEFAULTCITY', JSON.stringify(curCity), { expires: 1, path: '/' });
};.
前提要引入網路API:<script src="http://api.map..com/api?v=1.4" type="text/javascript"></script>。
2. PC端通過IP實現方法:

採用騰訊提供的介面,這個目前已經不能使用。
<script type="text/javascript" src="http://fw.qq.com/ipaddress"></script>
<script type="text/javascript">
document.write(IPData[0]); //顯示IP地址
document.write(IPData[2]); //顯示省
document.write(IPData[3]); //顯示市
</script>
3 . 獲取客戶端IP方法
<script>
var url = 'http://chaxun.1616.net/s.php?type=ip&output=json&callback=?&_=' + Math.random();
$.getJSON(url, function(data) {
alert(data.Ip);
});
</script>

閱讀全文

與js如何獲取客戶端的地理位置相關的資料

熱點內容
word中化學式的數字怎麼打出來 瀏覽:701
乙酸乙酯化學式怎麼算 瀏覽:1369
沈陽初中的數學是什麼版本的 瀏覽:1315
華為手機家人共享如何查看地理位置 瀏覽:1008
一氧化碳還原氧化鋁化學方程式怎麼配平 瀏覽:845
數學c什麼意思是什麼意思是什麼 瀏覽:1366
中考初中地理如何補 瀏覽:1257
360瀏覽器歷史在哪裡下載迅雷下載 瀏覽:668
數學奧數卡怎麼辦 瀏覽:1347
如何回答地理是什麼 瀏覽:987
win7如何刪除電腦文件瀏覽歷史 瀏覽:1020
大學物理實驗干什麼用的到 瀏覽:1445
二年級上冊數學框框怎麼填 瀏覽:1657
西安瑞禧生物科技有限公司怎麼樣 瀏覽:821
武大的分析化學怎麼樣 瀏覽:1210
ige電化學發光偏高怎麼辦 瀏覽:1299
學而思初中英語和語文怎麼樣 瀏覽:1603
下列哪個水飛薊素化學結構 瀏覽:1385
化學理學哪些專業好 瀏覽:1449
數學中的棱的意思是什麼 瀏覽:1015