JSはユーザーの現在位置を取得します-jsチュートリアル-php.cn

JSはユーザーの現在位置を取得します

php中世界最好的语言

リリース： 2018-04-27 14:20:29

オリジナル

3630 人が閲覧しました

今回は、ユーザーの現在位置を取得するための JS について説明します。 JS がユーザーの現在位置を取得するための notes について、実際のケースを見てみましょう。

次のコードは、ユーザーがいる都市を取得するための js で共有されています。具体的なコードは次のとおりです:

<!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 でユーザーの地理的位置を取得する

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

ログイン後にコピー

このメソッドは習得できたと思います。この記事の事例を読んだ後は、さらに興味深い情報については php に注目してください。中国語の Web サイトにあるその他の関連記事もご覧ください。

推奨読書:

vueイベントメカニズムの使用の詳細な説明

AngularJsがXSS攻撃を防ぐ方法

Filterカスタムフィルターケースを使用したAngularJSの詳細な説明

以上がJSはユーザーの現在位置を取得しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。