[brightonmike]

Dunno what's going on here: http://shokadu.co.uk/

It's in the accordion.

I've set it up exactly how it says and this should be fairly basic, but the map is extremely buggy. It doesn't center properly, parts of it don't load, and when you zoom it mucks up.

Ideas? I've done much more complex stuff with the API so I don't know why this is happening.

[mteam]

I seem to remember googlemaps doesn't like display:none

[brightonmike]

You mean....the problem is putting it into the accordion?

Bugger!

[brightonmike]

Found a solution: http://www.essential...uery-accordion/

Smart idea.

[mteam]

Nice find neat fix that

[brightonmike]

One slight problem...

Doesn't let you add markers or do anything to the map.

D'oh.

[Renaissance-Design]

Last time I ended up using absolute positioning and visibility: hidden. Works fine with markers etc.

This post has been edited by Renaissance-Design: 16 January 2012 - 02:21 PM

[brightonmike]

But that would involve tinkering with how the accordion works? Which I can't do as I'm using UI.

[Renaissance-Design]

Ah. Bit of a bugger then. I was just using tabs, and I refuse to include UI for tabs because I can do it with a couple of lines of jQuery.

[brightonmike]

I'd do the same, but I know I'll be using UI a lot.

I'll try and find another way, there must be.

[brightonmike]

Got this far: http://shokadu.co.uk/

Using a bodgy onclick which I'd obviously move outside of the HTML.

It works on a first click, however, if you expand another tab and then go back to it the same problems occur.

I've tried writing some jQuery that empties the div (essentially reverting it back to its empty state) when you click another tab, but even this doesn't work.

Ideas?

This post has been edited by brightonmike: 17 January 2012 - 11:21 AM

[brightonmike]

http://jsfiddle.net/...onmike/VJ4zW/1/



Thought I was onto something...