У меня возникли проблемы с куском кода реакции-нативных карт.Карта отображается нормально, но я не могу отобразить маркеры.Я попытался жестко закодировать маркеры в моей начальной области.Я не получаю никаких ошибок.Я также попытался полностью уменьшить масштаб, и маркеры нигде не отображаются.
this.state = {
peepsLocations: [
{
rotation: 78,
position:{
latitude: 26.12241,
longitude: -80.14238,
}
}, {
rotation: 90,
position:{
latitude: 26.12235,
longitude: -80.14638,
}
}, {
rotation: 10,
position: {
latitude: 26.12231,
longitude: -80.14338,
}
},
]
};
this.initialRegion = {
latitude: 26.12231,
longitude: -80.14338,
latitudeDelta: .00922,
longitudeDelta: .00421
}
}
componentDidMount(){
this._onRegionChange.call(this, this.initialRegion)
}
render() {
return (
<View style={styles.container}>
<MapView
provider="google"
initialRegion={this.initialRegion}
style={styles.fullScreenMap}/>
{
this.state.peepsLocations.map((peepLocation, i) => (
<MapView.Marker
key={i}
coordinate={peepLocation.position}
title={`peep ${i}`}
description={`peepLocation.rotation.toString() this peep is ...`}
>
</MapView.Marker>
))
}
</View>
);
}