title: Differences in fonts and location markers in Google Maps Styling Wizard vs JavaScript API output
body: <p>I've searched through the Google Maps JavaScript API documentation and I can't seem to find the appropriate options to make my map's labels and location markers look like this:
  <a href="https://i.stack.imgur.com/b4kAp.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/b4kAp.png" alt="enter image description here"></a></p>
  
  <p>Rather than this:</p>
  
  <p><a href="https://i.stack.imgur.com/o7pXu.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/o7pXu.png" alt="enter image description here"></a></p>
  
  <p>I realize the differences are subtle but it's what my client wants.</p>
  
  <p>Using the Google Maps Styling Wizard, the styles on the top image appear to be produced by the Standard map with no styling at all (the JSON produced is just an empty array).</p>
  
  <p>The closest I can get is the bottom image, using the following (which is not much more than just the default options):</p>
  
  
  
  <pre class="lang-js prettyprint-override"><code>  map = new google.maps.Map(document.getElementById('map'), {
      center: {lat: 26.769528, lng: -82.265607},
      zoom: 15,
      mapTypeControlOptions: {
        mapTypeIds: ['roadmap', 'satellite', 'terrain'],
        style: google.maps.MapTypeControlStyle.DROPDOWN_MENU
      },
      fullscreenControl: false,
      streetViewControl: false
    });
  </code></pre>
  
  <p>Any guidance would be greatly appreciated.</p>