この記事でご要求をいただいたので、記事を付けたし。
余計なソースを削除して、最低限のソースだけにしたサンプル地図
スポンサードリンク
Tag Archives: Google Directions API
目的地アイコン（マーカー）をクリックして、ルート検索結果と距離を表示させる方法の続き
Posted by 管理人 on 2011年10月1日
2 comments | 4,158 views
目的地アイコン（マーカー）をクリックして現在地からのルート検索結果のルートポリライン（Polylines）と距離を表示させる方法／ルート検索API（Direction API）
Posted by 管理人 on 2011年9月29日
5 comments | 11,792 views
◆Google Maps API V3 目的地アイコン（マーカー）をクリックして現在地からのルート検索結果のルートポリライン（Polylines）と距離を表示
DirectionsRendererオプションの3つの使い方（マーカ削除、ルートポリライン削除、インフォウィンドウの非表示）を覚えたところで、目的の地図を作成していきます。
＜地図構成＞
地図に複数のアイコン（マーカー）を読み込ませておき、それぞれのマーカーをクリックしたら、模擬でセットした現在地アイコンからのルートと距離を表示させます。
1.不要な緑色のディレクションアイコンを消す。
2.現在地を模擬でセット
3.アイコンをクリックしたらルート検索を行う。
4.距離変数を取り出してインフォウィンドウに表示させる
ってなところでしょうか。
ルート検索のドライブルートのポリライン（Polylines）を複数地図に表示させる／ルート検索API（Direction API）
Posted by 管理人 on 2011年2月24日
None comments | 7,222 views
ルート検索結果の緑色ディレクションマーカー（Direction Marker）のインフォウィンドウ(infowindow)を表示させない方法／ルート検索API（Direction API）
Posted by 管理人 on 2011年2月21日
1 comments | 1,285 views
◆Google Maps API V3 ルート検索結果のマーカーをクリックしてもインフォウィンドウ(infowindow)が表示されない
DirectionsRendererオプションのマーカ削除、ルートポリライン削除につづく最後のルート検索の削除は、緑色のマーカーをクリックしてもインフォウィンドウを開かないようにします。
合計距離+区間距離をルートディスプレイとは別に地図の外に表示させる／ルート検索API（Direction API）
Posted by 管理人 on 2011年2月2日
None comments | 3,813 views
- （ルート検索API その1） ルート経路検索の基本マップ
- （ルート検索API その2） Waypoint（中間地点、経由地点）の複数設定+ルートディスプレイ
- （ルート検索API その3） 通過地点（stopover）の設定（マーカでない経由ポイントを設定）
- （ルート検索API その4） preserveViewport／ルート全体を表示させずに地図の指定座標を表示させる方法
- （ルート検索API その5） 合計距離+区間距離をルートディスプレイとは別に地図の外に表示させる
◆ Google Maps API v3 / 合計距離+区間距離をルートディスプレイとは別に地図の外に表示させるマップ
ルート検索地図の右側に表示されるルートディスプレイですが、中間地点が多いと、トータルでの距離がわかりません。
合計距離だけは表示しておきたいところ・・・・・
下記script朱書き部参考としてください。
以前のサンプルも参照ください。
通過地点（stopover）の設定（マーカでない経由ポイントを設定）／ルート検索API（Direction API）
Posted by 管理人 on 2011年2月2日
None comments | 4,916 views
- （ルート検索API その1） ルート経路検索の基本マップ
- （ルート検索API その2） Waypoint（中間地点、経由地点）の複数設定+ルートディスプレイ
- （ルート検索API その3） 通過地点（stopover）の設定（マーカでない経由ポイントを設定）
- （ルート検索API その4） preserveViewport／ルート全体を表示させずに地図の指定座標を表示させる方法
- （ルート検索API その5） 合計距離+区間距離をルートディスプレイとは別に地図の外に表示させる
◆ Google Maps API v3 / 通過地点（stopover）の設定（マーカでない経由ポイントを設定）
Waypointにしたくない通過地点をルート上に経由ポイントととして指定する場合は、waypointにstopoverをfalseで指定します。
Waypoint（中間地点、経由地点）の複数設定+ルートディスプレイ／ルート検索API（Direction API）
Posted by 管理人 on 2011年2月2日
4 comments | 17,314 views
- （ルート検索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のインフォウィンドウに表示される名称をコピペして張り付ければ、ある程度の大型施設であれば対応してくれます。
スポンサードリンク
