Jun 12, 2012

[Apple] iOS 用 Web サイト構築で可能なこと - コンパス

webkitcompass のサンプル
方角を定期的に取得し、Web ページ上に表示する。

[iPhone キャプチャ]

ソースコード

  <div id="orientation" >
    <div>方角:<span id="webkitCompassHeading" /></div>
    <div>誤差:<span id="webkitCompassAccuracy" /></div>
  </div>
  <script defer="defer">
  window.addEventListener('deviceorientation', 
    function(evt) {
      document.getElementById("webkitCompassHeading").innerText = evt.webkitCompassHeading;
      document.getElementById("webkitCompassAccuracy").innerText = evt.webkitCompassAccuracy;
    }, false
  );
  </script>

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