Question

我正在使用ReactNative和GoogleMaps API（Airbnb）。我实施了GoogleMaps地理位置搜索，并以json的形式接收了一个lat / long响应。

现在我无法重新渲染地图以在搜索的纬度/长度显示。

到目前为止，为了解决这个问题，我尝试过：

更改MapView的region属性的状态
更改MapView的initialRegion属性的状态
onChange和region的不同组合，其中没有一个有效。

希望听到下一步尝试的建议 - 您可以找到我的完整代码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>
  );
}

使用GoogleMaps地理位置搜索更改ReactNative视口

1 个答案: