javascript - GoogleMaps - multiple markers with multiple colors

Question

I'm trying to make a nice google map with some markers on it. I've found some really convinient solution in the web, which covers almost my every need :D I'd like to colorize pin/markers on the map.

Well, tried to make a working jsfiddle, but unfortunately, something went wrong :( so you wouldn't see the map, but there are all codes :) http://jsfiddle.net/hf37ftra/9/

// Multiple Markers
var markers = [
    ['Marker_name', 51.113882,17.070474],
];

this part is responsible for showing multiple markers, can I somehow define here the color of the marker (I know it is possible, because I've found tutorials to change ALL the markers colors, but I'd like to make let's say 4-5 different coloured markers)?

Later in the code is part for custom info box for every marker, so maybe it could be done that way :) thanks!

Answer 1

You may use something like :

    var markers = [
      ['Starter', 51.113882,17.070474,'icon1.png'],
    ];

and change your constructor to :

     [...]
     marker = new google.maps.Marker({
        position: position,
        map: map,
        title: markers[i][0],
        icon: markers[i][3]
    });