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

发布时间：2020-12-15 16:15:21 所属栏目：百科来源：网络整理

导读：我正在使用反应原生地图聚类的MapView和反应原生地图的标记和标注.我无法使用animateToRegion. 它告诉我this.mapView.animateToRegion不是一个函数 MapView ref={map={mapView = map}} provider='google' clustering={true} onClusterPress={this.onPressClu

我正在使用反应原生地图聚类的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>
    );
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!