当前位置 : 主页 > 网页制作 > React >

react-native – 如何在反应原生地图中使用animateToRegion函数?

来源:互联网 收集:自由互联 发布时间:2021-06-15
我正在使用反应原生地图聚类的MapView和反应原生地图的标记和标注.我无法使用animateToRegion. 它告诉我this.mapView.animateToRegion不是一个函数 MapView ref={map={mapView = map}} provider='google' clusteri
我正在使用反应原生地图聚类的MapView和反应原生地图的标记和标注.我无法使用animateToRegion.
它告诉我this.mapView.animateToRegion不是一个函数

<MapView
 ref={map=>{mapView = map}}
 provider='google'
 clustering={true}
 onClusterPress={this.onPressCluster}
 region={this.state.region}
 onRegionChange={this.onRegionChange}
 onRegionChangeComplete={this.onRegionChangeComplete}
 style={styles.map}
 showsUserLocation={true}
 followUserLocation={true}
 zoomEnabled={true}
 ScrollEnabled={true}
 showsBuildings={true}
 showsMyLocationButton={false}/>
animate(){
    let r = {
        latitude: 42.5,
        longitude: 15.2,
        latitudeDelta: 7.5,
        longitudeDelta: 7.5,
    };
    this.mapView.root.animateToRegion(r, 2000);
}

render(){
    return(
        <MapView
            ref = {(ref)=>this.mapView=ref}
            region={{
                latitude: 35.688442,
                longitude: 51.403753,
                latitudeDelta: 0.5,
                longitudeDelta: 0.5,
            }}
            onPress={()=>this.animate()}
        >

           ...markers...

        </MapView>
    );
}
网友评论