全国统一服务热线:400-633-9193

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

    网络     2018-05-15    1153

下面一段代码给大家分享js 获取用户所在城市,具体代码如下所述:

<!doctype html> 

<html> 

 <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获取用户所在城市及地理位置,希望对大家有所帮助


  分享到:  
0.2681s