Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
1.1k views
in Technique[技术] by (71.8m points)

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

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?


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Answer

0 votes
by (71.8m points)
等待大神答复

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...