Heim > Web-Frontend > js-Tutorial > JS ruft den aktuellen Standort des Benutzers ab

JS ruft den aktuellen Standort des Benutzers ab

php中世界最好的语言
Freigeben: 2018-04-27 14:20:29
Original
3729 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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage