ホームページ > 記事 > ウェブフロントエンド > JSはユーザーの現在位置を取得します
JSはユーザーの現在位置を取得します
- php中世界最好的语言オリジナル
- 2018-04-27 14:20:293693ブラウズ
今回は、ユーザーの現在位置を取得するための 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 サイトにあるその他の関連記事もご覧ください。
推奨読書:
Filterカスタムフィルターケースを使用したAngularJSの詳細な説明
以上がJSはユーザーの現在位置を取得しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。