Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

› WebAssist Forums › Design Extender › Pro Maps for Google › Map not displaying correctly

Map not displaying correctly

Thread began 4/23/2015 11:00 am by les179372 | Last modified 4/24/2015 11:35 am by Ray Borduin | 1249 views | 3 replies |

4/23/2015 11:00 am | #1 les179372

Map not displaying correctly

I have been trying to display google maps on my website but cannot seem to get it displayed correctly. Could you review www.wedcars4u.com/draft/
any help would be appreciated.
Thanks
Les

4/23/2015 2:08 pm | #2 Ray BorduinWebAssist

This is because you have the map div inside another div with style="display:none"... The google maps can't position properly with display none... A solution I've found for rendering a map that isn't displayed is to use style="display:block;position:absolute;visibility:hidden" when loading the page and then you can change it back to style="display:none;position:static;visibility:visible" after the map has loaded.

Did this help? Tips are appreciated...

4/24/2015 1:16 am | #3 les179372

Hi Ray,
Tried that but still doesn't work. The odd thing is that when I go to street view it displays correctly.
Any ideas?
Les

4/24/2015 11:35 am | #4 Ray BorduinWebAssist

It doesn't look like you have successfully implemented my suggestion.

I still see the map in a layer with class="hidden" which is defined with display:none; in the css. If you add the map to a visible area as the page loads does it work properly? I still think my original suggestion would work if pulled off properly.

Did this help? Tips are appreciated...

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.