如何将Geojson添加到React-Native-Maps?

时间:2019-06-08 19:31:48

标签: reactjs google-maps react-native geojson

我是React Native的新手,但是我想做的是移植在以地图为中心的react应用上。通常,在react中,我可以将Geojson文件直接加载到Google Maps的数据层,但是如何在react-native-maps中执行此操作?同样,无论何时只要在Geojson中加载react,我都可以附加一个事件侦听器以在您单击该区域时触发某些事件,这在RN中是如何实现的。 (下面的代码)

我尝试使用(多边形),但是Geojson中带有坐标的格式不能很好地发挥作用。

map.data.addGeoJson(localGeoJsonFile.json);

map.data.addListener(‘click’, function(event) {
getInfo = event.feature.getProperty(‘city_name’);
});

1 个答案:

答案 0 :(得分:1)

首先,请看https://github.com/frankrowe/react-native-geojson,它使您可以将GeoJSON数据从react-native-maps加载到MapView元素中。 关于点击事件,尽管该元素支持onPress属性,但是当前react-native-geojson不会将此类属性传播到GeoJSON所计算的Polygon中。

在此分支https://github.com/Appcademy/react-native-geojson

中首次尝试支持onPress的每个功能。