title: SVG path point at lat and long rather than side of SVG
body: <p>Super noob to SVG's, but I am trying to set the point on a SVG path to a lat/lng, rather than the top left corner/circle. I have the SVG path as below, and have tried to follow along with guides ex. as <a href="https://css-tricks.com/svg-path-syntax-illustrated-guide/" rel="nofollow noreferrer">here</a>, but not had luck in figuring out what to change on this SVG to make the pointer at the lat/lng. </p>
  
  <p>Is there a site that helps create SVG's or move's all the path coordinatess?</p>
  
  <p>I can provide further code if needed;</p>
  
  <pre><code>let icon = {
        // url: 'https://www.shareicon.net/data/128x128/2015/09/27/108149_map_512x512.png',
        // scaledSize: new window.google.maps.Size(30, 30)
        path: 'M 172.268,501.67 C 26.97,291.031 0,269.413 0,192 0,85.961 85.961,0 192,0 c 106.039,0 192,85.961 192,192 0,77.413 -26.97,99.031 -172.268,309.67 -9.535,13.774 -29.93,13.773 -39.464,0 z',
          fillColor: '#000000',
          fillOpacity: 1,
          strokeColor: '#000',
          strokeWeight: 2,
          scale: .1,
      }
  
  let marker = new window.google.maps.Marker({icon: icon})
  </code></pre>