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

Share Improve this question Follow edited Mar 2, 2016 at 21:36 MWiesner 9,0781212 gold badges3939 silver badges7272 bronze badges asked Mar 2, 2016 at 21:26 Nikola MiticNikola Mitic 1,49233 gold badges1313 silver badges2727 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 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