이번에는 사용자의 도시 및 지리적 위치를 얻기 위해 JS를 작동하는 방법을 보여 드리겠습니다. 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.js 및 element-ui를 사용하여 메뉴 트리 구조를 구현하는 방법
위 내용은 사용자의 도시 및 지리적 위치를 얻기 위해 JS를 작동하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!