suchen

Heim >Web-Frontend >js-Tutorial >JavaScript ruft die Stadt und den geografischen Standort des Benutzers ab

JavaScript ruft die Stadt und den geografischen Standort des Benutzers ab

不言
不言Original
2018-04-21 16:41:162385Durchsuche

Dieser Artikel stellt hauptsächlich den Beispielcode von JavaScript vor, um die Stadt und den geografischen Standort des Benutzers zu ermitteln. Er ist sehr gut und hat Referenzwert.

Der folgende Code ist 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(&#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 an Ermitteln Sie den geografischen Standort des Benutzers


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

Verwandte Empfehlungen:

JavaScript zum Abrufen von HTTP-Informationen in der Navigationsleiste, Beispielfreigabe


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

JavaScript JS http
Stellungnahme：
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
Vorheriger Artikel：Lösung zur Realisierung einer Menübaumstruktur mit vue.js und element-uiNächster Artikel：Lösung zur Realisierung einer Menübaumstruktur mit vue.js und element-ui

In Verbindung stehende Artikel

Mehr sehen