V3のマップにルート案内 (Directions API) を実装しよう。
APIで提供される交通手段は車・徒歩・自転車で、電車や飛行機を使う経路や発着時間を指定しての検索は出来ない。
なのでロサンゼルスから東京に移動するルートなんかを検索すると「太平洋をカヤックで横断する」と出たりする。
遠方の検索は公式の地図検索を使えって事なんだと思う。
解説は抜粋なのでソース全文は記事末尾からダウンロード出来るZipのjsファイルを見てください。
気ままに綴る独学メモ帳
1つのマップに複数のマーカーを表示する。
地図を操作するコントロールを追加する。
追加できるコントロールは、拡大縮小、移動、地図タイプ、縮小地図、マウスホイール操作。
自作のマーカーも使える。変数を変えれば数種類のマーカーを使い分けることが出来る。
クリックで情報ウィンドウ表示。情報ウィンドウにHTMLを記述。
マーカーをクリックしたら情報ウィンドウを表示する。
ページ開いた瞬間にマーカーと情報ウィンドウを表示する。
マーカーなしで情報ウィンドウだけページ開いた瞬間に出す。