10

React Native では、react-native-maps を使用してサンプル アプリケーションを開発しています。正常に動作していますが、わかりませんでした: 現在の場所から別の住所または場所への RouteMap を表示するにはどうすればよいですか?

これが私のコードです:

<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.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>
    ))}
</MapView>

実際、このコードでは、いくつかのマーカーのリストが表示されていますが、すべてのマーカーのルート マップは必要ありません...特定のマーカーの一部だけを現在の場所に表示したいのです。

ここに、次のように必要な画像を添付しました。

ここに画像の説明を入力してください

4

1 に答える 1