« 03.06 fb:likeが使えない | ココ | 03.10 jQuery Mobileのlistviewに弄ばれる »

2011年3月 7日

GPS情報をHTML5で  このエントリーを含むはてなブックマーク 

HTML5だと位置情報が簡単に取得できるというので、参考書片手にちょっとやってみた。ほんまにjavascriptだけやったからビックリした。


<script type="text/javascript" src="/jq/jquery-1.5.1.min.js"></script>
<script type="text/javascript">
window.onload = function() {
  if (navigator.geolocation == undefined) {
    $('#position').text = 'GPS is unavailable';
  } else {
    navigator.geolocation.getCurrentPosition(
      function (position) {
        $('#position').text('('+position.coords.latitude+', '+position.coords.longitude+')');
      },
      function (err) {
        $('#position').text('Error! '+err.code+': '+err.message);
      }
    );
  }
};
</script>

しかし、そう簡単に行くわけもなく…。位置情報が表示されないどころか、普通なら出てくるはずの位置情報を提供していいかの確認画面さえも出てこない。おまけに表示されるのはエラー(User denied)。どうなってるのかさっぱりわからんかったけど、調べた挙句行き着いたのがAndoridのブラウザのGears対応状況(ref. html5-developers-jp Google groups)。

ちなみに、XperiaのGPSはGearsを使っています。なので、Gearsを有効にしていないとGPSが機能しないそうです。
http://twitter.com/tamagawa_ryuji/status/12261325883
http://twitter.com/tenki_koda/status/12266077238
http://twitter.com/tamagawa_ryuji/status/12331400869
というわけで、決してネガティブな情報ではないよ、と申し添えておきます。

なるほどー。(リンク先を読んで)ブラウザの設定かと気がつく。

ブラウザのメニュー(田)から「設定」→「位置情報を有効にする」にチェックを入れると、リロードした時に位置情報を提供するかどうかの確認が表示される。

By ただ at 21:19 カテゴリー ; PinMarch Software , PinMarch Samples , プログラミングとか

« 03.06 fb:likeが使えない | 03月の記事 | 03.10 jQuery Mobileのlistviewに弄ばれる »




トラックバック

このエントリーのトラックバックURL:
http://pinmarch.sakura.ne.jp/mt/mt-tb.cgi/1722