基于纬度经度

Question

我开发样本反应，本地应用程序如何定位到特定的位置，在该应用程序我使用的反应 - 原生地图。它的工作精细地图显示当前位置，但是，我有自定义纬度经度，现在我想要导航到特定的位置，当我点击一个按钮。

这儿，这是我的代码：

<MapView 
        ref='map' 
       style={styles.map} 
       region={this.state.mapRegion} 
       showsUserLocation={true} 
       followUserLocation={true} 
       zoomEnabled={true} 
       pitchEnabled={true} 
       showsCompass={true} 
       showsBuildings={true} 
       showsTraffic={true} 
       showsIndoors={true} 
       onRegionChange={this.onRegionChange.bind(this)} 
       onPress={this.onMapPress.bind(this)}> 
      {this.state.markers.length != 0 || this.state.markers != undefined ?(
       this.state.markers.map(marker => (
       <MapView.Marker 
       coordinate={{ 
        latitude: marker.Latitude||this.state.lastLat||region.latitude, 
        longitude:marker.Longitude||this.state.lastLong||region.longitude 
       }} 
       image = { 
        marker.EmergencyService == true ?(
        require('./Imgs/emergencyService.png')): 
        (require('./Imgs/regularService.png')) 
       } 
       onCalloutPress={() => this.bookDoctorsAppointment(marker)} 
     > 
     <MyCustomMarkerView marker={marker} navigator={this.props.navigator}/> 
     </MapView.Marker> 
      )  
     )):(<View></View>)} 
      </MapView> 

Answer 1

似乎有可用一堆的方法，我尝试animateToRegion如下：

：

https://github.com/airbnb/react-native-maps/blob/master/docs/mapview.md#methods

所以使用REF尝试

class MyComp extends Component { 
    setMap =() => { 
     if (this.map) { 
      console.log('keys on this.map:', Object.keys(this.map)); 
      this.map.animateToRegion(...); 
     } 
    } 
    getRefMap = el => this.map = el; // this also triggers when <MapView unmounts but el will be `null` so you can test if (el) { alert('mounted') } else { alert('unmounted') } 
    render() { 
     return (
      <View> 
       <Text onPress={this.setMap}>Set map!</Text> 
       <MapView ref={this.getRefMap} ...>; 
      </View> 
     ) 
    } 
}