JavaScript obtient la ville et la situation géographique de l'utilisateur-js tutoriel-php.cn

JavaScript obtient la ville et la situation géographique de l'utilisateur

不言

Libérer： 2018-04-21 16:41:16

original

2322 Les gens l'ont consulté

Cet article présente principalement l'exemple de code JavaScript pour obtenir la ville et la situation géographique de l'utilisateur. Il est très bon et a une valeur de référence. Les amis qui en ont besoin peuvent s'y référer

Le code suivant est. partagé avec tout le monde en js pour obtenir des utilisateurs City, le code spécifique est le suivant :

<!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(&#39;http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js&#39;,function(){  
 alert(remote_ip_info.country);//国家  
 alert(remote_ip_info.province);//省份  
 alert(remote_ip_info.city);//城市  
});  
</script>

Copier après la connexion

JS vers. obtenir la localisation géographique de l'utilisateur

<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>

Copier après la connexion

Recommandations associées :

JavaScript pour obtenir des informations HTTP dans la barre de navigation, exemple de partage

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!