title: How can I get smooth markers (SVG icons) on Google Maps?
body: <p>I create a marker to place on a Google map:</p>
  
  <pre><code>var compMarker = new google.maps.Marker({
      position: {lat: 33, lng: -118}
      map: map,
      label: {
          text: "10",
          color: "white",
          fontWeight: "bold"
      },
      icon: {
          path: google.maps.SymbolPath.CIRCLE,
          scale: 15,
          fillColor: "#4E90D9",
          fillOpacity: 1,
          strokeWeight: 1
      }
  });
  </code></pre>
  
  <p>This is the result: </p>
  
  <p><a href="https://i.stack.imgur.com/BVTud.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/BVTud.png" alt="screenshot of resulting map"></a></p>
  
  <p>As you can see the circle is pretty choppy looking.  Is there a way to create a high quality circle?  </p>