スポンサードリンク

Category Archives: ルート経路検索 Google Directions API

道路の走行距離合計を計算する地図の使い方

 

地図をクリックして赤いマーカを設置後、「ルート検索」ボタンを押してください。

Read more »

目的地アイコン(マーカー)をクリックして現在地からのルート検索結果のルートポリライン(Polylines)と距離を表示させる方法/ルート検索API(Direction API)

 ◆Google Maps API V3  目的地アイコン(マーカー)をクリックして現在地からのルート検索結果のルートポリライン(Polylines)と距離を表示

DirectionsRendererオプションの3つの使い方(マーカ削除ルートポリライン削除インフォウィンドウの非表示)を覚えたところで、目的の地図を作成していきます。

<地図構成>

地図に複数のアイコン(マーカー)を読み込ませておき、それぞれのマーカーをクリックしたら、模擬でセットした現在地アイコンからのルートと距離を表示させます。

1.不要な緑色のディレクションアイコンを消す。

2.現在地を模擬でセット

3.アイコンをクリックしたらルート検索を行う。

4.距離変数を取り出してインフォウィンドウに表示させる

ってなところでしょうか。

Read more »

Google Maps APIサービスが使用可能なサポートされる国・都市の一覧表

Google Maps APIサービスがサポートする国・都市は、現在218の地域に広がっています。

ただし、APIサービスの内容は、地域によりまちまち。 map tiles、geocoding(ジオコーデイング)、street view(ストリートビュー)、traffic(交通情報)、driving directions(ルート検索)、biking directions(自転車ルート検索)の対応状況は下記リンクの表から確認で

きます。 Read more »

ルート検索のドライブルートのポリライン(Polylines)を複数地図に表示させる/ルート検索API(Direction API)

◆Google Maps API V3 ルートのポリライン(Polylines)を複数地図に表示させる

ちょいと時間があったので、DirectionsRendererを個別関数それぞれにぶちこんでルート検索をさせてみた。

いくつものルートが表示できるので面白い。

試しに何本程度ポリラインが表示できるのか? 何本ルートを表示したらブラウザが重くなるのか?

・・・・・・・なんて興味だけで、サンプル作成中の都合のよいマップがあったので、東京のとある地点から全国に散ったマーカまでのルート検索を実行し、ポリラインをnullで消さずに追加していった。

Read more »

ルート検索結果の緑色ディレクションマーカー(Direction Marker)を地図から削除して消す方法/ルート検索API(Direction API)

◆Google Maps API V3  ルート検索の緑色マーカーを地図表示させない方法

ルート検索(Direction API)で表示される緑色のマーカー(アイコン)を表示させない方法があります。後述サンプルで、自分のアイコンと重なってしまうため、緑色のマーカーを消したかったのです。

削除する方法を探していたら、英語版Google Maps API v3リファレンスにちゃんとありました。

はぁ~。日本語版を見る気がなくなります。

英語版リファレンスのgoogle.maps.DirectionsRendererOptions object specificationに、suppressとあります。抑圧するとかいう意味で、緑色のマーカーを表示させないことが可能です。


Read more »

ルート検索結果のルートポリライン(Polylines)を地図から削除して消す方法/ルート検索API(Direction API)

◆Google Maps API V3  ルートポリライン(Polylines)を地図から削除して消す方法

前回、ルート検索(Direction API)で表示される緑色のマーカー(アイコン)を削除しましたが、今度はルート検索結果のルートポリライン(Polylines)を地図から削除してみます。

使い道があるのかはさておき、リファレンスのgoogle.maps.DirectionsRendererのOptions objectを参照方。


Read more »

ルート検索結果の緑色ディレクションマーカー(Direction Marker)のインフォウィンドウ(infowindow)を表示させない方法/ルート検索API(Direction API)

◆Google Maps API V3  ルート検索結果のマーカーをクリックしてもインフォウィンドウ(infowindow)が表示されない

DirectionsRendererオプションのマーカ削除ルートポリライン削除につづく最後のルート検索の削除は、緑色のマーカーをクリックしてもインフォウィンドウを開かないようにします。



Read more »

合計距離+区間距離をルートディスプレイとは別に地図の外に表示させる/ルート検索API(Direction API)

◆ Google Maps API v3 / 合計距離+区間距離をルートディスプレイとは別に地図の外に表示させるマップ

ルート検索地図の右側に表示されるルートディスプレイですが、中間地点が多いと、トータルでの距離がわかりません。

合計距離だけは表示しておきたいところ・・・・・

下記script朱書き部参考としてください。

以前のサンプルも参照ください。

Read more »

preserveViewport ルート全体を表示させずに地図を指定座標、ズームレベルで表示させる方法/ルート検索API(Direction API)

◆ Google Maps API v3 / preserveViewport ルート全体を表示させずに地図を指定座標、ズームレベルで表示させる方法

通常ルートを表示させるとルート全体が地図のビューポート(地図の表示範囲内)に表示されてしまい、指定した座標、ズームレベルでは表示されません。
ルート全体を表示させずに、希望の座標、ズームレベルで表示させたい場合は、new google.maps.DirectionsRendererのオプションとして、preserveViewport:trueを指定します。

Read more »

通過地点(stopover)の設定(マーカでない経由ポイントを設定)/ルート検索API(Direction API)

◆ Google Maps API v3 / 通過地点(stopover)の設定(マーカでない経由ポイントを設定)

Waypointにしたくない通過地点をルート上に経由ポイントととして指定する場合は、waypointにstopoverをfalseで指定します。

Read more »

1 / 212

スポンサードリンク