The sample shows a World map which changes its size when the parent container resizes.
This example shows how percent resizing works in maps. Drag the right-bottom corner or the right/bottom sides of the box containing the map.
Click here to read details on this example... The example renders a map with 100% width and 100% height. The map's actual width and height is set based on the size of the container element of the map. The container element is put inside a resizable element. The resizable element is initially set with 800px width and 600px height. The container element is set with 100% width and height. Hence, deriving from the resizable element, the container element's actual width and height will also set to 800px and 600px, respectively.
World Map will load here!
Click
here
to know more on how the code of this example works.