JavaScript獲取用戶所在城市及地理位置
更新時間：2018年04月21日 10:13:44 投稿：mrr
這篇文章主要介紹了JavaScript獲取用戶所在城市及地理位置的實例代碼，非常不錯，具有參考借鑒價值，需要的朋友參考下吧
下面一段代碼給大家分享js 獲取用戶所在城市，具體代碼如下所述：
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>獲取用戶地理位置</title>
<script type="text/javascript" src="./jquery-3.3.1.js"></script>
</head>
<body>
</body>
</html>
<script>
$.getScript('http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js',function(){
alert(remote_ip_info.country);//國家
alert(remote_ip_info.province);//省份
alert(remote_ip_info.city);//城市
});
</script>
JS獲取用戶地理位置
<script type="text/javascript">
var x = document.getElementById("x");
function getLocation() {
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(showPosition, showError);
} else {
x.innerHTML = "該瀏覽器不支持定位功能！";
}
}
function showPosition(position) {
x.innerHTML = "緯度：" + position.coords.latitude + "\n經度："
+ position.coords.longitude;
}
function showError(error) {
switch (error.code) {
case error.PERMISSION_DENIED:
x.innerHTML = "用戶拒絕對獲取地理位置的請求。";
break;
case error.POSITION_UNAVAILABLE:
x.innerHTML = "位置信息是不可用的。";
break;
case error.TIMEOUT:
x.innerHTML = "請求用戶地理位置超時。";
break;
case error.UNKNOWN_ERROR:
x.innerHTML = "未知錯誤。";
break;
}
}
getLocation();
</script>
總結
以上所述是小編給大家介紹的JavaScript獲取用戶所在城市及地理位置，希望對大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會及時回復大家的！
相關文章
這篇文章主要為大家詳細介紹了JS實現簡易留言板增刪功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-02-02
下面小編就為大家?guī)硪黄狫S 對象(Object)和字符串(String)互轉方法。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-05
js split就是將一字符串以特定的字符分割成數組,數組一般是字符串處理比較常用的處理方法2013-03-03
這篇文章主要介紹了JS實現面向對象繼承的5種方式,結合實例形式分析了JavaScript面向對象繼承功能的5種常見實現方法原理與操作技巧,需要的朋友可以參考下2018-07-07
這篇文章主要為大家詳細介紹了JavaScript實現拖拽簡單效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-09-09
老生常談javascript中邏輯運算符&&和||的返回值問題
下面小編就為大家?guī)硪黄仙Ｕ刯avascript中邏輯運算符&&和||的返回值問題。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-04-04
Vue之vue-tree-color組件實現組織架構圖案例詳解
這篇文章主要介紹了Vue之vue-tree-color組件實現組織架構圖案例詳解,本篇文章通過簡要的案例,講解了該項技術的了解與使用,以下就是詳細內容,需要的朋友可以參考下2021-09-09
這篇文章主要介紹了使用JavaScript字符串解決回文數的方案,JavaScript中的字符串是一種數據類型,用于表示文本數據,字符串可以包含任意字符序列,包括字母、數字、符號和空格,靈活掌握字符串的解決問題思想,巧用字符串解決回文數,需要的朋友可以參考下2024-05-05
這篇文章主要介紹了原生js封裝的ajax方法,結合實例形式分析了JavaScript封裝ajax操作及調用方法相關操作技巧,非常簡單實用,需要的朋友可以參考下2018-08-08
JavaScript實現多叉樹的遞歸遍歷和非遞歸遍歷算法操作示例
這篇文章主要介紹了JavaScript實現多叉樹的遞歸遍歷和非遞歸遍歷算法,結合實例形式詳細分析了JavaScript多叉樹針對json節(jié)點的遞歸與非遞歸遍歷相關操作技巧,需要的朋友可以參考下2018-02-02