title: How do you create a Marker with a custom icon for google maps API v3?
body: <p>I've been reading <a href="https://developers.google.com/maps/documentation/javascript/overlays" rel="noreferrer">https://developers.google.com/maps/documentation/javascript/overlays</a> for a while now and I can't seem to get a custom icon for my map working.</p>
  
  <p>Here is my javascript:</p>
  
  <pre><code>var simplerweb = new google.maps.LatLng(55.977046,-3.197118);
  var marker;
  var map;
  
  function initialize() {
      var myOpts = {
          center:    simplerweb,  
          zoom:      15,
          mapTypeId: google.maps.MapTypeId.ROADMAP
      };
      var map = new google.maps.Map(document.getElementById("map_canvas"), myOpts);
      marker = new google.maps.Marker({
          map:        map,
          draggable:  true,
          animation:  google.maps.Animation.DROP,
          position:   simplerweb
      });
      google.maps.event.addListener(marker, 'click', toggleBounce);
  }
  
  function toggleBounce() {
    if (marker.getAnimation() != null) {
      marker.setAnimation(null);
    } else {
      marker.setAnimation(google.maps.Animation.BOUNCE);
    }
  }
  </code></pre>
  
  <p>Any pointers for a complete beginner with gmaps?</p>