title: How to change icon on Google map marker
body: <p>I want to use my customize icon on Google map, and added icon url on the code. But it's still not reflecting on the map. Can anyone suggest, what i am missing here. Why icon is not changing, after adding the icon url "<a href="http://google-maps-icons.googlecode.com/files/sailboat-tourism.png">http://google-maps-icons.googlecode.com/files/sailboat-tourism.png</a>".</p>
  
  <pre><code>&lt;script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"&gt;&lt;/script&gt;
  
  &lt;script type="text/javascript"&gt;
  var markers = [
              {
              "title": 'This is title',
          "lat": '-37.801578',
              "lng": '145.060508',
          "icon": 'http://google-maps-icons.googlecode.com/files/sailboat-tourism.png',
              "description": 'Vikash Rathee. &lt;strong&gt; This is test Description&lt;/strong&gt; &lt;br/&gt;&lt;a href="http://www.pricingindia.in/pincode.aspx"&gt;Pin Code by 
  
  City&lt;/a&gt;'
  
          }
  ];
  &lt;/script&gt;
  &lt;script type="text/javascript"&gt;
      window.onload = function () {
          var mapOptions = {
              center: new google.maps.LatLng(markers[0].lat, markers[0].lng),
              zoom: 10,
          flat: true,
          styles: [ { "stylers": [ { "hue": "#4bd6bf" }, { "gamma": "1.58" } ] } ],
              mapTypeId: google.maps.MapTypeId.ROADMAP
          };
          var infoWindow = new google.maps.InfoWindow();
          var map = new google.maps.Map(document.getElementById("dvMap"), mapOptions);
          for (i = 0; i &lt; markers.length; i++) {
              var data = markers[i]
              var myLatlng = new google.maps.LatLng(data.lat, data.lng);
              var marker = new google.maps.Marker({
                  position: myLatlng,
                  map: map,
                  title: data.title
              });
              (function (marker, data) {
                  google.maps.event.addListener(marker, "click", function (e) {
                      infoWindow.setContent(data.description);
                      infoWindow.open(map, marker);
                  });
              })(marker, data);
          }
      }
  &lt;/script&gt;
  
  
  &lt;div id="dvMap" style="width: 100%; height: 100%"&gt;
  &lt;/div&gt;
  </code></pre>