Google Map Not Showing inside another Div

894 views
Skip to first unread message

beh

unread,
Sep 22, 2011, 3:55:39 AM9/22/11
to Google Maps JavaScript API v3
Hi Every one

I need to locate a map canvas inside some divs but when ever I locate
the "map_canvas" inside the other div the map disappears! I tried to
fix the issue by indexing the divs but it didn't go through!

Can you please take a look at following link and let me know what I am
doing wrong here?

http://www.geoca.com/GooMap.html

I appreciate you time and comments in advance

Behrouz

Pil

unread,
Sep 22, 2011, 7:26:12 AM9/22/11
to Google Maps JavaScript API v3
Don't think that your problem is related to the Maps API. It rather
seems to be a general HTML issue.
Even when using valid HTML it's always possible to nest elements in
such a way that no browser is able to render them.

Have you tried to display your nested elements without loading a map?
I guess you'll never see the div inside the table where you want the
map to appear.

behrouz

unread,
Sep 22, 2011, 2:31:31 PM9/22/11
to google-map...@googlegroups.com
Hi Pil,

Thanks for your comment. I think the table is not causing the issue, however I removed the table element and the problem still remain!



xelawho

unread,
Sep 22, 2011, 2:54:22 PM9/22/11
to Google Maps JavaScript API v3
you didn't close the curly bracket for div.transbox in your css
section - looks like that's nullifying your map_canvas css

behrouz

unread,
Sep 22, 2011, 3:12:25 PM9/22/11
to google-map...@googlegroups.com
Oh My God!
What a silly mistake! Thanks xelawho it works now!



Reply all
Reply to author
Forward
0 new messages