首页 > 解决方案 > 如何将 Geojson 添加到 React-Native-Maps?

问题描述

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

我尝试过使用 (Polygon),但 Geojson 中坐标的格式不能很好地相互配合。

map.data.addGeoJson(localGeoJsonFile.json);

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

标签: reactjsgoogle-mapsreact-nativegeojson

解决方案


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

在这个 fork https://github.com/Appcademy/react-native-geojson中首次尝试在每个功能上支持 onPress


推荐阅读