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

如何在React传单地图上向GeoJson形状添加图案?

宰父淳
2023-03-14

我使用React-Leaflet显示Leaflet.js地图。我使用React-Leaflet GeoJSON(这里的来源)在地图上显示一个多边形层。

虽然我可以改变多边形填充(fillOpacity)的不透明度,但我找不到用图案(如方格、条纹等)填充多边形的选项

我发现了一个项目(Leaflet.pattern),它支持将填充模式添加到Leaflet.js形状,但是它还没有被修改为与React-Leaflet一起使用。

所以我的问题是:我如何向反应传单形状中添加模式,或者调整传单。图案用于反应传单?(对于后者,这里有关于如何创建自定义React传单组件的说明,但我不知道在这种情况下如何操作-它似乎比平常更复杂)

共有1个答案

白迪
2023-03-14

看看文档中关于扩展反应传单的部分

如果您使用的是react传单v1,则可以直接扩展react传单的GeoJSON类。如果您使用的是v2,则需要扩展Path类。为了理解为什么这是必要的,我们来看看这个问题。

一旦您确定了要扩展哪个类,您的大多数更改很可能需要在createFloapElement函数中进行,也可能在updateLabletElement函数中进行。

 类似资料:
  • 我是React Native的新手,但我想做的是移植到我的反应应用程序上,该应用程序以地图为中心。通常情况下,我可以直接加载Geojson文件到谷歌地图的数据层,但是我如何在反应本地地图中做到这一点呢?另外,每当Geojson被加载时,我可以附加一个事件监听器,当你点击该区域时触发一些东西,这是如何在RN中完成的。(下面的反应代码) 我尝试过使用(多边形),但Geojson中的坐标格式彼此之间并不

  • 我一直在阅读GoogleMapsJSAPI的文档,我无法理解这一点。我想将geojson文件加载到地图,以便它可以显示所有标记,但在文档(如下所示)中,它使用url。除了使用本地文件(使用我自己的geojson)之外,我如何做同样的事情? 这是GoogleAPI文档 这是我的geojson。根据控制台,错误出现在“类型”:“FeatureCollection”(the):) 控制台错误 控制台错误

  • 最近我加入了GitHub。我在那里主持了一些项目。 我需要在自述文件中包含一些图像。我不知道怎么做。 我搜索了一下,但我得到的只是一些链接,告诉我“在web上托管图像并在readme.md文件中指定图像路径”。 有没有什么方法可以做到这一点,而不将图像托管在任何第三方web托管服务上?

  • 我陷入了感觉应该相对容易的事情。我下面带来的代码是基于我正在进行的一个更大项目的示例。我认为没有理由发布所有细节,所以请按原样接受我带来的数据结构。 基本上,我正在创建一个条形图,我只是想知道如何在条形图上添加值标签(在条形图的中心,或者就在它的上面)。我一直在网上寻找示例,但是在我自己的代码上没有成功实现。我相信解决方法是用“文本”或“注释”,但我:a)不知道用哪一个(而且总的来说,还没想好什么

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

  • 问题内容: 我正在使用JDeveloper在Java中设计一个表单。我是JDeveloper的新手。在JDeveloper工具中,我没有找到任何直接将图像添加到.Net之类的选项。而且我不知道如何手动添加图像以形成表单。还有其他解决方法。所以请帮我解决。 问题答案: 就这么简单: 耶!现在,您的图像是摆动组件!将其添加到框架或面板或通常执行的任何操作中!可能也需要重新粉刷,例如