Geolocation API (JavaScript)

Geolocation APIをお試し。

ブラウザがGeolocation APIに対応しているか:geolocation_api_check.html

1
2
3
4
5
6
if (navigator.geolocation) {
    document.write('Geolocation APIに対応しています<br />');
}
else {
    document.write('Geolocation APIに対応していません<br />');
}

getCurrentPositionで緯度・経度を取得:geolocation_api_getCurrentPosition.html

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
navigator.geolocation.getCurrentPosition(
    successCallback, errorCallback, {timeout:60000}
);
 
function successCallback(position) {
    var location = '緯度:' + position.coords.latitude + ' 経度:' + position.coords.longitude;
    document.getElementById("location").innerHTML = location;
}
 
function errorCallback(error) {
    var message = "";
 
    switch (error.code) {
    case error.POSITION_UNAVAILABLE:
        message = "位置情報を取得できませんでした";
        break;
 
    case error.PERMISSION_DENIED:
        message = "位置情報の取得許可を取得できませんでした";
        break;
 
    case error.TIMEOUT:
        message = "位置情報を取得中にタイムアウトしました";
        break;
    }
 
    document.getElementById("location").innerHTML = message;
}

参考サイト

関連エントリー

  1. 緯度・経度から住所を取得したい (Google Maps API)
  2. Google Maps API 続き
  3. 楽天ウェブサービス(RWS)を使ってアフィリエイトリンクをつくる(JavaScript/JSONP)
  4. User Agentの確認
  5. twitter API (REST API Methods) でpublic_timelineを表示
This entry was posted in 未分類 and tagged , . Bookmark the permalink.