- (ルート検索API その1) ルート経路検索の基本マップ
- (ルート検索API その2) Waypoint(中間地点、経由地点)の複数設定+ルートディスプレイ
- (ルート検索API その3) 通過地点(stopover)の設定(マーカでない経由ポイントを設定)
- (ルート検索API その4) preserveViewport/ルート全体を表示させずに地図の指定座標を表示させる方法
- (ルート検索API その5) 合計距離+区間距離をルートディスプレイとは別に地図の外に表示させる
◆ Google Maps API v3 / Waypoint(中間地点、経由地点)の複数設定+ルートディスプレイ
ルート検索の基本マップに、複数のwaypoint(経由地点)と+ルートディスプレイを追加していきます。
基本マップはスタート(origin)とゴール(destination)だけでしたが、これにWaypoint(中間地点)を下記の赤字のように追加します。
var request ={origin: “東京”,destination: “大阪”,waypoints:[{location: “静岡”},{location: “名古屋”}],
ここで試しておきたいのが locationの指定の方法。基本的には、Google Mapのインフォウィンドウに表示される名称をコピペして張り付ければ、ある程度の大型施設であれば対応してくれます。
しかし、貼り付けてルートが表示されない場合もありました。マイナーなもの、レストラン名等はダメでした。
その場合は、住所か座標入力を入れるしか無いようです。
下記はOKです。ルートを表示してくれました。
location: “静岡”
location: “35.98162, 138.50155“
location: “ほったらかし温泉”
location: “しながわ水族館”
location: “〒346-0003 埼玉県久喜市中央4-1-2 (無国籍料理 燦だらぼち)”
◆ Google Maps API v3 Waypoint(経由地)の複数設定+ルートディスプレイのサンプルデモ
◆Google Maps JavaScript API V3
関連記事一覧
スポンサードリンク
こんにちは、
Waypoint(中間地点、経由地点)の複数設定に関しては、かなり困りました。記事を拝見し、参考させていただきました。
まことにありがとうございます。
こんにちわ。
参考に地名を入れてサンプルを作りましたが9箇所目からうまく出てくれません。
8箇所目までは区間の距離もちゃんと表示されますが。
何が原因でしょう?
https://developers.google.com/maps/documentation/directions/?hl=ja
の使用制限というところに
Google Directions API 使用時のクエリ制限として、1 日あたりのルート リクエストが 2,500 回に制限されています。個別のルート リクエストに含めることのできる中間ウェイポイントの数は 8 か所までです。
という制限がありました。
Google Maps Premier を使えば23箇所らしいのですがこのページからのLINKがきれていましたが下記がどうもそれに当たるようです。
https://developers.google.com/maps/documentation/business/guide?hl=ja
お騒がせいたしました。
@peco様
丁寧なコメントありがとうございました。