Portal Engine Questions on portal engine and web parts.
Version 7.x > Portal Engine > Accordion Control with Google Map Issue View modes: 
User avatar
Member
Member
elimisel-lmhealth - 2/10/2014 9:21:25 AM
   
Accordion Control with Google Map Issue
Does anyone have a solution google maps not displaying properly in the accordion pane issue?

I have a page with about 15 accordion panes each with a google map. When expanded the google map does not render properly and displays a grey box over half. It also does not center the location icon. This is a known issue with accordion pane and google maps, but I have yet to find an easy solution. Any advice would be appreciated!

screen shot:

User image

User avatar
Member
Member
Shmar - 2/11/2014 12:21:31 PM
   
RE:Accordion Control with Google Map Issue
link to the page?

User avatar
Kentico Legend
Kentico Legend
Brenden Kehren - 2/11/2014 6:35:59 PM
   
RE:Accordion Control with Google Map Issue
Easy solution would be to not use the accordion if its a known issue with maps. Another solution might be to create your own webpart that does all the work you need and see if this resolves it. Another solution might be to use some jQuery and refresh the map when the panel is expanded.

User avatar
Member
Member
emisel-lmhealth - 2/13/2014 9:56:14 AM
   
RE:Accordion Control with Google Map Issue
Ha! Yep, your first answer was the best solution. I am on a time crunch and that was the quickest way. I made a large map at the top of the page outside of the accordion pane that showed markers for all our locations, then within the accordion panes, I took screenshots of google maps, cropped and linked them to google. I think it actually works better like this. :)

Thanks for the responses. Site goes live on March 1st! Second site build with Kentico. LOVE IT!