fitBounds breaks when bounds 'nw' === 'se'

let’s say the bounds for fitBounds is:

{ "nw": { "lat": 33.76845, "lng": -84.3883053 }, "se": { "lat": 33.76845, "lng": -84.3883053 } }

fitBounds will return { "zoom": 0, "center": { "lat": 33.76844999999999, "lng": 95.61169469999999 } }

[henrymoews]

@magicalbanana Sure. In the end we had a function that got the nw and se as a param and we made sure those to points weren’t identically by adding / substracting a tiny number. Here’s the complete function:

/**
 *
 *
 @param mapSize
 * @param bounds {{nw: {lat: number, lng: number}, se: {lat: number, lng: number}}}
 * @returns {{center: {lat: number, lng: number}, zoom: number}}
 */
export function getMapCenterAndZoomByBounds(mapSize, bounds){

  // the fitBounds method cannot handle bounds that have the same nw and se values so let's modify them a bit
  const boundsToUse = bounds;
  if(bounds.nw.lat === bounds.se.lat){
    boundsToUse.se.lat += 0.0000001;
  }
  if(bounds.nw.lng === bounds.se.lng){
    boundsToUse.se.lng += 0.0000001;
  }

  const centerAndZoom = fitBounds(boundsToUse, mapSize);

  // Just a fallback; there is no zoom if the coords given as NW and SE weren't actually NW and SE
  if(!centerAndZoom.zoom){
    centerAndZoom.zoom = 17;
  }

  return {
    center: centerAndZoom.center,
    zoom: Math.min(centerAndZoom.zoom, MAX_DEFAULT_ZOOM) - 1,
  };
}

[lancetw]

I got similar issues with onChange callback, the correct longitude is -121.8863286, but center return 238.11366940000005.

{center: {lat: 37.33820819999998, lng: 238.11366940000005}, zoom: 16, bounds: {nw: {lat: 37.34186755251527, lng: -121.89283227465205}, se: {lat: 37.33454866918679, lng: -121.87982892534785}}, marginBounds: {nw: {lat: 37.34186755251527, lng: -121.89283227465205}, se: {lat: 37.33454866918679, lng: -121.87982892534785}}, size: {width: 606, height: 429}} 39