title: Google maps "noClear" not working
body: <p>I have a map on a website i'm building and i'm trying to overlay a section to add additional details to the location being shown. Currently, on load, it will flash the overlay elements before they disappear permanently. I've been told it's possible to make them seperate and use "position: absolute" but i'd rather keep everything together. </p>
  
  <p>I've checked around on the internet, but information on "noClear" tends to be pretty rare.</p>
  
  <p>Edit: Will try get it working in JSFiddle again, was a disaster when i tried before asking the question.</p>
  
  <p>Edit: I couldnt get it to work correctly with my code for some reason, but i've replicated the error using similiar code.  <a href="http://jsfiddle.net/103romm2/" rel="nofollow">http://jsfiddle.net/103romm2/</a></p>
  
  <p>Google Maps Javascript</p>
  
  <pre><code>&lt;script&gt;
          function initialize() {
              var myLatlng = new google.maps.LatLng(51.400140, -3.288225);
              var mapCanvas = document.getElementById('map_canvas');
              var mapOptions = {
                  scrollwheel: false,
                  navigationControl: false,
                  mapTypeControl: false,
                  scaleControl: false,
                  disableDefaultUI: true,
                  center: myLatlng,
                  zoom: 17,
                  mapTypeId: google.maps.MapTypeId.ROADMAP,
                  noClear: true
              }
              var map = new google.maps.Map(mapCanvas, mapOptions)
              var marker = new google.maps.Marker({
                  position: myLatlng,
                  map: map,
              });
          }
          google.maps.event.addDomListener(window, 'load', initialize);
      &lt;/script&gt;
  </code></pre>
  
  <p>HTML</p>
  
  <pre><code>&lt;div id = "map_canvas" class = "hidden-phone"&gt;
          &lt;div id = "overlay-map"&gt;
              &lt;h1 style = "float: left; font-weight: bold"&gt; Contact us &lt;/h1&gt;
              &lt;div class = "col-md-6 col-md-offset-6"&gt;         
                  &lt;h3&gt;Where we are&lt;/h3&gt;
                  &lt;br&gt;
                  &lt;div class="row-fluid"&gt;
                      &lt;div class="col-md-12"&gt;
                          &lt;div class="address-container"&gt;
                              &lt;img src="img/glyphicons_060_compass.png" /&gt;
                          &lt;/div&gt;
                          &lt;address class="address-container"&gt;
                              &lt;div class="street-address" style="font-weight: bold;"&gt; 124 Park Crescent &lt;/div&gt;
                              &lt;div class="city-name"&gt;Barry CF62 6HE&lt;/div&gt;
                              &lt;div class="country-name"&gt;United Kingdom&lt;/div&gt;
                          &lt;/address&gt;
                          &lt;/div&gt;
                          &lt;div class="col-md-12"&gt;
                              &lt;div class="address-container"&gt;
                                  &lt;div&gt;
                                      &lt;img alt="" src="img/glyphicons_442_earphone.png" /&gt;
                                  &lt;/div&gt;
                                  &lt;a href=""&gt;+44 (0) 1446 421300&lt;/a&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;                
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>