title: Customize Google Map API V3 Marker label
body: <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>function initMap() {
    var uluru = {lat: 13.676442, lng: 100.638276};
    var map = new google.maps.Map(document.getElementById('map'), {
      zoom: 17,
      center: uluru
    });
    var marker = new google.maps.Marker({
      position: uluru,
      map: map,
      label: {
        text: "$300k",
        color: "#4682B4",
        fontSize: "30px",
        fontWeight: "bold"
      },
      title: "Hello World!",
      visible: true
    });
  }</code></pre>
  </div>
  </div>
  </p>
  
  <p>I want to customize the label. I try to find the answers in google documentation they have only few properties to change (<a href="https://developers.google.com/maps/documentation/javascript/3.exp/reference#MarkerOptions" rel="noreferrer">https://developers.google.com/maps/documentation/javascript/3.exp/reference#MarkerOptions</a>) then I search on google the most answer is MarkerWithLabel but the problem is the link doesn't work any more <a href="http://google-maps-utility-library-v3.googlecode.com/svn/tags/markerwithlabel/1.1.9/src/markerwithlabel.js" rel="noreferrer">http://google-maps-utility-library-v3.googlecode.com/svn/tags/markerwithlabel/1.1.9/src/markerwithlabel.js</a>" so I cannot use the library. I attach pictures from my code and what I want. Can any one help me please?</p>
  
  <p><a href="https://i.stack.imgur.com/qyQ99.png" rel="noreferrer"><img src="https://i.stack.imgur.com/qyQ99.png" alt="This is the result from my code"></a></p>
  
  <p><a href="https://i.stack.imgur.com/77nzd.png" rel="noreferrer"><img src="https://i.stack.imgur.com/77nzd.png" alt="This is what I want"></a></p>