Mapbox 将“贴图盒”视口设置为两个标记的中心

在我的例子中，如何将地图的中心设置为两个标记的中心，

markerStart

和

markernd

我试着使用

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>

viewportChangeHandler（newViewPort）}
//中心={[32.958984，-5.353521]}
//fitBounds={[[32.958984，-5.353521]，[43.50585,5.615985]]
>
{markerStart.latitude&&
}
{markerEnd.纬度&&
}

您是否尝试使用

纬度

/

经度

道具（而不是中心）？@MeltedPenguin纬度/经度可以工作，但我必须自己计算中心点的纬度/经度。我不认为这是最好的方法，因为这不会扩展，即如果点数从2增加到3，以此类推