ホームページ >ウェブフロントエンド >jsチュートリアル >JSを操作してユーザーの都市と地理的位置を取得する方法
今回は、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 中国語 Web サイトの他の関連記事に注目してください。
推奨読書:
vue.js と element-ui を使用してメニュー ツリー構造を実装する方法
以上がJSを操作してユーザーの都市と地理的位置を取得する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。