スポンサードリンク

Tag Archives: MarkerClusterer V3

合計距離+区間距離をルートディスプレイとは別に地図の外に表示させる/ルート検索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 »

Waypoint(中間地点、経由地点)の複数設定+ルートディスプレイ/ルート検索API(Direction API)

◆ Google Maps API v3 / Waypoint(中間地点、経由地点)の複数設定+ルートディスプレイ

ルート検索の基本マップに、複数のwaypoint(経由地点)と+ルートディスプレイを追加していきます。

基本マップはスタート(origin)とゴール(destination)だけでしたが、これにWaypoint(中間地点)を下記の赤字のように追加します。

var request =
{
origin: “東京”,
destination: “大阪”,
waypoints:[
{
location: “静岡”
},
{
location: “名古屋”
}
],

ここで試しておきたいのが locationの指定の方法。基本的には、Google Mapのインフォウィンドウに表示される名称をコピペして張り付ければ、ある程度の大型施設であれば対応してくれます。

Read more »

ルート検索の基本マップ/ルート検索API(Direction API)

◆ Google Maps API v3 / ルート検索の基本マップ

ルート検索APIの基本マップです。スタート地点と終点を指定するだけで、地図右側にルートディスプレイはありません。


Read more »

トータルの合計距離+地図から行きたい場所を探して、出発、中継点、到着点を入力クリックしてドライブルート経路検索

◆Google Maps API V3 + Directions API (トータルの合計距離を表示させたい)

デモギャラリーサンプルをいじってみたが、何か足りん。

そう、地図右側に表示されるルート表示のサイドバーでは、トータルの距離がわからないのである。ぐっ不便。

しかしながら、デモギャラリーでなく、Google Maps Javascript API V3 Examplesのサンプルを見ていたらtotal distanceを表示したサンプルが・・・。

せっかくなので、MarkerClustererと組み合わせて、MarkerClustererで表示されたアイコン間をドライブした気分でルート検索した合計距離を表示させてみる。

Read more »

MarkerClusterer V3 クラスオプション gridSize指定/ Google Maps API v3

◆ MarkerClusterer V3 gridsizeオプション

MarkerClustererオプションの”gridSize”、MarkerClusterer V3のクラスリファレンスのページには記載が無いが、V2にはgridSizeのオプションある。V3は無効かと思ったが試したら機能するようだ。

Read more »

MarkerClusterer V3 /Google Maps API V3

 

◆ MarkerClusterer V3

◆ MarkerClusterer V3 記事

スポンサードリンク