Recently, I came across problem where the Google map was not resizing itself to its container when I select a new location or load the page for some events.

In IE browsers, it is showing an error as “Invalid Error in main.js” as shown in the first screenshot whereas in other browsers map loads partially as shown in the second screenshot.

Screenshot – I (IE error with Google map)

Screenshot – II (Partial map load error)

I was thinking it could be related to my Javascript/CSS issue but later figured out that I have to simply use the latest version of Google Map API V3.3.
That would look like..

<script 
  src="http://maps.google.com/maps/api/js?sensor=false&.js&v=3.3&key=<>"
  type="text/javascript">
</script>

I learned that its important to subscribe my email id to Google map so that I get updates from them about the new releases and features.

Tags: Google Map, Javascript, Web 2.0
Unique Views: 1102 Total views: 1427
Follow responses at RSS 2.0. Leave a response | Trackback.

One Response to “Google Map Resize Issue with Version 3”

1. Andreas Korth says:

   August 19, 2011 at 6:06 PM

   Thank you, dude. YMMD!