JS ruft den aktuellen Standort des Benutzers ab-js-Tutorial-php.cn

JS ruft den aktuellen Standort des Benutzers ab

php中世界最好的语言

Freigeben： 2018-04-27 14:20:29

Original

3685 Leute haben es durchsucht

Dieses Mal bringe ich Ihnen JS, um den aktuellen Standort des Benutzers zu ermitteln. Was sind die Vorsichtsmaßnahmen für JS, um den aktuellen Standort des Benutzers zu ermitteln? Hier ist ein praktischer Fall.

Der folgende Code wird in js mit Ihnen geteilt, um die Stadt zu ermitteln, in der sich der Benutzer befindet. Der spezifische Code lautet wie folgt:

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

Nach dem Login kopieren

JS, um den geografischen Standort des Benutzers abzurufen

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

Nach dem Login kopieren

Glauben Sie es. Nachdem Sie den Fall in diesem Artikel gelesen haben, beherrschen Sie die Methode. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

Detaillierte Erläuterung der Verwendung des Vue-Ereignismechanismus

Wie AngularJs XSS-Angriffe verhindert

Detaillierte Erläuterung benutzerdefinierter Filterfälle mit Filter in AngularJS

Das obige ist der detaillierte Inhalt vonJS ruft den aktuellen Standort des Benutzers ab. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!