Domanda

Basically I want to turn off the feature that centers the map on each turn when you click on Directions Panel step.

Is there a way to disable that feature?

PS: i tried:

suppressMarkers: true,
suppressInfoWindows: true,

but those only take out the markers and infowindows - it still centers the map on the turn point when its clicked.

È stato utile?

Soluzione 2

So this is what I ended up doing:

function getDirections()
{   
    var request = 
    {
        origin: start,
        destination: end,
        travelMode: google.maps.TravelMode.DRIVING
    };

    var summaryPanel = document.getElementById('directions_steps');

    directionsService.route(request, function(response, status) 
    {
        if (status == google.maps.DirectionsStatus.OK) 
        {

            directionsDisplay.setMap(map);
            directionsDisplay.setDirections(response);      

            var legs = response.routes[0].legs; 

            for (var leg = 0; leg < legs.length; leg++) {
                for (var step = 0; step < legs[leg].steps.length;
                step++) {
                    if (legs[leg].steps[step].lat_lngs) {                       
                        summaryPanel.innerHTML += legs[leg].steps[step].instructions+"<br/><br/>";                                                      
                    }
                }
            }

        }
    });
}

Altri suggerimenti

You can render the DirectionsPanel yourself (rather than using the DirectionsRenderer). That gives you complete control.

Example

Completely late, but for future references what worked for me was commenting these lines:

var directionsRenderer = new google.maps.DirectionsRenderer({
            draggable: true,
            map: map//,
            //panel: document.getElementById('right-panel') step directions instructions here
        });
Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top