I can get Google Maps to work fine most of the time, but when I place a map inside a Spry tab, it only displays the top left tile of the map. A map placed on the same page but not within one of the tabs works fine. Is there some sort of a clash with the js that is being used by the tabs and if so how can I get around this? I am using DW5.5 on iMac OS X Lion

Hello John.

Can you please provide us with link to the problem page?

Regards: Vulcho.

Thanks for prompt reply. Here is the page:

www.stayinthewyevalley.co.uk/hunters_lodge_temp.html

Click on the Location tab.

Note that clicking on any of the navigation links other than the tabs takes you away from this test page, use the back button on the browser to return to it.

Regards, John

Hello again John.

Lets try the following:

Click on the div container that holds your map
Go to Tag Inspector> Behaviors> Add new > DMXzone > Control DMXzone Google maps > Redraw map instantly and click OK.

Regards: Vulcho.

That sort of works, but not in satisfactory way. If I set the action to onFocus, nothing happens. If I set it to click then clicking on the small map tile draws it correctly full size - but I cannot expect visitors to the site to do that. I tested it in Safari and Firefox.

I have just found a reply to a similar problem on your forum:
www.dmxzone.com/support/18826/topic/54259/
where the reply was the same as you have given me and seemed to work. But it doesn't work for me. Any idea why?

Hello John .

We will test your issue with our developers and i will notify you about the possible solutions in the thread.

Regards: Vulcho.

Sorry to bump you but this is getting urgent. If you do not have a solution let me know and I can start to look elsewhere.

Sorry, but unless I can a reply soon I will have to ask for my money back. Your GoogleMaps does not work insideDreamweaver tabs. I am sure the answer is simple. It is to do with the fact that Dreamweaver tabs do not get the focus when selected, only after selection which is too late for the redraw. I should think it is straightforward if you are an expert coder, but I am not, I just know enough to get by, that is why I pay money to you.

Hello John.

I tested your issue , and this is the workaround i would recommend to you:

1.)Wrap your google maps in separate container inside the spry tab , for example:

<div class="TabbedPanelsContent">Content 2
    <div id="maps">
<div class="dmxGoogleMaps" id="map1" style="width:600px;height:400px;">
</div>
<script type="text/javascript">
  // <![CDATA[
 jQuery(document).ready(
   function()
     {
       jQuery("#map1").dmxGoogleMaps(
         {"markers": [{"latitude": 22.22, "longitude": 22.22}]}
       );
     }
 );
  // ]]>
</script>
    </div>
  </div>

2.) After that markup the code and execute the behavior for redrawing the map smoothly on mouseover for that separate div.

Hello John,

Unfortunately this is not a problem with our extension but this is how google maps work with Spry Tabs.

The DMXzone Google Maps extension works best with DMXzone Tabs.