title: How can I customise the color, shape and size of a google map marker
body: <p>I want to have a circular marker that has a size and color that I can change dynamically in javascript. Has anyone done this before, or can point me towards the correct resources?</p>
  
  <p>So far, I've got: (according to this: <a href="https://developers.google.com/maps/documentation/javascript/overlays#Icons" rel="nofollow">https://developers.google.com/maps/documentation/javascript/overlays#Icons</a>)</p>
  
  <pre><code>//Map setup
      focusLocation = new google.maps.LatLng(51.5, -0.1);
      var mapOptions = {
          zoom: 12,
          mapTypeId: google.maps.MapTypeId.ROADMAP,
          center: focusLocation
      };
      map = new google.maps.Map(document.getElementById('map'),mapOptions);
  
          setMarkers(map);
  
  function setMarkers(map){
      marker = new google.maps.Marker({
          icon: {
            path: google.maps.SymbolPath.CIRCLE,
            scale: 10
          },
          map: map
      });
  });
  </code></pre>
  
  <p>But the icons are as normal.</p>