Google Map Display In Collapsible Panel

Hi,

When placed in a Collapsible Panel, my map is not displayed correctly.

You can see it here: 2012_National-Test.php#CollapsiblePanel23

Before placing it into the Collapsible Panel the Map appeared correctly.

----
Also, elsewhere on the page, I have links to places in the map (in the Hotels panel) how can I get those links to open the panel?

Thanks,
Dennis

loos like your collapsable panel uses onclick events to open the panels:

<li><a href="#CollapsiblePanel23" onclick="cpg2.openPanel(0);">Map</a></li>

add another onlick event to resize the map:

<li><a href="#CollapsiblePanel23" onclick="cpg2.openPanel(0);window.setTimeout('google.maps.event.trigger(map,\'resize\');wagmp_map_1_obj.obj.setCenter(wagmp_map_1_obj.points[0])',30);">Map</a></li>

to open the panel from your address links, add the same "cpg2.openPanel(0);" code to the onclick event of the links.

Thanks Jason,

That worked great for the onclick link you found on the page.

I also have the link formed by the collapsible panel code…

<div id="CollapsiblePanel23" class="CollapsiblePanel">

   <div class="CollapsiblePanelTab" tabindex="0">Map</div>

that I changed to...

<div id="CollapsiblePanel23" class="CollapsiblePanel">

   <div class="CollapsiblePanelTab" tabindex="0"><a onclick="window.setTimeout('google.maps.event.trigger(map,\'resize\');wagmp_map_1_obj.obj.setCenter(wagmp_map_1_obj.points[0])',30);">Map</a></div>

and this seems to work, but I wanted to ask if this is valid. It can be found in the source code around line 2383.

Also throughout the page I have numerous links that link to particular locations on the map such as…

<a href="#CollapsiblePanel23" onClick="cpg2.openPanel(0);wagmp_map_1_obj.openWindowByAddress('10000 West O\'Hare');">Locate on map</a>

How would I modify it to display the map correctly? In the source code this is located around line 2469.

Dennis

yes, that code is valid for the div onclick.

the code for the links would be:

<a href="#CollapsiblePanel23" onClick="cpg2.openPanel(0);window.setTimeout('google.maps.event.trigger(map,\'resize\');wagmp_map_1_obj.openWindowByAddress(\'10000 West O\\\'Hare\')',30);">Locate on map</a>

Great, thanks again Jason.

Dennis