Javascript, Change google map marker color

google-maps, google-maps-markers, javascript

Solution

In Google Maps API v3 you can try changing marker icon. For example for green icon use:

marker.setIcon('http://maps.google.com/mapfiles/ms/icons/green-dot.png')

Or as part of marker init:

marker = new google.maps.Marker({
    icon: 'http://...'
});

Other colors:

- http://maps.google.com/mapfiles/ms/icons/blue-dot.png

- http://maps.google.com/mapfiles/ms/icons/red-dot.png

Etc.

Problem

May I know a way to change the Google Map marker color via Javascript.. I am new at this and any help would be much appreciated, Thank you. I used the following code to create a marker ``` marker = new google.maps.Marker({ position: new google.maps.LatLng(locations[i][1], locations[i][2]), animation: google.maps.Animation.DROP, map: map }); ```

Original source

Related problems