close ad
Databridge V2 with MySQLi support IS Now Available!
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues


Google Maps and Spry

Thread began 6/10/2009 1:22 am by steve56638 | Last modified 7/04/2009 2:04 am by meister281653 | 4088 views | 6 replies |


Google Maps and Spry

I love the Google Map extension however I would like to use it within a tabbed spry element... on the second panel... however this is were the problems start.

If I display the google map with the initially opened tab it works fine... however if I display the map on the second tab... the marker is not centered and is actually off the map... how can I show a Google map on the second tab of a spry element...

I also need to make sure the info window remains visable once the icon is clicked...

Help... and thanks


Sign in to reply to this post

Ray BorduinWebAssist

This isn't directly supported, but I imagine you could write client side javascript code to readjust the info window and center of the map associated with the spry tab change.

If you provide a url I can take a look and see if I can be more specific.

Sign in to reply to this post
Did this help? Tips are appreciated...


Hi Ray,

I am also having this issue with my Map centering of the page.

contact.php#1_3. - the Google Map Tab

I am also using a tab panel script as well.

If you go to the top of the page, you will see another map link, but it work perfectly.

I have not a clue what script needs to be written to ensure it centers.

thanks for any help!


Sign in to reply to this post


various sources

I have read from various sources that the Google Map API and spry are incompatible. The only way I know how to work around this is to place your element in an iframe. The solution is quite ugly, but it's the only known workaround.

Use jquery and Googlemaps. It took me 8 hours of debugging, research, and tears the last time I had to do something like what you're describing.

Sign in to reply to this post


Isnt it possible, to say, the TAB where the map is is default. and with an onload you do a virtual click on the first TAB.

so the tab with the google map is default, centers right, and wit the onload you switch directly to an other tab.

does that work?

Sign in to reply to this post


this is nearly nice, but not right centered :-)

<script type="text/javascript" src="google_javascript/wagmp_maps.js">/*wagmp*/</script>
<script type="text/javascript">
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1", {defaultTab:1});
window.onload = function(){ TabbedPanels1.showPanel(0); };

someone from the google forum toold, that I have to insert a new size in the webassist created php file.

var map = new GMap2(document.getElementById('wagmp_map_1'),{size:new GSize(300,300)});

but it is not really centered :-(

Sign in to reply to this post



can someone tell me how to use the Map in spry if its not default?


Sign in to reply to this post

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





Ease of use


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...