Я пытаюсь создать приложение с React Native. Я хочу показать карту с разными маркерами. Маркеры находятся в файле json. Это мои файлы: https://github.com/funkyyy/platzfinder
Мне удалось получить координаты из файла json, но я не знаю, как отобразить их на картах.
Мне удалось сохранить координаты в разные переменные.
например, если я помещу этот фрагмент в свой appBodyData.js
let coord = this.props.data.map(function(coordinates, index){
var latitudes = coordinates.geometry.coordinates[0];
var long = coordinates.geometry.coordinates[1];
return(
<View>
<Text>
Lat: {latitudes}
</Text>
<Text>
Long: {long}
</Text>
</View>
)
});
return (
<View style={styles.container}>{coord}</View>
);
я могу отобразить его как текст.
мой текущий код
render(){
let coord = this.props.data.map(function(coordinates, index){
var lat = coordinates.geometry.coordinates[1];
var long = coordinates.geometry.coordinates[0];
});
return (
<View style={styles.container}>
<MapView style={styles.map}
showsUserLocation
>
<MapView.Marker
coordinate={{
latitude: {lat},
longitude: {long},
}}
/>
</MapView>
</View>
);
}
но он не показывает мне маркер :/
где моя ошибка?
Или есть лучший способ справиться с этим?
В будущем файл Json будет расти, где мне нужно отображать несколько маркеров.
Будет ли это работать?