Maison > Article > interface Web > JS obtient l'emplacement actuel de l'utilisateur

JS obtient l'emplacement actuel de l'utilisateur

php中世界最好的语言original: 2018-04-27 14:20:293681parcourir

Cette fois, je vais vous apporter JS pour obtenir la position actuelle de l'utilisateur. Quelles sont les précautions pour que JS obtienne la position actuelle de l'utilisateur. Ce qui suit est un cas pratique, jetons un coup d'œil.

Le code suivant est partagé avec vous en JS pour obtenir la ville où se trouve l'utilisateur. 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('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 pour obtenir la situation géographique de l'utilisateur. location

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

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

Explication détaillée de l'utilisation du mécanisme d'événement vue

Comment AngularJs empêche les attaques XSS

Explication détaillée des cas de filtres personnalisés utilisant Filter dans AngularJS

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!

php xss Filter JS 事件

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：Explication détaillée de l'utilisation du mécanisme d'événement vueArticle suivant：Explication détaillée de l'utilisation du mécanisme d'événement vue

Articles Liés

Voir plus