Maison >interface Web >js tutoriel >JavaScript obtient la ville et la situation géographique de l'utilisateur

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

不言original: 2018-04-21 16:41:162409parcourir

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>

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>

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!

JavaScript JS http

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Solution pour réaliser une arborescence de menus avec vue.js et element-uiArticle suivant：Solution pour réaliser une arborescence de menus avec vue.js et element-ui

Articles Liés

Voir plus