title: making a custom marker using google map api v3
body: <p>I am using google map API V3. i want to use a custom marker instead of that red marker. Earlier the code was</p>
  
  <pre><code>   var myOptions = {
          zoom: 8,
          center: latlng,
          mapTypeId: google.maps.MapTypeId.ROADMAP
      };
      // display map
      map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
  
      if(display_marker) {
          // create a map marker
          var marker = new google.maps.Marker({
              map: map,
              position: latlng
          });
      }
  </code></pre>
  
  <p>but for the custom marker, i changed the code to </p>
  
  <pre><code>var myOptions = {
          zoom: 8,
          center: latlng,
          mapTypeId: google.maps.MapTypeId.ROADMAP
      };
      // display map
      map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
  
  
          // create a map marker
          var image = 'imgs/pin.png';
          var marker = new google.maps.Marker({
              map: map,
              position: latlng,
              icon: image
          });
  </code></pre>
  
  <p>but yet this is not working.</p>