Googlemaps - Multiple Markers With Multiple Colors

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/m

Solution 1:

You may use something like :

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

and change your constructor to :

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

Solution 2:

In your for loop:

var position = new google.maps.LatLng(markers[i][1], markers[i][2]);
    bounds.extend(position);
    marker = new google.maps.Marker({
        position: position,
        map: map,
        title: markers[i][0]

You can add extra line there:

icon: 'brownMarker.png'

Solution 3:

Well, I love being on stackoverflow, when I can learn everyday something new with just some little help from others :)

// Multiple Markersvar markers = [
    ['Title', 51.113882,17.070474, 'http://youriconaddress'],
];

and then, in part:

// Loop through our array of markers & place each one on the map  for( i = 0; i < markers.length; i++ ) {
    var position = new google.maps.LatLng(markers[i][1], markers[i][2]);
    bounds.extend(position);
    marker = new google.maps.Marker({
        position: position,
        map: map,
        title: markers[i][0],
        icon: markers[i][3] // [3] tells JS to take third 'argument' from markers variable, from each one.
    });

That way you can add as many arguments as you want, having a really nice and simple tool to make nicer google maps!