title: anchor in Marker with SVG path screws up the image
body: <p>I have a problem with the following code.<br>
  As you can see it draws a "T" on water which is fine and exactly what I want in this example.<br>
  The problem now is that I want to set the anchor.<br>
  If you comment-in the anchor line in the marker, you will see that the T is totally screwed up. instead of just shifted a little bit so that the foot of the T is the anchor.<br>
  Is this a bug, then I hope it gets fixed.<br>
  Is there a workaround how I do get this to work correctly besides recalculating all the path coordinates if that works at all?</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
    &lt;head&gt;
      &lt;link href="https://google-developers.appspot.com/maps/documentation/javascript/examples/default.css" rel="stylesheet"&gt;
      &lt;script src="https://maps.googleapis.com/maps/api/js?sensor=false"&gt;&lt;/script&gt;
      &lt;script&gt;
        function initialize() {
          var mapOptions = {
            zoom: 8,
            center: new google.maps.LatLng(40, -150),
            mapTypeId: google.maps.MapTypeId.ROADMAP
          };
  
          var map = new google.maps.Map(document.getElementById('map_canvas'), mapOptions);
  
          new google.maps.Marker({
            icon: {
                //anchor: new google.maps.Point(8.1328125, 17),
                path: 'm 7.1855469,17 0,-12.6269531 -4.7167969,0 0,-1.6894531 11.347656,0 0,1.6894531 -4.7363279,0 0,12.6269531 z'
            },
            position: new google.maps.LatLng(40, -150),
            map: map
          });
        }
      &lt;/script&gt;
    &lt;/head&gt;
    &lt;body onload="initialize()"&gt;
      &lt;div id="map_canvas"&gt;&lt;/div&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>