- （ルート検索API その1） ルート経路検索の基本マップ
- （ルート検索API その2） Waypoint（中間地点、経由地点）の複数設定+ルートディスプレイ
- （ルート検索API その3） 通過地点（stopover）の設定（マーカでない経由ポイントを設定）
- （ルート検索API その4） preserveViewport／ルート全体を表示させずに地図の指定座標を表示させる方法
- （ルート検索API その5） 合計距離+区間距離をルートディスプレイとは別に地図の外に表示させる
スポンサードリンク
Tag Archives: ルート（経路）検索
ルート検索の基本マップ／ルート検索API（Direction API）
Posted by 管理人 on 2011年2月2日
None comments | 11,982 views
トータルの合計距離+地図から行きたい場所を探して、出発、中継点、到着点を入力クリックしてドライブルート経路検索
Posted by 管理人 on 2010年12月5日
None comments | 3,376 views
◆Google Maps API V3 + Directions API （トータルの合計距離を表示させたい）
デモギャラリーサンプルをいじってみたが、何か足りん。
そう、地図右側に表示されるルート表示のサイドバーでは、トータルの距離がわからないのである。ぐっ不便。
しかしながら、デモギャラリーでなく、Google Maps Javascript API V3 Examplesのサンプルを見ていたらtotal distanceを表示したサンプルが・・・。
せっかくなので、MarkerClustererと組み合わせて、MarkerClustererで表示されたアイコン間をドライブした気分でルート検索した合計距離を表示させてみる。
マップ（地図）をクリックしてルート経路検索／Google Maps Directions API V3
Posted by 管理人 on 2010年12月5日
None comments | 6,461 views
◆Google Maps API V3 + Directions API （マップ（地図）をクリックしてルート経路検索）
v2と何が違うかは、さておきGoogle Maps JavaScript API V3 デモ ギャラリーから自分のｻｲﾄで使えそうなサンプルを試してみる。
コレがのちのちiPhone（アイフォン）用でも使えそう。
このデモギャラリーサンプル、機能が足りないところがあるので追加。
- Get directions！で表示せた緑色のマーカー（アイコン）も移動できないので、同様に「draggable: true」を追加。
- 日本で対応していない var mode の “case “bicycling”: mode = google.maps.DirectionsTravelMode.DRIVING;break;”をscriptから削除。
- HTMLの<option value=”bicycling”>は削除
- HTMLの input タグで、highway tolls のcheckedはデフォルトに不要なので削除
- <input type=”checkbox” id=”highways” checked=”checked” />・・・・・一般道優先（チェックすると高速を使わない）
- <input type=”checkbox” id=”tolls” checked=”checked”/>・・・・・チェックすると有料道路を使わない（※試してみたら有料の橋やバイパス道路を避けた。highwaysとは別）
- 英語コメントを日本語に書き換えて終わり。
スポンサードリンク
