スマホ、pcの位置情報取得

webにアクセスすると、そのスマホやPCの位置情報が表示されるhtml

が html5のGeolocatio APIで簡単に


 

<!DOCTYPE html>
<html>
<head>
<meta charset=”utf-8″ />
<title>Geolocation Sample</title>
</head>
<body>
<script type=”text/javascript”>
if (navigator.geolocation) {
// 現在の位置情報取得を実施
navigator.geolocation.getCurrentPosition(
// 位置情報取得成功時
function (pos) {
var location =”<li>”+”緯度:” + pos.coords.latitude + “</li>”;
location += “<li>”+”経度:” + pos.coords.longitude + “</li>”;
document.getElementById(“location”).innerHTML = location;
},
// 位置情報取得失敗時
function (pos) {
var location =”<li>位置情報が取得できませんでした。</li>”;
document.getElementById(“location”).innerHTML = location;
});
} else {
window.alert(“本ブラウザではGeolocationが使えません”);
}
</script>
<ul id=”location”>
</ul>
</body>
</html>


詳しい説明が

http://www.hp-stylelink.com/news/2013/08/20130830.php

にある。

これは、緯度経度高度の情報。

 

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です