Rakuten

  • 楽天市場

天気予報

最近のトラックバック

  • event (夢茶爺&苦茶爺のPC奮戦備忘録)

カウンタ

Amazon

Powered by Six Apart

VC2

  • デル株式会社

« 「GoogleMap API V3」 の使い方その9(ルート検索) | メイン | 「GoogleMap API V3」 の使い方その11(さらにInfowindow) »

2011年6月 3日 (金)

「GoogleMap API V3」 の使い方その10(ルート検索2)

ルート検索の結果をルートレンダラで表示

「その9」の例では、ポリラインを使ってルート検索結果を描画しましたが、 ルートレンダラを使えばそんな面倒なことはしなくても簡単に描画することができます。

ルートとルートレンダラのインスタンスをマップの生成と共に、初期処理にて生成しておきます。 [検索]ボタンをクリックされた時に、ルートの route メソッドを利用してルートのリクエストを行います。 ルート検索の結果はroute メソッドで宣言された、コールバック関数に帰ってきます。 コールバック関数は results, status の引数を持ち、statusがOKでなければエラーが発生しています。
statusがOKの場合、ルートレンダラのsetDirectionsメソッドにresultsを渡すことで、ルートが描画されます。
results[0]のプロパティとしてoverview_pathがありますが、緯度・経度の配列として格納されています。



■関連記事
「GoogleMap API V3」 の使い方その1
「GoogleMap API V3」 の使い方その2
「GoogleMap API V3」 の使い方その3(マーカーの表示)
「GoogleMap API V3」 の使い方その4(イベント)
「GoogleMap API V3」 の使い方その5(続イベント)
「GoogleMap API V3」 の使い方その6(続々イベント)
「GoogleMap API V3」 の使い方その7(ポリライン・ポリゴン)
「GoogleMap API V3」 の使い方その8(ジオコーディング)
「GoogleMap API V3」 の使い方その9(ルート検索)
「GoogleMap API V3」 の使い方その11(さらにInfowindow)

トラックバック

このページのトラックバックURL:
http://app.mitelog.jp/t/trackback/459161/26575906

「GoogleMap API V3」 の使い方その10(ルート検索2)を参照しているブログ:

コメント

これすごい便利ですね。
出発地を入力するタイプは他になかったのですごい助かりました。
ちなみに到着地点はドロップダウンメニューにしました。

コメントを投稿