スポンサードリンク
Google Maps API ｖ3で気がついたのがインフォウィンドウの開き方。一度クリックファンクションであるマーカーのインフォウィンドウを開くと、次のアイコンをクリックしてもそのまま残ってしまう。
XMLファイルを読み込んで表示する練習をしていた時は、気づかなかった。何故かって、インフォウィンドウが常に一つだから。
しかし、アイコンの種類を変更するサンプルを作成時、次のアイコンをクリックしても前のインフォウィンドウが消えないことに気が付きました。
え～。V3では、わざわざcloseコマンドを使わなければ、インフォウィンフドウを閉じることが出来ないようだ。
良くわからんので、Googleのサンプルを探してたらありました。
お遊びで、このマップ（V2）で700マーカー以上のたくさんのマーカー（アイコン）を表示させているXMLファイル（MySQL+PHPで生成）をGoogle Maps API V3で読み込んで表示させてみた。 驚いた。大量のマーカにもかかわらず、まず本当に数秒で地図上にマーカー（アイコン）が表示される。 IE7のように遅いブラウザの場合、まず地図に表示されるまでに数十秒かかるのだが、ほんの数秒でOK。 Read more »
Google Maps API v3で地図を表示させたので、こんどはやはりマーカーとインフォウィンドウ（情報ウィンドウ）を表示させてみる。マーカとインフォウィンドウは最低限使います。
先生は、googleコードのインフォウィンドウの箇所。オーストラリアの中央にマーカーを表示し、マーカーをクリックすると情報ウィンドウが表示されるもの。
うーむ。気になったのは、インフォウィンドウの大きさ。
設定は、情報ウィンドウのサイズは自動調整だが、設定出来るようだ。なお、インフォウィンドウの縦・横スクロールを無効にするには、どうしたらいい？
Google Maps v3 用の多数マーカー表示用のFluster2なるものを見つけた。
最近マーカーをクラスタ化？するのが流行っているのか。数万ものマーカーとなれば、サーバ側のデータベースからマーカー情報を逐次マップ移動にあわせて読み込むことになるだろうが、なんかスムースではないですよね。地図を移動・拡大縮小するたびにパソコンのハードディズクがシャッシャと動くので・・・
かといって、個人ユースでも数千の多くのマーカーを表示させたいが、数百マーカーが限界・・・・・ブラウザGoogle Chromeならまだしも、IEが世の主流では、マーカー表示の遅さにうんざりとなるだろう。
もう1年経てばずいぶんとGoogle Maps v3もいろいろコードが増えるのでそれまで保留。
◆Google Maps v3用クラスタリング
マーカー（アイコン）を表示させるのであれば、複数のマーカーを表示させたい。
ｖ2でPHP+MySQLが使えないときに、XMLファイルから読み込んだ手を試してみる。
参照ページ；Google グルーディスカッションのサンプルより
ともかくGoogle Maps API v3でともかく地図を表示させてみよう。 Google Map JavaScript API V3 チュートリアルにあるGoogle マップ V3 の「Hello, Woｒld」を表示させてみることに。
うーん。APIキーが無いのがいいですね。 あと目立つのは、コントローラ近くのストリートビューのアイコン。 スマートフォン、iPhone（アイフォン）用の位置情報取得用にセンサーの使用有無を示すための sensor パラメータの設定が出来るようになっています。 それでは、初期表示の座標を東京あたりに変更して・・・・。
まずあとで、ブログ等で使うことを考えて、bodyイベントのinitialize();は、scriptの中へ。jsファイルは共通で使いたいので、個別に指定する地図タイプ、初期表示座標、ズームは、別のscriptに分けておく。マップタイプは、4つのタイプから選択。
地図を表示させることが出来たら、こんどはマーカー（アイコン）を表示させてみましょう。
var markerでアイコンを表示させます（朱書き部）。座標（経度、緯度）は東京タワー、座標収得はコチラ。
◆記述
1）Head文
スポンサードリンク
