如何操作JS获取用户所在城市及地理位置

来源：榕意旅游网

这次给大家带来如何操作JS获取用户所在城市及地理位置，操作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>

相信看了本文案例你已经掌握了方法，更多精彩请关注Gxl网其它相关文章！