スポンサードリンク
あるとき気がついたのですが、自宅でiPhone（アイフォン）のWi-Fi接続中にJQtouchデモの地図（Chromeで見てください）が表示されない場合があることに気がついた。
どうも現在地の座標を収得できていない模様。
大抵は問題ないのですが、まれにいつまで待っても地図が表示されない。iPhone（アイフォン）の設定からWi-Fi接続をOFFにして、3GS接続にすると読み込んだりする。Wi-Fiにしても3GSにしてもアンテナは、立っているのですが・・・・・。
原因はiPhone（アイフォン）の通信状況の問題でしょうか？
W3Cジオロケーション（Geolocation）のマニュアルを見ても、特に注意書きのようなものも見つからず・・・・・どうしよう。
iPhone（スマートフォン用端末）のGoogle Map アプリのような現在地アイコンがいいな~なんて探していたら有りました。
青いドットのアイコンで周囲にレーダーのように青いリングが広がっていくアニメーション付きです。
◆ Google Maps API v3 /jQTouchを使ったGoogle Mapでのclickイベントについて jQtouchをつかったGoogle MapのiPhone（アイフォン）用サイトで、google.maps.event.addListener(map, ‘click’, function()のクリックイベントが機能しないことに気がついた。ほんと知らないことばかり、でどうすればいい。
google.maps.event.addListener(map, 'click', function() //◆地図をクリックした時
{
center = map.getCenter();
searchLocationsNear(center);
});
あれ?なんで？ そおなんです。通常のサイトで動くscriptが、jQTouchだと動かなくなることが・・・・・ よくよくGoogleのフォーラムをみていたら、jQTouchの場合、jQueryのクリックコマンドがあるとのこと。 Read more »
◆Google Maps JavaScript API V3 + Geolocation （watchPosition+clearWatch）
iPhone（アイフォン）の地図が見れるようになりました。自分の座標位置をGPS情報から収得できるようにもなりました。
しかし、以前に学んだwatchPositionとcurrentPositionだけでは、iPhone（アイフォン）用として使いにくいことが判明。
getcurrentPosition()では、収得できる座標の制度が悪すぎる。100ｍ近くずれることがあります。
一方、watchPosition()を使うと、Google Mapで位置をずらすと数秒後に現在地に戻されてゆっくり地図を見ることもできません。
さて、どうすればいい？
完成したサンプルは、次のようなイメージ。左が追跡中。右がGeoLocation（地理位置座標サービス）の停止中。
詳しくは、下記参照。
まず本題から外れるが、Wordpressの場合、プラグインのKtai Styleを使えば、ブログを携帯電話用に変換できるのだが、どのようになるのか気になっていた。らしく表示されて、Docomo、au、softbankの確認が出来るので重宝（メモ）。
さて、本題のアイフォン用シュミレータだが、迷った挙句、Test iPhone.comが使いやすくていいかと。
Test iPhone.com http://www.testiphone.com/
Web上のオンラインで実際のiPhone（アイフォン）画面と近い表示が可能。
しかし、使用するブラウザにより、かなり異なる。結論から言えば、私のiPhone（アイフォン）用サイトを忠実に表示できたのは、Google Chｒome。iPhone（アイフォン）ならsafariかと思っていたが・・・・ダメでした。
ブラウザを変更してTest iPhone.comで作成中の実機用ページを表示比較してみた。ちなみにこのページの各マップの現在地の取得は、W3Cとgoogle.gearsの両方に対応。作成はjQtouch。
一番、類似して表示できたのがgoogel Chorme。jQtouchのフロートバーやinputフォームもほぼそのまま。現在地収得にも対応。唯一残念なのがjQtouchのアニメーション対応。safariだと実機iPhone（アイフォン）のように、slide upやFlip等の動きも確認できるがGoogel Chromeでは不可。
iPhone（アイフォン）の地図のコントロールナビゲーションUIには、google codeを見るとiPhone（アイフォン）用のデフォルトは無し。
しかし、iPhone（アイフォン）でも、ナビゲーションのオプション設定すればOK。お試しあれ。
Google Maps API ｖ3の地図をiPhone（アイフォン）やスマートフォンで見れるように表示させるには、次のメタタグとscriptタグを<header>タグ内に記述しておく必要があります。
ここで注意点です。
Google先生のデフォルトは、
<meta name=”viewport” content=”initial-scale=1.0, user-scalable=no” />
<script type=”text/javascript” src=”http://maps.google.com/maps/api/js?sensor=set_to_true_or_false“></script>
となっています。
スポンサードリンク
