title: Google Maps API: markerwithlabel.js - Uncaught ReferenceError: google is not defined
body: <p>I have read the docs and examples, but I it seems I cannot solve the initialization error ("Uncaught ReferenceError: google is not defined" + Uncaught ReferenceError: homeLatLng is not defined) when trying to include markerwithlabel.js file and 
  it's reminds me to the "you cannot load something before the map is done" prob.</p>
  
  <p>What can I do?</p>
  
  <p>What was tried:</p>
  
  <pre><code>&lt;head&gt;
  &lt;script async defer src="https://maps.googleapis.com/maps/api/js?key=mykey&amp;callback=initMap"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerwithlabel/src/markerwithlabel.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt; 
      var map;
      function initMap() {
  
              map = new google.maps.Map(document.getElementById('map'), {
                  zoom: 14,
                  center: {lat: 52.5200066, lng: 13.404954}
              });
  
              var marker1 = new MarkerWithLabel({
                     position: homeLatLng,
                     draggable: true,
                     raiseOnDrag: true,
                     map: map,
                     labelContent: "$425K",
                     labelAnchor: new google.maps.Point(22, 0),
                     labelClass: "labels", // the CSS class for the label
                     labelStyle: {opacity: 0.75}
              });
      }
  &lt;/script&gt;
  </code></pre>
  
  <p>..</p>