◆Google Maps API V3 ルート検索の緑色マーカーを地図表示させない方法
ルート検索（Direction API）で表示される緑色のマーカー（アイコン）を表示させない方法があります。後述サンプルで、自分のアイコンと重なってしまうため、緑色のマーカーを消したかったのです。
削除する方法を探していたら、英語版Google Maps API v3リファレンスにちゃんとありました。
はぁ～。日本語版を見る気がなくなります。
英語版リファレンスのgoogle.maps.DirectionsRendererOptions object specificationに、suppressとあります。抑圧するとかいう意味で、緑色のマーカーを表示させないことが可能です。
リファレンスのgoogle.maps.DirectionsRenderer classを見ますと、setOptions(options:DirectionsRendererOptions)がありますので、これでオプション設定します。
これで緑色のアイコンが表示されなくなります。
下記サンプルを見て下さい。
次は、緑色のマーカーではなく、ルートポリライン（Polylines）を消す方法です（つづく）
◆Script
var rendererOptions =
{
draggable: true,
preserveViewport:false
};
var directionsDisplay = new google.maps.DirectionsRenderer(rendererOptions);
directionsDisplay.setOptions(
{
suppressMarkers: true
});
var directionsService = new google.maps.DirectionsService();
◆Google Maps JavaScript API V3 サンプル
◆参照先
◆Google Maps JavaScript API V3
var rendererOptions =
{
draggable: true,
preserveViewport:false
};
var directionsDisplay = new google.maps.DirectionsRenderer(rendererOptions);
directionsDisplay.setOptions(
{
suppressMarkers: true
});
var directionsService = new google.maps.DirectionsService();
関連記事一覧
ルート検索結果のルートポリライン（Polylines）を地図から削除して消す方法／ルート検索API（Direction API）
ルート検索結果の緑色ディレクションマーカー（Direction Marker）のインフォウィンドウ(infowindow)を表示させない方法／ルート検索API（Direction API）
目的地アイコン（マーカー）をクリックして現在地からのルート検索結果のルートポリライン（Polylines）と距離を表示させる方法／ルート検索API（Direction API）
ルート検索のドライブルートのポリライン（Polylines）を複数地図に表示させる／ルート検索API（Direction API）
目的地アイコン（マーカー）をクリックして、ルート検索結果と距離を表示させる方法の続き
Waypoint（中間地点、経由地点）の複数設定+ルートディスプレイ／ルート検索API（Direction API）
通過地点（stopover）の設定（マーカでない経由ポイントを設定）／ルート検索API（Direction API）
トータルの合計距離+地図から行きたい場所を探して、出発、中継点、到着点を入力クリックしてドライブルート経路検索
スポンサードリンク
1 Comments.