◆Google Maps API V3 　目的地アイコン（マーカー）をクリックして現在地からのルート検索結果のルートポリライン（Polylines）と距離を表示

DirectionsRendererオプションの3つの使い方（マーカ削除、ルートポリライン削除、インフォウィンドウの非表示）を覚えたところで、目的の地図を作成していきます。

＜地図構成＞

地図に複数のアイコン（マーカー）を読み込ませておき、それぞれのマーカーをクリックしたら、模擬でセットした現在地アイコンからのルートと距離を表示させます。

1.不要な緑色のディレクションアイコンを消す。

2.現在地を模擬でセット

3.アイコンをクリックしたらルート検索を行う。

4.距離変数を取り出してインフォウィンドウに表示させる

ってなところでしょうか。

Read more »

◆Google Maps API V3 ルートのポリライン（Polylines）を複数地図に表示させる

ちょいと時間があったので、DirectionsRendererを個別関数それぞれにぶちこんでルート検索をさせてみた。

いくつものルートが表示できるので面白い。

試しに何本程度ポリラインが表示できるのか？　何本ルートを表示したらブラウザが重くなるのか？

・・・・・・・なんて興味だけで、サンプル作成中の都合のよいマップがあったので、東京のとある地点から全国に散ったマーカまでのルート検索を実行し、ポリラインをnullで消さずに追加していった。

Read more »