Question

38

How to get a google map to use 100% of its parent container?

rated 0 times [ 42] [ 4] / answers: 1 / hits: 25312 / 15 Years ago, wed, july 29, 2009, 12:00:00

I have tried to do this in many different ways but the most obvious was this:

var map2 = new GMap2(document.getElementById(map2), {size:100%});

That does not work.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

karladaijahf

Add To Favorites

Follow

Total Points: 78

Total Questions: 123

Total Answers: 89

Location: Liechtenstein

Member since Wed, Dec 8, 2021

3 Years ago

answered 15 Years ago jackelyn · Accepted Answer

Google says:

Unless you specify a size explicitly for the map using GMapOptions in the constructor, the map implicitly uses the size of the container to size itself.

So set the size of your map container fill all available space:

<div id=map2 style=width: 100%; height: 100%></div>