React Native:给定区域中的中心MapBox,而不仅仅是中心坐标

时间:2016-07-18 12:37:00

标签: reactjs react-native mapbox mapbox-gl mapbox-gl-js

在这里,我试图在给定区域内实现MapBox地图的居中:

  • 该区域可以通过(子)注释集理想地定义
  • 或者它可以只是一个简单的矩形

据我所知,MapBox仅允许以单centerCoordinate为中心并设置zoomLevel。通过设置zoomLevel,似乎无法保证矩形将包含在MapBox内。

如何实现一次显示整个区域并且地图以它为中心?

<Mapbox
  accessToken={'ACCESS_TOKEN'}
  centerCoordinate={this.state.currentView.coordinates}
  zoomLevel={this.state.currentView.zoomLevel}
/> 

1 个答案:

答案 0 :(得分:2)

Map#fitBounds方法似乎完全符合您的要求。但是,我不确定是否/如何将它与反应包装器一起使用。