<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>たいとる</title>
<link rel="stylesheet" type="text/css" href="ほげ.css">
</head>
<script type="text/javascript">
if (navigator.geolocation) {
// 現在の位置情報を取得
navigator.geolocation.getCurrentPosition(
// (1)位置情報の取得に成功した場合
function (pos) {
var location ="<li>"+"緯度:" + pos.coords.latitude + "</li>";
location += "<li>"+"経度:" + pos.coords.longitude + "</li>";
document.getElementById("location").innerHTML = location;
},
// (2)位置情報の取得に失敗した場合
function (error) {
var message = "";
switch (error.code) {
// 位置情報が取得できない場合
case error.POSITION_UNAVAILABLE:
message = "位置情報の取得ができませんでした。";
break;
// Geolocationの使用が許可されない場合
case error.PERMISSION_DENIED:
message = "位置情報取得の使用許可がされませんでした。";
break;
// タイムアウトした場合
case error.PERMISSION_DENIED_TIMEOUT:
message = "位置情報取得中にタイムアウトしました。";
break;
}
window.alert(message);
}
);
} else {
window.alert("本ブラウザではGeolocationが使えません");
}
</script>
<ul id="location">
<li>高度:</li>
</ul>
</body>
</html>