スポンサードリンク
iPhone（アイフォン）で地図が見れるようになりましたので、出かけたときに自分の位置をGPS情報から収得したいでうすよね。さて、どうすればいい？ いつものように、Google Maps JavaScript API V3のトップページからスタート。Google Maps JavaScript API V3 – 基本ページに、ユーザーの現在地の検出（Geolocation）について説明があり、下記のような内容。
このページにあるサンプルコードをみると
// Try W3C Geolocation (Preferred) if(navigator.geolocation) { browserSupportFlag = true; navigator.geolocation.getCurrentPosition(function(position) { initialLocation = new google.maps.LatLng(position.coords.latitude,position.coords.longitude); map.setCenter(initialLocation); }, function() { handleNoGeolocation(browserSupportFlag); });
iPhone（アイフォン）の座標収得で使用するnavigator.geolocation.getCurrentPosition()、と navigator.geolocation.watchPosition()メソッドの大きな違いは、都度、現在位置をユーザが読み込んで位置情報を収得するのか、それとも連続的に収得するだけだと思っていたが、正確な座標制度を得るには、navigator.geolocation.watchPosition()を使った方が良いとの記事を見つけた。 ＜記事URL＞ Read more »
MarkerClustererオプションの”gridSize”、MarkerClusterer V3のクラスリファレンスのページには記載が無いが、V2にはgridSizeのオプションある。V3は無効かと思ったが試したら機能するようだ。
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>
となっています。
とりあえずMySQLからデータを引っぱって表示させてみた。 せっかくなので、Ｇｏｏｇｅｌコードを試す。参照ページは「Google マップと PHP/MySQL を使用」。このページ、以前はＶ2だったが、Ｖ3用に変わっていた。下記サンプル地図の表示マーカー数は、172マーカー。ちと重いかな。 iPhone（アイフォン）でサンプル地図をＷｉ-Ｆｉでなく3Ｇ回線で読み込んでみたが、まあ動くでないの。Google Maps API V3のスマートフォン対応恐るべし。次回は、ＭａｒｋｅｒＣｌｕｓｔｅｒｅｒ+PHP+MySQL（XMLファイル生成）+Google Maps API V3を練習する予定。 ◆Script記述 Read more »
スポンサードリンク
