> 웹 프론트엔드 > JS 튜토리얼 > JS는 사용자의 현재 위치를 얻습니다.

JS는 사용자의 현재 위치를 얻습니다.

php中世界最好的语言
풀어 주다: 2018-04-27 14:20:29
원래의
3728명이 탐색했습니다.

이번에는 사용자의 현재 위치를 가져오는 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 기타 관련 기사를 주목하세요!

추천 자료:

vue 이벤트 메커니즘 사용에 대한 자세한 설명

AngularJs가 XSS 공격을 방지하는 방법

필터 사용자 정의 필터 사례를 사용하는 AngularJS에 대한 자세한 설명

위 내용은 JS는 사용자의 현재 위치를 얻습니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿