title: Add marker with Google Maps Javascript API to look exactly as marker that were added in maps.google.com
body: <p>I am trying to add map to my site using Google Maps Javascript API. I want it to looks exactly like map that was created with maps.google.com:</p>
  
  <p><a href="https://i.stack.imgur.com/IdXf6.png" rel="noreferrer"><img src="https://i.stack.imgur.com/IdXf6.png" alt="enter image description here"></a></p>
  
  <p>But I can not achieve this result, just this:</p>
  
  <p><a href="https://i.stack.imgur.com/p1C16.png" rel="noreferrer"><img src="https://i.stack.imgur.com/p1C16.png" alt="enter image description here"></a></p>
  
  <p>So my question is: how to add red dot at the bottom of a marker, and how to make title to be written on the right side of this dot in bold?</p>
  
  <p>This is my code:</p>
  
  <pre><code>function initMap() {
      var coordinates = { lat: 40.785845, lng: -74.020496 };
      var map = new google.maps.Map(document.getElementById('map'), {
          zoom: 14,
          center: coordinates,
          scrollwheel: false
      });
      var marker = new google.maps.Marker({
          position: coordinates,
          map: map,
          label: "5409 Madison St"
      });
    }
  </code></pre>