将mapbox视口设置为2个标记的中心

Question

如何在我的情况下将地图的中心设置为两个标记的中心，markerStart和markerEnd。

我尝试使用center={[lat,lng]}作为道具，但没有任何作用。

似乎必须有一个道具才能这样做，但文档是如此广泛。我所看到的只是fitBounds和center但不知何故他们不是ReactMapGL的支柱

<ReactMapGL
   {...mapViewPort} // contains latitude and longitude
   preventStyleDiffing={false}
   width={width}
   height={height || 300}
   mapStyle="mapbox://styles/mapbox/light-v9"
   mapboxApiAccessToken={mapboxApiAccessToken}
   onViewportChange={(newViewPort) => viewportChangeHandler(newViewPort)}
   // center={[32.958984, -5.353521]}
   // fitBounds={[[32.958984, -5.353521], [43.50585, 5.615985]]}
>

   { markerStart.latitude &&
     <Marker
       longitude={markerStart.longitude}
       latitude={markerStart.latitude}
     >
       <Pin size={30} pinColor='#d00' />
     </Marker>
   }
   { markerEnd.latitude &&
     <Marker
       longitude={markerEnd.longitude}
       latitude={markerEnd.latitude}
     >
       <Pin size={30} pinColor='#323844' />
     </Marker>
   }
</ReactMapGL>