Hi guys, I just read a posting which was a similar issue to mine.
I try hiding and unhiding the div containing my google map and things go wrong. The map very partially renders and is off center. Attempting to even drag it into place won't work. The link to the example is : http://www.test1omniforce.co.uk/venue/gibson-hall There should be a small red box marked "show map" half way down the page - click it to reveal the map. The code I'm using is as follows: <script type="text/javascript"> google.load('maps', '2.x',{'other_params':'sensor=false'}); $(document).ready( function(){ if(GBrowserIsCompatible()){ var map = new GMap2(document.getElementById('map')); map.setCenter(new GLatLng(51.507467, -0.100154), 15); var point = new GLatLng(51.507467, -0.100154); map.addOverlay(new GMarker(point)); map.addControl(new GMapTypeControl()); map.addControl(new GLargeMapControl()); } } ); </script> <script> $(document).ready( function(){ $('#map').addClass('hide'); $('#map_switch').click( function(){ //$('#map').toggleClass('show'); $('#map').addClass('show'); map.checkResize(); }); } ); </script> Can some one give me some advice on this please? -- You received this message because you are subscribed to the Google Groups "Google Maps API" group. To post to this group, send email to [email protected]. To unsubscribe from this group, send email to [email protected]. For more options, visit this group at http://groups.google.com/group/google-maps-api?hl=en.
