Jun 12, 2012

[Apple] iOS 用 Web サイト構築で可能なこと - 位置情報取得

geolocation のサンプル
緯度、経度、高度を定期的に取得し、Web ページ上に表示する。
方角、速度もインタフェースは用意されているのだが iPhone 4S では取得できなかった。 何か制約があるのだろうか?? 今度調べてみよう。

[iPhone キャプチャ]

ソースコード

  <div id="error" style="color:red" />
  <div id="geolocation" style="color:black" >
    <div>緯度:<span id="latitude" /></div>
    <div>経度:<span id="longitude" /></div>
    <div>誤差:<span id="accuracy" /></div>
    <hr />
    <div>高度:<span id="altitude" /></div>
    <div>誤差:<span id="altitudeAccuracy" /></div>
    <hr />
    <div>方角:<span id="heading" /></div>
    <div>速度:<span id="speed" /></div>
  </div>
  <script defer="defer">
  if (navigator.geolocation) {
    navigator.geolocation.watchPosition(
      function(position) {
        document.getElementById("latitude").innerHTML = position.coords.latitude;
        document.getElementById("longitude").innerHTML = position.coords.longitude;
        document.getElementById("accuracy").innerHTML = position.coords.accuracy;
        document.getElementById("altitude").innerHTML = position.coords.altitude;
        document.getElementById("altitudeAccuracy").innerHTML = position.coords.altitudeAccuracy;
        document.getElementById("heading").innerHTML = position.coords.heading;
        document.getElementById("speed").innerHTML = position.coords.speed;
      },
      function(error) {
        document.getElementById("error").innerHTML = "エラー: " + error.code;
      }
    );
  } else {
    document.getElementById("error").innerHTML = "位置情報が取得できません。";
  }
  </script>

Posted in Apple | このエントリーをはてなブックマークに追加 | この記事をクリップ! livedoor クリップ |