How to change default markers in google map api3 direction service?

Question

I want to change the default marker icons A, B and waypoint icons (reference image attached below).

Also this markers can be draggable. If i drag those markers, it should placed on the road except sea, rivers etc. I tried so many ways in last week. I didn't find any solution last one week.

[example](http://www.geocodezip.com/v3_GoogleEx_directions-waypointsE.html) — geocodezip, Jul 22 '17 at 14:50
@geocodezip, in your example the waypoint icon is not postioned properly if i drag the marker. — Sathya, Jul 22 '17 at 15:10

Pierre Granger · Answer 1 · 2017-07-22T14:10:10.703

You can remove the marker with this :

directionsDisplay.setOptions( { suppressMarkers: true } );

As you have the direction param "destination" you know where you're going, so you're then totally fine to add another one by yourself :

var latlngDestination = new google.maps.LatLng(???,???) ;
var markerDestination = new google.maps.Marker({
            map: map,
            position: latlngDestination,
            draggable: true,
            icon: 'http://www.google.com/mapfiles/markerA.png'
    });

    directionsService.route({
        origin: ???,
        destination: latlngDestination ,
        travelMode: 'DRIVING'
    }

For the snapping part you have the same question and solution here : Snap to nearest street

How to change default markers in google map api3 direction service?

1 Answers1