Эта проблема Google Map API обсуждалась несколько раз. Видеть:

• gmaps-api-issues
• группа google-maps-js-api-v3

Функция map.fitBounds() устанавливает область просмотра, чтобы она содержала границы. Но функция map.getBounds() возвращает границы области просмотра с некоторым дополнительным запасом (обратите внимание, что это нормальное поведение, а не ошибка). Увеличенные границы больше не помещаются в предыдущую область просмотра, поэтому карта уменьшается.

Простое решение вашей проблемы — использовать вместо этого центр карты и уровень масштабирования. См. функции map.getCenter(), map.setCenter(), map.getZoom() и map.setZoom().

Для тех, кто видит этот вопрос в 2018 году, API Google Maps v3 теперь поддерживает второй аргумент padding, который указывает количество отступов, которые должны быть включены вокруг указанных вами границ.

Чтобы избежать уменьшения масштаба, просто вызовите fitBounds с отступом 0. Для этого примера это будет map.fitBounds(map.getBounds(), 0)

Решение этой проблемы в 2017 году

Немного уменьшите ограничивающую рамку перед отправкой на map.fitBounds().

Вот функция для уменьшения ограничивающей рамки:

// Values between 0.08 and 0.28 seem to work
// Any lower and the map will zoom out too much
// Any higher and it will zoom in too much
var BOUNDS_SHRINK_PERCENTAGE = 0.08; // 8%

/**
 * @param  {google.maps.LatLngLiteral} southwest
 * @param  {google.maps.LatLngLiteral} northeast
 * @return {Array[google.maps.LatLngLiteral]}
 */
function slightlySmallerBounds(southwest, northeast) {
  function adjustmentAmount(value1, value2) {
    return Math.abs(value1 - value2) * BOUNDS_SHRINK_PERCENTAGE;
  }

  var latAdjustment = adjustmentAmount(northeast.lat, southwest.lat);
  var lngAdjustment = adjustmentAmount(northeast.lng, southwest.lng);

  return [
    {lat: southwest.lat + latAdjustment, lng: southwest.lng + lngAdjustment},
    {lat: northeast.lat - latAdjustment, lng: northeast.lng - lngAdjustment}
  ]
}

Используйте это так:

// Ensure `southwest` and `northwest` are objects in google.maps.LatLngLiteral form:
// southwest == {lat: 32.79712, lng: -117.13931}
// northwest == {lat: 32.85020, lng: -117.09356}

var shrunkBounds = slightlySmallerBounds(southwest, northeast);
var newSouthwest = shrunkBounds[0];
var newNortheast = shrunkBounds[1];

// `map` is a `google.maps.Map`
map.fitBounds(
  new google.maps.LatLngBounds(newSouthwest, newNortheast)
);

У меня есть приложение, делающее то же самое, что и codr: сохранение текущих границ карты в URL-адресе и инициализация карты из URL ограничивается при обновлении. Это решение прекрасно работает для этого.

Почему это работает?

По сути, Google Maps делает это, когда вызывается fitBounds():

1. Сосредоточьте карту на центральной точке заданного ограничивающего прямоугольника.
2. Увеличьте масштаб до самого высокого уровня масштабирования, при котором область просмотра будет содержать заданные границы внутри окна области просмотра.

Если заданные границы точно соответствуют области просмотра, Карты Google не считают это «содержащим» границы, поэтому уменьшают масштаб еще на один уровень.

У меня возникла та же проблема, когда после инициализации карты с именем map.fitBounds(...). Поведение, с которым я столкнулся, заключалось в том, что если метод fitBounds вызывался через несколько секунд после инициализации карты, то проблем не возникало (масштаб был соответствующим). Итак, сначала я начал вызывать метод fitBounds после того, как карта была загружена, что на картах Google означает, что карта idle.

google.maps.event.addListener(map, 'idle', function() {
   var bounds = //define bounds...
   map.fitBounds(bounds);
});

Это действительно работает, однако событие idle запускается почти постоянно. И если есть какие-либо изменения на карте (перетаскивание, масштабирование и т. д.), когда это изменение прекратится, карта снова будет соответствовать границам... Проблема в том, что вызов метода только один раз не работать (либо с логическим значением, чтобы проверить, был ли он уже вызван, либо с google.maps.event.addListenerOnce, потому что в первый раз, когда карта простаивает, она все еще «не готова» для установки границ. (Из опыта).

google.maps.event.addListenerOnce(map, 'tilesloaded', function() {
   var bounds = //define bounds...
   map.fitBounds(bounds);
});