googlemap API ルート検索日本対応！(GDirections)

2009年6月19日 googlaスタッフによるブログ「Google Japan Blog」　で、

「Google Maps API が日本国内のルート案内 (Driving Directions) に対応しました。」

と書かれていました。アメリカなどでは随分前からAPIに対応していたので、日本国内がいつ対応するのか待ち遠しかったです。

「Google Japan Blog」　にもコードとサンプル例があったのですが、この説明では少しわかりにくいです。「googlemap API ドキュメント」 に 「ルート」について詳しく書かれていましたので、こちらの説明を参考にするとすぐ導入できると思います。

例を表示 (directions-advanced.html)

googlemap API ドキュメントにサンプルがありました。このサンプルのコードを使ってルート検索コードをみていきたいと思います。

<script src=" http://maps.google.com/?file=api&amp;v=2.x&amp;key=●●●"
type="text/javascript"></script>

「v」はgooglemapAPIのバージョンを示しています。2009/06/25時点では、最新バージョン「v=2.x」で指定しないと「GDirections」は動きません。試しに「v=2」で動作確認しましたが、何も反応がありませんでした。ただし、「GDirections」を使用しないで「googlemapAPI」を使用する場合は、「v=2」を推奨しているようです。
※参考：API のアップデート

-----javascript-----
map = new GMap2(document.getElementById("map_canvas"));
gdir = new GDirections
     (map, document.getElementById("directions"));
-----javascript------

-----body----
<div id="directions" style="width: 275px"></div>

<div id="map_canvas" style="width: 310px; height: 400px"></div>
-----body----

new GDirections(マップオブジェクト、結果リストを表示する箇所のオブジェクト）

function setDirections(fromAddress, toAddress, locale) {
    gdir.load("from: " + fromAddress + " to: " + toAddress,
         { "locale": locale });
}

ルートをリクエストするには、GDirections.load() メソッドを使用します。
例）　gdir.load("from: セルリアンタワー　to: 東京タワー", { locale: "ja_JP" } );

にほんブログ村

【WEBサイト構築・プログラムブログ】 ランキング参加中！よろしければ「クリック」お願いします。

にほんブログ村

この投稿は 2009 年 6 月 25 日 木曜日 2:56 AM に 便利なライブラリ,API カテゴリーに公開されました。 この投稿へのコメントは RSS 2.0 フィードで購読することができます。 コメントを残すか、ご自分のサイトからトラックバックすることができます。