On Oct 22, 11:34 am, Martin <[email protected]> wrote: > Your 'map' variable is local to your page's document ready function so > is not accessible by the resizeMapContainer() function.
Ooopss! I missed that! :-) Previous post removed. -- Marcelo - http://maps.forum.nu -- > > Solution is to make 'map' a global variable. > > Then the checkResize() method will succeed and your problem may be > fixed... > > Martin. > > On 22 Oct, 00:47, Peter Burgess <[email protected]> wrote: > > > Here is the problem: > > > I want to maximize the map container on my web page which has a > > conventional layout: > > header > > content > > trailer > > > I'm having wierd problems > > withhttp://www.stjohnhistoricalsociety.org/helloWorld.htm, > > using Chrome browser. Toggling the "large"/"small" buttons creates a > > couple of problems: > > 1) When expanding the map size, the arrow/minimize button on the > > GOverviewMapControl gets "lost". > > > 2) when expanding the map size, the tiling does not fill the container > > and behaves erratically as you navigate around. > > > I think that there is a race-condition between the main map and the > > GOverviewMapControl. I think different browsers behave differently > > when expanding the map size. My complex version works with Firefox, > > but not Chrome/Safari. > > > Here is the link to the simple > > versionhttp://www.stjohnhistoricalsociety.org/helloWorld.htm > > > Here's the link to the complex > > versionhttp://www.stjohnhistoricalsociety.org/Maps9.htm > > > Here's the code for the simple version -- > > <!DOCTYPE html "-//W3C//DTD XHTML 1.0 Strict//EN" > > "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";> > > <html xmlns="http://www.w3.org/1999/xhtml";> > > <head> > > <meta http-equiv="content-type" content="text/html; charset=utf-8"/ > > > <title>Google Maps JavaScript API Example</title> > > <script type="text/javascript" > > src="http://www.google.com/jsapi? > > key=ABQIAAAATLykv4FdOu2sXWuzzo40fxSy5mk1SA6WGuID8uyb7GpLBR- > > BPhTDyR_pEQrMp2B2ThAW0lGFihRFIg"> > > </script> > > <script type="text/javascript"> > > google.load("jquery", "1"); > > google.load("maps", "2.x"); > > > function resizeMapContainer(w,h) { > > $("#map_canvas").width(w).height(h); > > map.checkResize(); > > // mapOv.checkResize(); > > } > > > </script> > > </head> > > <body onunload="GUnload()"> > > <div> > > <form action="#"> > > <div> > > <input type="button" value="Large" > > title="Large" > > onclick="resizeMapContainer(1000,600);"/> > > <input type="button" value="Small" > > title="Small" > > onclick="resizeMapContainer(500, 300);"/> > > </div> > > </form> > > </div> > > <div id="map_canvas" style="position:absolute; top:100; left:100; > > width: 500px; height: 300px"></div> > > > <script type="text/javascript"> > > > $(document).ready(function () { > > if (GBrowserIsCompatible()) { > > var map = new > > GMap2(document.getElementById("map_canvas")); > > map.setCenter(new GLatLng(37.4419, -122.1419), 13); > > map.addControl(new GLargeMapControl()); > > map.addControl(new GScaleControl()); > > // var mapOv = new GOverviewMapControl(); > > // map.addControl(mapOv); > > map.addControl(new GOverviewMapControl()); > > // Race-condition with > > minimizer arrow control. > > map.enableScrollWheelZoom(); > > map.enableDoubleClickZoom(); > > map.enableContinuousZoom(); > > map.setUIToDefault(); > > } > > }); > > > </script> > > > </body> > > </html> > > --------------------- --~--~---------~--~----~------------~-------~--~----~ 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 -~----------~----~----~----~------~----~------~--~---
