スタート地点、ゴール地点、移動手段を指定すると、GoogleMapsAPIの地図上へルート表示できます。 GoogleMapsはデフォルトで最短ルートの道筋をマーキングしてくれるので、 クライアントワークで最寄り駅から目的地までのルートをGoogleMapsで設置するとき、かなり細い路地や、飲み屋街の真ん中を突っ切る表示になってしまうことがあります。 そんなとき応用が効くよう、経由ポイントを設定して道順をカスタマイズする方法もあわせてご紹介します。 まず、地図を表示します。富士山です。 ソースは、前の記事YoutubeやGoogleMapsをリキッド表示にするCSSやGoogleMapsAPIで地図を表示、GoogleMapsAPIでピンを表示を参考に。 <div id="map" class="map"> <div></div> </div> .map { position: relat
![GoogleMapsAPIでルート検索のよう道筋を表示 – webdev](https://cdn-ak-scissors.b.st-hatena.com/image/square/0bee9a5404b7d3a725f2613b3e19a525c9ff2b62/height=288;version=1;width=512/http%3A%2F%2Fwebdev.jp.net%2Fwp-content%2Fuploads%2F2015%2F10%2Fgoogle-maps-api-root.png)