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

Question

我是 React Native 的新手，但我试图做的是移植以地图为中心的 react 应用程序。通常在 react 中，我可以将 Geojson 文件直接加载到 Google 地图的数据层，但我如何在 react-native-maps 中执行此操作？此外，每当 Geojson 在 react 中加载时，我都可以附加一个事件侦听器来在您单击该区域时触发某些内容，这在 RN 中是如何完成的。(下面的反应代码(

我尝试过使用(多边形(，但是Geojson中坐标的格式不能很好地相互配合。

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

Answer 1

首先，看看 https://github.com/frankrowe/react-native-geojson，它允许您将GeoJSON数据从react-native-maps加载到MapView元素中。关于点击事件，尽管该元素支持 onPress 属性，但目前 react-native-geojson 不会将此类属性从 GeoJSON 传播到计算的多边形。

首次尝试支持onPress的每个功能都是在这个分叉 https://github.com/Appcademy/react-native-geojson