How do I resize a Google Map with JavaScript after it has loaded?

Monday, May 13, 2024

5

How do I resize a Google Map with JavaScript after it has loaded?

rated 0 times [ 10] [ 5] / answers: 1 / hits: 180464 / 15 Years ago, mon, april 13, 2009, 12:00:00

I have a 'mapwrap' div set to 400px x 400px and inside that I have a Google 'map' set to 100% x 100%. So the map loads at 400 x 400px, then with JavaScript I resize the 'mapwrap' to 100% x 100% of the screen - the google map resizes to the whole screen as I expected but tiles start disappearing before the right hand edge of the page.

Is there a simple function I can call to cause the Google map to re-adjust to the larger size 'mapwrap' div?

More From » css

Answers

14

If you're using Google Maps v2, call checkResize() on your map after resizing the container. link

UPDATE

Google Maps JavaScript API v2 was deprecated in 2011. It is not available anymore.

[#99714] Sunday, April 5, 2009, 15 Years [reply] [flag answer]

answered 15 Years ago

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

dahlias

dahlias

Add To Favorites

Total Points: 730

Total Questions: 104

Total Answers: 101

Location: Denmark

Member since Tue, Jul 19, 2022

2 Years ago

dahlias questions

1 wire:click call two methods at once

Tue, Nov 17, 20, 00:00, 4 Years ago

1 Check if a piece of the element is in viewport

Tue, Oct 27, 20, 00:00, 4 Years ago

1 Jest, match to regex

Fri, Jul 17, 20, 00:00, 4 Years ago

1 define base URL globally in Axios plugin for Vue

Fri, Jan 17, 20, 00:00, 4 Years ago

1 JavaScript simple profanity filter

Wed, Jun 5, 19, 00:00, 5 Years ago

;