close ad
 
Important WebAssist Announcement
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

Using maps in tabbed panel

Thread began 7/17/2012 7:33 am by JamieEff | Last modified 7/23/2012 12:37 pm by Jason Byrnes | 2234 views | 6 replies |

JamieEff

Using maps in tabbed panel

Hi guys

Got a slight problem with a map.

Have set up a tabbed panel with 2 panels... one for each map.

The first tab displays the map absolutely fine (see map1.png)

However, when you select the 2nd tab, the map isnt fully displayed (see map2.png) - its displaying the right map but just not centring it correctly (see map2-2.png which is basically map2 but have dragged the centre of the map down)

Cheers

Jamie

Sign in to reply to this post

Jason ByrnesWebAssist

Can you post a link please so i can look into the issue.

Sign in to reply to this post

JamieEff

Thanks Jason... have skyped you the link

Jamie

Sign in to reply to this post

Jason ByrnesWebAssist

try adding the following onClick event to the second tab to reload the map:

onClick="window.setTimeout(function() {google.maps.event.trigger(map, 'resize');map.setCenter(google.maps.LatLng(-25.363882, 131.044922));},30);"
Sign in to reply to this post

JamieEff

thanks Jason. Thats fixed the map actually being visible but not centring on the push pin for that specific location...am not familiar with the latlong reference you made in the code so dont know how to adjust....

Oh and just to confirm, i added the onclick to the <li> reference for the tab specific to the second location....was that right?

Thanks

Jamie

Sign in to reply to this post

JamieEff

sorry to be a pain, just thought you may have missed this reply from a couple of days ago.... cheers, Jamie

Originally Said By: JamieEff
  thanks Jason. Thats fixed the map actually being visible but not centring on the push pin for that specific location...am not familiar with the latlong reference you made in the code so dont know how to adjust....

Oh and just to confirm, i added the onclick to the <li> reference for the tab specific to the second location....was that right?

Thanks

Jamie  
Sign in to reply to this post

Jason ByrnesWebAssist

I have created a support ticket so we can look into this issue further.

To view and edit your support ticket, please log into your support history:
supporthistory.php

If anyone else is experiencing this same issue, please append to this thread.

Sign in to reply to this post

JamieEff

Hey Jason

Have tried putting 2 different maps in tabbed panels and this problem has occurred again on a different installation: fjT9C

The second tab map is not centreing or displaying properly.

I have, as per Ray's support ticket from previously, modified both tabs as follows:

html:
<li class="TabbedPanelsTab" tabindex="0" onClick="window.setTimeout('google.maps.event.trigger(map,\'resize\');wagmp_map_2_obj.obj.setCenter(wagmp_map_2_obj.points[0])',30);">Dorchester Christmas Trees</li>
<li class="TabbedPanelsTab" tabindex="0" onClick="window.setTimeout('google.maps.event.trigger(map,\'resize\');wagmp_map_3_obj.obj.setCenter(wagmp_map_3_obj.points[0])',30);">Weymouth Christmas Trees</li>



Thanks in advance

Jamie

Sign in to reply to this post

Jason ByrnesWebAssist

use this code for the tabs onclick instead:

php:
<li class="TabbedPanelsTab" tabindex="0" onClick="window.setTimeout('google.maps.event.trigger(map2,\'resize\');wagmp_map_2_obj.obj.setCenter(wagmp_map_2_obj.points[0])',30);">Dorchester Christmas Trees</li>
<li class="TabbedPanelsTab" tabindex="0" onClick="window.setTimeout('google.maps.event.trigger(map3,\'resize\');wagmp_map_3_obj.obj.setCenter(wagmp_map_3_obj.points[0])',30);">Weymouth Christmas Trees</li>
Sign in to reply to this post

JamieEff

thanks Jason... worked perfectly

Jamie

Sign in to reply to this post
loading

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now.  Build a store, a gallery, or a web-based email solution.

Want your website pre-built and hosted?

Close Windowclose

Rate your experience or provide feedback on this page

Account or customer service questions?
Please user our contact form.

Need technical support?
Please visit support to ask a question

Content

rating

Layout

rating

Ease of use

rating

security code refresh image

We do not respond to comments submitted from this page directly, but we do read and analyze any feedback and will use it to help make your experience better in the future.

Close Windowclose

We were unable to retrieve the attached file

Close Windowclose

Attach and remove files

add attachmentAdd attachment
Close Windowclose

Enter the URL you would like to link to in your post

Close Windowclose

This is how you use right click RTF editing

Enable right click RTF editing option allows you to add html markup into your tutorial such as images, bulleted lists, files and more...

-- click to close --

Uploading file...