Question

30

How do I create a show full screen button to toggle my google maps page to be full screen?

rated 0 times [ 32] [ 2] / answers: 1 / hits: 27183 / 15 Years ago, sun, june 21, 2009, 12:00:00

I have a google map integrated on part of my page. I would like to create a toggle button to toggle the map between full screen and normal size. So when you click on it - the map extends to fill the whole browser screen, and click on it again, it is restored to its original size on the page. How would I do it?

Answers

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

arturo

Add To Favorites

Follow

Total Points: 331

Total Questions: 99

Total Answers: 92

Location: Austria

Member since Thu, Jan 7, 2021

3 Years ago

arturo questions

1 How do i store data in nextjs that is accessible from anywhere

Tue, May 25, 21, 00:00, 3 Years ago

1 Fixing react-responsive-carousel display on mobile

Thu, Mar 11, 21, 00:00, 3 Years ago

1 Property 'props' does not exist on type IntrinsicAttributes & string[]

Sun, Dec 13, 20, 00:00, 3 Years ago

1 How do I Link Components correctly using React Router?

Fri, Feb 21, 20, 00:00, 4 Years ago

1 How to create TCP client in NodeJS using async/await?

Tue, Oct 8, 19, 00:00, 5 Years ago

View All

answered 15 Years ago shawn · Accepted Answer

Here's a jQuery implementation.

$(#map_toggler).click(function() {

  $(#map).toggleClass(fullscreen)

});

In the CSS:

#map {

  width: 400px;

  height: 200px;

}



#map.fullscreen {

  position: fixed;

  width:100%;

  height: 100%;

}

Untested, but something along the lines of that should work.