GoogleMaps에서 위치 기반 검색을 사용하여 Reactative 뷰포트 변경

Question

Google Maps API (Airbnb 제공)에서 ReactNative를 사용하고 있습니다. Google Maps geolocation 검색을 구현했으며 json으로 위도/경도 응답을 받았습니다.

이제 검색 한 위도/경도에 표시하기 위해지도를 다시 렌더링하는 데 문제가 있습니다.

는 지금까지이 문제를 해결하려면 나는 시도했다 :

• 이지도보기
의 onChange 및 지역의
• 다른 조합의 initialRegion 속성의 상태를 변경지도보기
• 의 지역 특성의 상태를 변경, 어느 것도 효과가 없습니다.

다음에 시도해 볼 것을 제안 해 주시면 감사하겠습니다. 내 전체 코드 here을 찾을 수 있습니다.

Answer 1

당신처럼되고 코드를 변경할 수 있습니다이

render() { 
return (
    <View style={styles.container}> // add a container view with absolute position same as map 
    <MapView 
    provider={ PROVIDER_GOOGLE } 
    style={styles.container} 
    region={this.state.locationCoordinates} // change from initialRegion to region 
    zoomEnabled={true} 
    scrollEnabled={true} 
    > 
     <MapView.Marker 
     coordinate={{ 
     latitude: 37.7749, 
     longitude: -122.4194, 
     }} 
    /> 
    </MapView> 
    <View style={styles.inputContainer}> // remove input container from inside the MapView 
     <TextInput 
     placeholder="Where to?" 
     style={ styles.input } 
     onChangeText={this.handleLocationInput} 
     value={this.state.locationInput} 
     onSubmitEditing={this.handleSubmit.bind(this)} 
     /> 
    </View> 
    </View> 
); 
}