Google map is not rendered fully in the div?

Question

Here I have the map_canvas within a div called map. The thing is when I increase the width of the map, the

Answer 1

The width of the map-area is increasing but the right side of the map is not rendering fully.

When you change the size of the div, trigger the resize event on the map:

from the documentation:

Events

resize - Developers should trigger this event on the map when the div changes size: google.maps.event.trigger(map, 'resize') .