title: Why are Google Map markers showing up on Firefox by not on Chrome, Safari and Internet Explorer
body: <p>I have a bit of strange problem on this page: <a href="http://www.bluprintliving.com/locations" rel="nofollow noreferrer">http://www.bluprintliving.com/locations</a> it seems that the markers i want to display are showing up in Firefox but not showing up on Chrome/Safari or IE.  I am not sure really where to start debugging this issue as there are no javascript errors.</p>
  
  <p>The code is in two parts. The first a js file <a href="http://www.bluprintliving.com/js/local-area-gmaps.js" rel="nofollow noreferrer">http://www.bluprintliving.com/js/local-area-gmaps.js</a> </p>
  
  <pre><code>var localSearch = new GlocalSearch();
  var global_point;
  
  var icon = new GIcon();
  icon.image = "http://www.google.com/mapfiles/marker.png";
  icon.shadow = "http://www.google.com/mapfiles/shadow50.png";
  icon.iconSize = new GSize(20, 34);
  icon.shadowSize = new GSize(37, 34);
  icon.iconAnchor = new GPoint(10, 34);     
  
  function usePointFromPostcode(postcode, callbackFunction) {   
   localSearch.setSearchCompleteCallback(null, 
    function() {
  
     if (localSearch.results[0])
     {  
      var resultLat = localSearch.results[0].lat;
      var resultLng = localSearch.results[0].lng;
      var point = new GLatLng(resultLat,resultLng);
      callbackFunction(point);
      global_point = point;
     }else{
      alert("Postcode not found!");
     }
    }); 
  
   localSearch.execute(postcode + ", UK");
  }  
  
  function setCenterToPointLondon(point) {
   //map.setCenter(point, 15);
   map.setCenter(new GLatLng(51.50788772102843,-0.1050567626953125), 11);
   var marker = new GMarker(point,icon);
   map.addOverlay(marker);
  }     
  
  function setCenterToPoint(point) {
   map.setCenter(point, 15);
   var marker = new GMarker(point,icon);
   map.addOverlay(marker);
  } 
  
  function createMarker(point,html) {
   var marker = new GMarker(point);
   GEvent.addListener(marker, "click", function() {
    marker.openInfoWindowHtml(html);
   });
   return marker;
  }
  </code></pre>
  
  <p>Then for each map on the page there is a section for it which looks like:</p>
  
  <p><strong>FIRST MAP</strong></p>
  
  <pre><code>&lt;div id="map" class="location-map"&gt;&lt;/div&gt;       
  &lt;script type="text/javascript"&gt; 
  //&lt;![CDATA[  
   var map = new GMap2(document.getElementById("map"));
   map.addControl(new GLargeMapControl());
   map.addControl(new GMapTypeControl());
   map.setCenter(new GLatLng(51.50788772102843,-0.1050567626953125), 11);
   usePointFromPostcode("WC1N 2PL", setCenterToPointLondon);
   usePointFromPostcode("EC1M 5RR", setCenterToPointLondon);
  //]]&gt;
  &lt;/script&gt;
  </code></pre>
  
  <p><strong>SECOND MAP</strong></p>
  
  <pre><code>&lt;div id="map-no-5-doughty-street" class="location-map"&gt;&lt;/div&gt;       
  &lt;script type="text/javascript"&gt; 
  //&lt;![CDATA[  
   var map = new GMap2(document.getElementById("map-no-5-doughty-street"));
   map.addControl(new GLargeMapControl());
   map.addControl(new GMapTypeControl());
   map.setCenter(new GLatLng(51.50788772102843,-0.1050567626953125), 11);
   usePointFromPostcode("WC1N2PL", setCenterToPoint);  
  //]]&gt;
  &lt;/script&gt; 
  </code></pre>
  
  <p><strong>THIRD MAP*</strong></p>
  
  <pre><code>&lt;div id="map-turnmill-street" class="location-map"&gt;&lt;/div&gt;       
  &lt;script type="text/javascript"&gt; 
  //&lt;![CDATA[  
   var map = new GMap2(document.getElementById("map-turnmill-street"));
   map.addControl(new GLargeMapControl());
   map.addControl(new GMapTypeControl());
   map.setCenter(new GLatLng(51.50788772102843,-0.1050567626953125), 11);
   usePointFromPostcode("EC1M5RR", setCenterToPoint);  
  //]]&gt;
  &lt;/script&gt; 
  </code></pre>
  
  <p>Now these are all dynamically generated so a page could potentially grow to more maps as the locations grow.</p>
  
  <p>This all works as expected in Firefox but not the other browsers. The markers do not show and it seems the centring is also  off in the other browsers.</p>
  
  <p>Help! please! :)</p>
  
  <p>Thanks in advance </p>
  
  <p><strong>UPDATE</strong></p>
  
  <p>I have placed all the code on one page so it's easy to see the problem and debug: <a href="http://www.bluprintliving.com/google-maps.php" rel="nofollow noreferrer">http://www.bluprintliving.com/google-maps.php</a></p>
  
  <p>Thanks Again</p>