0

Google マップの方向サービスを使用して、地図上にバス ルートを表示しています。多くのルートが重複しているため、チェックボックスをクリックするだけで表示と非表示を切り替えられるようにしたいと考えています。

そのようにオン/オフできるかどうかは本当にわかりません。

function fiveCLine(source,destination,waypoints){
        // show route between the points
        directionsService = new google.maps.DirectionsService();
        directionsDisplay = new google.maps.DirectionsRenderer(
        {
            suppressMarkers: false,
            suppressInfoWindows: true,
            polylineOptions: { strokeColor: '#0093f0', strokeOpacity: 1 },
            preserveViewport: true,
            markerOptions : {icon: 'bus5c.png'}
        });
        directionsDisplay.setMap(map);
        var request = {
            origin:source, 
            destination:destination,
            waypoints:waypoints,
            travelMode: google.maps.DirectionsTravelMode.DRIVING
        };
        directionsService.route(request, function(response, status) 
        {
            if (status == google.maps.DirectionsStatus.OK) 
            {
                directionsDisplay.setDirections(response);

            }
        });
}
4

1 に答える 1

0

これは、クラスsetMap()のメソッドを使用して実行できます。google.maps.DirectionsRendererGoogle ドキュメントから:このメソッドは、ルート案内がレンダリングされる地図を指定します。nullマップからルート案内を削除するために渡します。

たとえば、ボタンを使用してパスを切り替えました。

function initialize() {
  directionsDisplay = new google.maps.DirectionsRenderer();
  ...
  directionsDisplay.setMap(map);
  ...

  var hideShowBtn = document.getElementById('togglePath');
  google.maps.event.addDomListener(hideShowBtn, 'click', hideShowPath);
}

function hideShowPath() {
    if (directionsDisplay.getMap()) {
        directionsDisplay.setMap(null);
    } else {
        directionsDisplay.setMap(map);
    }
}
于 2014-01-08T10:03:58.717 に答える