2016-09-19 169 views
6

react-native-maps文檔中有一部分用於縮放到標記數組,但是沒有關於如何在文檔或示例文件夾中執行此操作的代碼示例(來自我能找到什麼)縮放到指定標記react-native-maps

任何人都可以提供一個如何做到這一點的例子嗎?

+0

https://github.com/airbnb/react -native-maps/blob/master/example/examples/FitToSuppliedMarkers.js這似乎是Zoom to Array的一個例子。 –

回答

12

在MapView組件文檔中,有幾種方法:fitToElements,fitToSuppliedMarkersfitToCoordinateshttps://github.com/airbnb/react-native-maps/blob/master/docs/mapview.md#methods

如果你想放大的負荷指標的一些收集的地圖,你可以使用componentDidMount放大初始後呈現:

class SomeView extends Component { 
    constructor() { 
     this.mapRef = null; 
    } 

    componentDidMount() { 
     this.mapRef.fitToSuppliedMarkers(
     someArrayOfMarkers, 
     false, // not animated 
    ); 
    } 

    render() { 
     <MapView 
     ref={(ref) => { this.mapRef = ref }} 
     > 
     { someArrayOfMarkers } 
     </MapView> 
    } 
} 
+0

謝謝你,但我會如何改變變焦距離?目前爲止,縮小了所有的標記,看起來是相互重疊的。 –

+3

忽略我以前的評論,我是個白癡。再次感謝。 –

+0

@LukeBerry,你是如何解決縮放級別問題的? – denisw