2016-09-19 6 views
6

react-native-maps 문서에는 마커 배열 확대/축소 섹션이 있지만 문서 또는 예제 폴더 (에서이 작업을 수행하는 방법에 대한 코드 예제는 없습니다. 내가 무엇을 찾을 수 있습니까?)지정한 마커 확대/축소 반응 네이티브지도

누구든지이 작업을 수행하는 방법에 대한 예제를 제공 할 수 있습니까?

+0

https://github.com/airbnb/react : 당신이 부하에 마커의 일부 컬렉션에서지도를 확대하려면 https://github.com/airbnb/react-native-maps/blob/master/docs/mapview.md#methods

, 당신은 렌더링 초기 이후 확대 componentDidMount을 사용할 수 있습니다 -native-maps/blob/master/example/examples/FitToSuppliedMarkers.js 이것은 배열에 확대/축소의 예제 인 것 같습니다. –

답변

12

MapView 구성 요소 문서에는 몇 가지 방법이 있습니다. fitToElements, fitToSuppliedMarkersfitToCoordinates입니다.

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