JS를 사용하여 사용자의 도시 및 지리적 위치를 얻는 방법-JS 튜토리얼-php.cn

집

웹 프론트엔드

JS 튜토리얼

JS를 사용하여 사용자의 도시 및 지리적 위치를 얻는 방법

Jun 07, 2018 am 09:55 AM

이번에는 JS를 사용하여 사용자의 도시 및 지리적 위치를 얻는 방법을 보여 드리겠습니다. JS를 사용하여 사용자의 도시 및 지리적 위치를 얻는 방법에 대한 주의 사항은 무엇입니까? 보세요.

&lt;!doctype html&gt; 
&lt;html lang=&quot;en&quot;&gt; 
 &lt;head&gt; 
 &lt;meta charset=&quot;UTF-8&quot;&gt; 
 &lt;title&gt;获取用户地理位置&lt;/title&gt; 
 &lt;script type=&quot;text/javascript&quot; src=&quot;./jquery-3.3.1.js&quot;&gt;&lt;/script&gt; 
 &lt;/head&gt; 
 &lt;body&gt; 
 &lt;/body&gt; 
&lt;/html&gt; 
&lt;script&gt; 
$.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);//城市  
});  
&lt;/script&gt;

로그인 후 복사

JS로 사용자의 지리적 위치 얻기

&lt;script type=&quot;text/javascript&quot;&gt;
  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();
&lt;/script&gt;

로그인 후 복사

이 기사의 사례를 읽으신 후 방법을 마스터하셨다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사에 주목하세요!