缩放到指定的标记react-native-maps

时间:2016-09-19 13:58:29

标签: google-maps reactjs react-native maps apple-maps

react-native-maps文档中有一个部分用于缩放到标记数组,但是在docs或examples文件夹中没有关于如何执行此操作的代码示例(我可以找到)

有人可以举例说明如何做到这一点吗?

1 个答案:

答案 0 :(得分:24)

在MapView组件文档中,有几种方法:fitToElementsfitToSuppliedMarkersfitToCoordinateshttps://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>
    }
}