CODEWITHSUNDEEP
javascriptgoogle-mapsgoogle-maps-api-3zooming
Tengiz
Tengiz

Reputation: 8429

Google Maps API V3: getBounds() convert result for fitBounds()

NO, THE ABOVE ANSWERS DON'T ANSWER MY QUESTION. PLEASE READ MY UPDATE BELOW TO SEE THE CLARIFICATION WHY THIS IS A DIFFERENT CASE!!!

I'm using Google maps API V3. When I write this code:

map.fitBounds(map.getBounds());

the map zooms out!

I understand that it's according to the documentation since fitBounds ensures to show the given bounds on the map so that all the edges are shown inside the map. Therefore, the answer I'm looking for lies into the following:

How to modify the result of getBounds to be used for fitBounds without zoom effect afterwards?

Basically, I'm quite sure this can be calculated because that's what the map does, but in the opposite direction, when adding margins, to show the given bounds completely. In these terms, tell me how to calculate the margins (and therefore, how to calculate the correct input for fitBounds having output from getBounds) and your answer will be accepted.

Thanks in advance!

Update:

Zoom and Center retrieval and setting does not work for me! here's the reason why:

I am going to hold the map's viewport information in the database. Later on, I want to re-create the map and show the exact same location again. However, the mapping platform can differ from user to user. Therefore, zoom and center is not standard between different mapping platforms/frameworks and cannot be used in all them with the same results. Therefore, the only standard way is to hold the bounds in the database. So the question needs an answer exactly in the direction it is asking for.

Upvotes: 1

Views: 1738

Answers (2)

Pascal Lindelauf
Pascal Lindelauf

Reputation: 4870

I had the exact same problem and decided to shrink the bounding box resulting from getBounds() with 15%. That does the job nicely for me:

var neLat = map.getBounds().getNorthEast().k;
var neLong = map.getBounds().getNorthEast().B;
var swLat = map.getBounds().getSouthWest().k;
var swLong = map.getBounds().getSouthWest().B;

var boundingBoxPerc = 0.15;
var mapWidth = neLong - swLong;
var mapHeight = neLat - swLat;

var ne = new google.maps.LatLng(neLat - mapHeight * boundingBoxPerc, neLong - mapWidth * boundingBoxPerc);
var sw = new google.maps.LatLng(swLat + mapHeight * boundingBoxPerc, swLong + mapWidth * boundingBoxPerc);
map.fitBounds(new google.maps.LatLngBounds(sw, ne));

Upvotes: 0

Dr.Molle
Dr.Molle

Reputation: 117354

Store instead of the bounds the zoom and center of the map and restore these values later.

Upvotes: 1

Related Questions