移行することにしました。(2013.3.19作成)(※1)(2013.5.1追記)2013/5/1に2013/11/19まで半年間延期のアナウンス。地図に自動的に切り替わる。移行することを強く推奨しています。2013.11.19までは表示できましたが、11.20には全て表示できなくなりました。wrapperで「大部分のシンプルな地図は表示できる」はずですが、原因は不明です。表示されるようになりました。仕様差(V2は情報ウィンドウの位置固定で拡大、V3は地図中心固定で拡大)による情報ウィンドウの配置ずれや、マーカー数が多いとラッピングにより表示に時間が掛かるなどありますが。リフレッシュ)v3.14が正式リリースされ、旧ビジュアル(v3.13)で表示されていたマーカーや情報ウィンドウの影画像は、設定しても全て無視されるようになりました。取得する必要がありましたが、V3では不要になりました。スマートフォン向け機能の充実スマートフォンアプリには利用者の位置情報を使用するものがあり、位置検知センサー(GPSなど)を使用するかどうかを「sensor」パラメータで指定します。超える場合、超過分に対して課金が行われるというものですが、個人サイトでの使用であれば今まで通り無料で使用できると考えて差し支えないでしょう。これにあわせていくつかメソッドやプロパティも変更されている。マップの描画方法が簡略化された従来のようにプロパティを一つ一つ設定していく方法から、各種オプションを一括して設定する方法に変わった。マーカー/情報ウィンドウの描画方法も簡略化されたマップ描画と同様、各種オプションを一括して設定する方法に変わった。map.setCenter(中心座標)+map.setZoom(ズーム)メソッドが無くなったものGBrowserIsCompatible()(ブラウザがGoogleマップAPIを利用できるかを判定)GUnload()(終了時にメモリを開放)この2つはV3では使用しないので問題ない。代わりに、個々にマーカーを非表示(marker.setVisible(false))、情報ウィンドウをクローズ(infoWindow.close())などして同様の処理を実現する。XMLファイルを読み込み処理している)。複数の情報ウィンドウ表示V2では地図上に1つしか情報ウィンドウを表示できなかったが、V3からは複数の情報ウィンドウを表示できるようになった。マップコントロールV2で使用できたナビゲーションコントロールはサポート終了となり、ズームコントロールと移動コントロールに分割された。true」を指定するだけでストリートViewが使用できるようになった。(注)オブジェクトには、クラス(=オブジェクトの種類)とインスタンス(=クラスに属するオブジェクトの具体例)があり、メソッドは関数、プロパティはオブジェクト固有のデータを表します。V3のライブラリを組み込みます。パラメータ指定に変更となりました。続いて、ページロード時に実行するメソッド「addDomListener()」の中に、地図を表示するためのJavaScriptを追加します。div要素のID名を入れます。ズームレベル(0〜19)、地図の中心位置(緯度と経度)、マップタイプの3つは必須項目です。地図上のマーカーをクリックしたときに情報ウィンドウを表示するには、「地図の表示」の次に「マーカーの表示」と「マーカークリックで情報ウィンドウを開く」のJavaScriptを追加します。表示エリア(div要素)を追加します。div要素にはID属性を設定し、スタイルシートのwidthとheightで地図のサイズを指定します。以上をまとめると以下になります(地図は右図)。ソース内のコメント番号は上記手順の項目番号と対応しています。コントロール」はそれぞれ「非表示」「ボタン」「プルダウン」が自動選択されます。情報ウィンドウの最大幅の設定をしてないので、地図の横幅いっぱいまで広がっても表示しきれない時は、自動的に折り返しが行われ、それでもオーバーフローする場合は、縦自動スクロールで表示されます。複数のマーカーと情報ウィンドウの表示1つのマーカーに情報ウィンドウを表示する時は上記手順になりますが、複数のマーカーを作成しそれぞれに情報ウィンドウを表示する場合は、個々のマーカーの情報ウインドウが別々のインスタンスになる様に「(3-2)マーカークリックで情報ウィンドウを開く」をひとつの関数として独立させる必要があります。forループの最後の値となり、どのマーカーをクリックしても最後のマーカーにその情報ウインドウが表示されてしまいます。新ビジュアル(v3.14以降)で表示しています。「(3-2)マーカークリックで情報ウィンドウを開く」を独立させ関数として定義し、元の場所からこの関数を呼び出します。複数のマーカー情報を配列で定義しています。カッコ()を付けることでその関数を実行します。関数の中に定義した内部関数が外側の関数のローカル変数を参照できる特性を持ちます。「関数を定義しその関数を呼び出す方法」の「関数(3-2)マーカークリックで情報ウィンドウを開く」を削除し、「関数の呼び出し」を下のコードと入れ替えます。