Mapやストリートビュー(streetview)を表示させる方法。Mapやストリートビュー(streetview)を表示させようとしてスムースに行かなかったのでメモ。Mapやストリートビュー(streetview)を表示させるための方法ですが、ポイントは次の通り。様々なやりかたがあると思いますが参考までに。/ズームレベルに連動しマーカー収得用の半径指定(km)を自動変更させる。以前に、データベースから地図の中心より半径(km)を指定した距離範囲のマーカー(アイコン)を表示するサンプルデモを作成してみた。これらは、ズームレベルの変更(zoom_changedイベント)があってもデータベースからは、マーカーを読み込ませないものにした、iPhone(アイフォン)やスマートフォン用の地図の場合、何度もMySQLと通信させるのは、スムースでないためだ。PC用地図の場合、地図に表示されている範囲に合わせて、マーカーを表示させるようにした方が使用感が良いことに気がついた(・・・というかいちいち半径なんか指定するのは面倒)。Mnagement、これは地図に表示されている範囲のマーカーだけを表示すテクニック、getBoundsで地図境界を取り出してデータベースから境界無いのマーカだけをひっぱってくるのだが、ここで地図レベル広域にしたら全部の数千個のマーカーが表示されてしまうではないか・・・・・・というかブラウザが固まるな。広域になったらマーカーを表示させないか、またはMarkerclustererを使ったクラスタリング処理に切り替えるか・・・・・。今回は、そこまで試す時間的余裕もないので、それなら、ズームレベルに併せて半径距離を自動で変更させてみることにしてみよう。Locatorを試してみる。(その2)マップオブジェクトの状態変化イベント及びマウスイベントを試す。/データベースから地図の中心より半径(km)を指定した距離範囲のマーカー(アイコン)を表示する(1)マーカーを読み出すイベント無事に地図を動かす度にマーカーを読み出すことに成功しましたが、データベースからマーカーを読み出すのにベストな地図の状態変化イベントは、dragendと決め付けました。dragendの場合、少し問題があって、地図が最初に表示されたときにマーカーを読み込めません。地図が表示された時にイベントが発生しないことが判ります。地図をドラッグして初めてイベントが発生します(デモ)。idleイベントは、地図を読み込んだ直後でもイベントが発生しますので、これなら地図表示と同時にマーカーを表示できますが、その後、ズームでもイベントが発生してしまいますので、少しマーカーの読み込むが頻繁すぎる感じがあります。iPhone(アイフォン)用に転用しようと考えていますので、出来るだけデータベースとの通信間隔を少なくしたいものです。eventsを使います。Locatorを試してみる。(その2)マップオブジェクトの状態変化イベント及びマウスイベントを試す。ハンドラでデータベースから都度マーカーを読み込む。地図が動いたらというイベントをマーカーの検索functionへ渡してデータベースから読み込むのですが、その前に、データベースから引っ張ってくる変数を追加。最後に、地図に何らかの状態変化イベントが発生したら、地図の中心から入力したkmの範囲のマーカー(アイコン)を再表示させることにします。イベント」に書いてあります。Locatorを試してみる。(その2)マップオブジェクトの状態変化イベント及びマウスイベントを試す。Locatorを試してみる。先生のデモをいじって理解を深めたいと思います。自分のデータベースを使うので、マーカー座標のある日本に初期座標を変更。データベースは、次のように変数が登録されております。viewsとりあえずMySQLからデータを引っぱって表示させてみた。Googelコードを試す。このページ、以前はV2だったが、V3用に変わっていた。下記サンプル地図の表示マーカー数は、172マーカー。iPhone(アイフォン)でサンプル地図をWi-Fiでなく3G回線で読み込んでみたが、まあ動くでないの。V3のスマートフォン対応恐るべし。google.maps.Mar...iPhone(アイフォン)のicloud。カメラの使い方がとっても便利に。chromeを使用して下さい。I.E7、8では見れません。viewsiPhone(アイフォン)のicloud。当サイトのご情報利用につきましては、ご自身の判断によりご使用下さい。各ページへのリンクはご自由にどうぞ。その他クレーム・苦情・要望等は、各記事のコメントからお願いします。要望等の対応には時間をいただきくことを了解の上、コメントしてください。当方回答可能なものであればコメントバックさせて頂きます。