Google Maps API ルート案内API

すごく個人的に待望だったのですが、Google Maps API にルート案内APIが追加されました。

例えば川口から銀座へのルートを表示したい場合には以下のように記述します。

function load() {
	map = new GMap2(document.getElementById("map"));
	directions = new GDirections(map);
	var points = new Array();
	points.push(new GLatLng(35.79866644,139.72077689));//川口の経度緯度
	points.push(new GLatLng(35.66888889,139.76777778));//銀座の経度緯度
	directions.loadFromWaypoints(points);
}

サンプル

GDirectionsで新たにルート案内用のオブジェクトを作成してloadFromWaypointsに目的地の経度緯度が格納された配列を与えることにより、案内を描画することが可能です。

配列には経度緯度ではなく住所を格納することも可能です。

function load() {
	map = new GMap2(document.getElementById("map"));
	directions = new GDirections(map);
	var points = new Array();
	points.push("埼玉県川口市川口");
	points.push("東京都中央区銀座");
	directions.loadFromWaypoints(points);
}

サンプル

loadFromWaypointsではなくloadを利用すればもう少し簡潔に記述することも出来ます。

function load() {
	map = new GMap2(document.getElementById("map"));
	directions = new GDirections(map);
	directions.load("from: 埼玉県川口市川口 to: 東京都中央区銀座");
}

サンプル

現状では車を利用するか徒歩を利用するかしか選択できないようです。電車もほしいです。

参考

ルート案内 API が日本でも使えるようになりました
Google Maps API リファレンス - GDirections

関連エントリー

Google Map API にStreet View Objectsが追加
Google Map を使いこなす
Webサイトに地図が載せられる『Yahoo!地図情報API』
経度緯度 検索作りました。
Google Sitemapを使いこなす

スポンサードリンク

«Web Designing (ウェブデザイニング) 2009年 07月号で執筆しました。 | メイン | 7月のセミナー案内»