[Google Maps API v3] Re: Custom marker icons using DirectionsRenderer.setDirections()

[Masashi.K]

Hi Matt-

You can change the icons with DirectionsRenderer.

First set the value "DirectionsRendererOptions.suppressMarkers =
true", then pass to the DirectionsRenderer.
After that, get legs from DirectionsResult.
(DirectionsResult > routes > legs > start_location and end_location)

In use this example case:
http://code.google.com/apis/maps/documentation/javascript/examples/directions-complex.html

add the suppressMarkers property like this:
----------------------------------------
    var rendererOptions = {
      map: map,
      suppressMarkers : true
    }
    directionsDisplay = new
google.maps.DirectionsRenderer(rendererOptions);
----------------------------------------

and add the code at the showSteps function:
-----------------------------------------
 function showSteps(directionResult) {
  var myRoute = directionResult.routes[0].legs[0];
  for (var i = 0; i < myRoute.steps.length; i++) {
    :
  }

  //add the last point marker
  var marker = new google.maps.Marker({
    position: myRoute.steps[i - 1].end_point,
    map: map,
    icon: "http://xxxxx/icon.png";
  });
}
-----------------------------------------

I hope it can help you.


On 10月6日, 午後9:23, Matt <mdb...@googlemail.com> wrote:
> I'm using DirectionsRenderer.setDirections() to plot directions onto my map,
> and the default markers are A, B.
>
> Is there anyway to override these so I can have my own marker for A and
> another one for B.
>
> I notice the DirectionsRenderer has a setOptions but from what I can see,
> the options defined in there are used by all markers for that direction
> object?
>
> Any help would be awesome.
>
> Matt

-- 
You received this message because you are subscribed to the Google Groups 
"Google Maps JavaScript API v3" group.
To post to this group, send email to google-maps-js-api-v3@googlegroups.com.
To unsubscribe from this group, send email to 
google-maps-js-api-v3+unsubscr...@googlegroups.com.
For more options, visit this group at 
http://groups.google.com/group/google-maps-js-api-v3?hl=en.