JavaScriptでGoogleMapAPIを使って、経路検索の結果を地図上に表示してみる

はじめに

リアルタイムGTFSを使ったアプリケーションの作成の中で、使ったコードを
まとめています。

また今回の経路検索の表示が「GTFS」を何が関係があるかというと

各バス運行事業さんが「GTFS」のデータをGoogleさんに提供していることで
実現しています。
（GoogleMapでバスを使った経路検索ができることが前提ということです）

やること

２点間のルート検索をGoogleさんにしてもらい、それをGoogle map上に
ただ表示するだけです。

経路を案内するや、ユーザー指定で検索をするは次の課題としています。

さっそく

GTFSアプリでは、宇野バスさんのオープンデータを使っているので
２点間の経路検索は「岡山駅」→「岡山市役所」です。

GoogleMapの描画などはできている前提で書いています。

sample.js

var directionsService = new google.maps.DirectionsService;
var directionsRenderer = new google.maps.DirectionsRenderer;

directionsService.route({
    origin: new google.maps.LatLng(34.666608, 133.918170), //岡山駅
    destination: new google.maps.LatLng(34.655539, 133.919745), //岡山市役所　　緯度経度でなくても名称でも検索可
    travelMode: google.maps.TravelMode.TRANSIT
}, function(response, status) {
    console.log(response);
    if (status === google.maps.DirectionsStatus.OK) {
        // ルート検索の結果を地図上に描画
        directionsRenderer.setMap(map);
        directionsRenderer.setDirections(response);
    }
  });

コメントでも書いてありますが、スタート（origin）とゴール（destination）は
「岡山駅」「岡山市役所」でも検索できます。
Googleさん素晴らしい。

また、
travelMode: google.maps.TravelMode.TRANSITの「TRANSIT」は
DRIVING,TRANSIT,WALKING,BICYCLINGに変更して検索もできます。

最後に

私自身の検索力や理解力によって、
力技の部分も多分にあり、さらにコードが汚いなどがあると思います。

訂正をかけていきますので、アドバイスもお願いします。