I want to have google map displaying whole planet(zoomed out maximally). Then, I would like to put overlay over map with button. When user click on button the overlay is removed and google map is automatically animating to the location i want.

So, I am not asking for plete solution, I just want you to tell me if it's possible to do that using google map js api, and if you can give me some direction, that would be awesome. I have searched a lot but found nothing on this subject.

Thanks.

I want to have google map displaying whole planet(zoomed out maximally). Then, I would like to put overlay over map with button. When user click on button the overlay is removed and google map is automatically animating to the location i want.

So, I am not asking for plete solution, I just want you to tell me if it's possible to do that using google map js api, and if you can give me some direction, that would be awesome. I have searched a lot but found nothing on this subject.

Thanks.

• javascript
• google-maps

2 Answers 2

I've noticed, that if difference between current zoom level and new zoom level more that 2, google maps won't make smooth zooming.

You can take a look at same question: How to zoom in smoothly on a marker in Google Maps?

map.setCenter(new google.maps.LatLng(theLatitude, theLongitude));
map.setZoom(yourZoomLevel);

See also: change location to preset coordinates and zoom with click of a button