当前位置: 首页 > 知识库问答 >
问题:

如何添加Geojson到React-Native地图?

岳泳
2023-03-14

我是React Native的新手,但我想做的是移植到我的反应应用程序上,该应用程序以地图为中心。通常情况下,我可以直接加载Geojson文件到谷歌地图的数据层,但是我如何在反应本地地图中做到这一点呢?另外,每当Geojson被加载时,我可以附加一个事件监听器,当你点击该区域时触发一些东西,这是如何在RN中完成的。(下面的反应代码)

我尝试过使用(多边形),但Geojson中的坐标格式彼此之间并不协调。

map.data.addGeoJson(localGeoJsonFile.json);

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

共有1个答案

章晗日
2023-03-14

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

在这个fork中首次尝试在每个特性上支持onPresshttps://github.com/Appcademy/react-native-geojson

 类似资料:
  • 问题内容: 应用崩溃时,我收到如下错误日志: 致命异常:com.facebook.react.modules.core.JavascriptException:onSelect index.android.bundle:20:7148 onPress index.android.bundle:20:2435 但这对我排除麻烦不是真的有帮助。如何启用源地图,以便能够找出问题所在? UPDATE 20

  • 我使用React-Leaflet显示Leaflet.js地图。我使用React-Leaflet GeoJSON(这里的来源)在地图上显示一个多边形层。 虽然我可以改变多边形填充()的不透明度,但我找不到用图案(如方格、条纹等)填充多边形的选项 我发现了一个项目(Leaflet.pattern),它支持将填充模式添加到形状,但是它还没有被修改为与一起使用。 所以我的问题是:我如何向形状中添加模式,或

  • 通过执行,我创建了一个react native应用程序。 然后,我按照这里的说明,向它添加react-nate-web。 我还添加了一个我的应用程序根文件夹下的文件。以下是该文件的外观: 这是我的文件: 下面是我在文件: 但是,当我尝试使用下面的命令运行此命令时,我得到以下错误。 错误: 错误/指数网状物js模块构建失败(来自./node_modules/babel loader/lib/inde

  • 在React Native中,进行开发构建时,您可以摇动设备或使用菜单按钮打开开发人员菜单。如何将其他自定义项添加到此菜单?我还没有找到任何关于添加另一项的文档,但我认为从“开发”菜单中选择“在服务器环境(开发、产品等)之间切换”会非常方便,而不是针对每个环境进行单独的构建测试。

  • 其中将是洛雷姆·伊普苏姆文本。对于样式: 这样做的目的是将所有文本放在头像和用户名下,而不是在用户名的一侧,并在文本溢出时添加分隔符。我该怎么做才能使文本分隔符?

  • 我想在我的< code >上添加属性 似乎路线路径确实与问号混淆了。如果我把它换成其他东西,比如一个符号戳,它就会“起作用”。然而,这不是我想要的格式。我想要常规的<代码> 我找不到关于如何使这样的东西工作的文档。我看到了一些关于url的部分的东西,但我不太理解它。 谢谢你的所有帮助