Access to google maps api directions markers

Question

I need to add listeners for directions markers, but haven't any access. How can I get access to direction markers like simple markers? Sorry for my terrible English, I hope you can understand me.

UPD: I create a new route:

var request = {
    origin: someorigin,
    destination: somedestination,
    travelMode: google.maps.DirectionsTravelMode.DRIVING
};

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

And now I want to get access to the origin and destination markers.

so you want to create a origin and a destination markers basd on the direction? — KJYe.Name, Apr 02 '11 at 12:22
no, i want to work with green "A" and "B" (origin and destination) markers like with a simple red markers: delete them or add listeners. — Ardentum, Apr 02 '11 at 12:26
so you are not able to access someorigin and somedestination markers after directionsService? — KJYe.Name, Apr 02 '11 at 12:27
But someorigin and somedestination - is a LatLng objects, not a markers. — Ardentum, Apr 02 '11 at 12:29
No. I know how to create a marker. But i don't know how can i work with special direction markers. — Ardentum, Apr 02 '11 at 12:38
they are the same thing. just `addListener(marker, 'click' function())` and create a marker on someorigin and somedestination — KJYe.Name, Apr 02 '11 at 12:41
Unfortunately, it did not solve my problem. I need to work exactly with a direction green markers, not my own. — Ardentum, Apr 02 '11 at 13:06

score 1 · Accepted Answer · edited Mar 17 '16 at 22:58

1

You can't access markers added to the map via the google.maps.DirectionsRenderer class. You can however use the suppressMarkers option, render the polyline route and then add your own start and destination markers with your own events.

Hope this helps.

edited Mar 17 '16 at 22:58

Jacob

188
1
4
13

answered Apr 02 '11 at 17:10

herostwist

3,778
1
26
34

1

Thank you. I thoght about it, but this solution have some limitations in case when i want to drag the marker. In this situation i must use setinterval() and render the route again. – Ardentum Apr 02 '11 at 21:25

score 0 · Answer 2 · answered Oct 15 '12 at 15:33

Just use css:

Sometimes simplicity is key.

The A line is a table:

<table id="adp-placemark" class="adp-placemark" jstcache="0">

and B line is:

<table class="adp-placemark" jstcache="0">

So the following css will change the markers:

#adp-placemark img, .adp-placemark img {
   display:none;
}
#adp-placemark {
   font-weight: bold;
   padding: 10px 10px 10px 30px;
   background: white url(../images/map_icons/number_1.png) no-repeat left center;
}
.adp-placemark {
   font-weight: bold;
   padding: 10px 10px 10px 30px;
   background: white url(../images/map_icons/number_2.png) no-repeat left center;
}

score -1 · Answer 3 · answered Jun 24 '13 at 03:25

Provided you are using API V3: You can find the markers inside the directionsDisplay object.

they are:

directionsDisplay.b.d[0]
directionsDisplay.b.d[1]

Accordingly, you can make changes to them, such as take them off the map:

directionsDisplay.b.d[0].setMap(null);
directionsDisplay.b.d[1].setMap(null);

Hope this helps.

Access to google maps api directions markers

3 Answers3