2016-07-18 21 views
0

Here I Zentrieren eine MapBox Karte in einem bestimmten Gebiet zu erreichen versuchen:Reagieren Nativ: Zentrum MapBox in einem Bereich gegeben, nicht nur im Zentrum koordinieren

  • Der Bereich kann durch eine (Teil-) idealerweise definiert werden Satz von Anmerkungen
  • Alternativ kann es nur für
  • Einfachheit ein ein Rechteck seiner

von dem, was ich von seiner Dokumentation wissen, MapBox nur erlaubt in einer einzigen centerCoordinate Zentrieren und zoomLevel Einstellung. Durch die Einstellung zoomLevel scheint es keine Garantie zu geben, dass das Rechteck innerhalb der MapBox enthalten ist.

Wie erreicht man, dass ein ganzes Gebiet gleichzeitig angezeigt wird und die Karte zentriert wird?

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

Antwort

2

Die Map#fitBounds Methode scheint genau das zu tun, was Sie suchen. Ich bin mir jedoch nicht sicher, ob und wie ich es mit dem reaktiven Wrapper verwenden soll.

+0

Ich würde nach vorhandenen Implementierungen suchen. Wie Sie gesagt haben, sollte es möglich sein, Wrapper in React zu implementieren. –