reactjs - Google-map-react. How to know if the fetched location belongs to northEast and southWest OR northWest and SouthEast

Question

I've been struggling to use fitBounds() on google-map-react. I'm using it like this:

        nw:{
          lat: pickup.latitude,
          lng: pickup.longitude
        },
        se:{
          lat: dropoff.latitude,
          lng: dropoff.longitude
        },
      } 
     
      const {center,zoom} = fitBounds(bounds,mapSize)
 <GoogleMap
  center={center}
  zoom={zoom}
>
      <Component/>
 </GoogleMap>

I understand that the use of bounds is to draw a square. however, when I fetched a data which is opposite to the {ne:},{sw:} the zoom gets an -Infinity value, and the map would be on the center of the earth(out of nowhere). Then, when I changed the object keys of the bounds object like changing it to northEast ne and southWest sw:

const bounds = {
        ne:{
          lat: pickup.latitude,
          lng: pickup.longitude
        },
        sw:{
          lat: dropoff.latitude,
          lng: dropoff.longitude
        },
      } 

it will render properly on the map. Please advise on how can I dynamically fix this?

Answer 1

等待大神答复