欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

JavaScript获取用户所在城市及地理位置

程序员文章站 2022-03-31 14:11:02
下面一段代码给大家分享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>

总结

以上所述是小编给大家介绍的javascript获取用户所在城市及地理位置,希望对大家有所帮助