问题标签 [react-leaflet]

我正在尝试扩展一个 react-leaflet 组件，以便可以向它添加自定义变量。

我需要向折线添加一个“id”（因此当用户单击它时，我可以检索该 id 并在后面进行服务器调用以收集其上的数据）。我不得不对标记做同样的事情并找到了这个解决方法：

我不完全确定这是否是正确的方法。但是当涉及到折线组件时，我被卡住了。我找到了这个答案，我想将它应用到 react-leaflet 但我不知道该怎么做。这是我的扩展组件的当前状态：

我想扭曲'leaflet-geosearch'以在使用leaflet-geosearch的react.js应用程序中工作。这可能吗？

这方面的任何例子都将非常有用。

我想在我的地图中添加一条折线，但似乎无法让它在按钮单击时呈现。这是我目前拥有的代码：

谢谢，埃德。

我目前正在使用<GeoJSON>在地图上显示多边形的 featureCollection。这输出 svg 类似于：

我的每个 geojson 功能都以路径的形式出现 - 但我们希望能够控制功能的呈现，以便能够将它们包装在一个组中，并且还包括一个图标和一些文本，例如：

一般来说，我对传单很陌生，传单反应更是如此 - 我查看了文档，但我可能没有在寻找正确的术语。我可能还需要使用其他东西<GeoJSON>吗？感谢您的帮助，如果我可以扩展任何内容，请告诉我。

我有以下代码：

除非我尝试使用我所在州的坐标，否则此地图会正确显示。State 的输出如下所示：

我如何将这些数据传递给position变量并使用它？我现在尝试的是：我定义了另外两个状态 -lat并lng使用来自服务器的相应值，并map在这些状态上执行以提取所需的值，如下所示：

但是当我将它传递给positionlikelet position = [latVal, lngVal]变量时，我收到一条错误消息，说 my latValis null，但我可以console.log同时使用两个值（latVal和lngVal) render()，在这种情况下，输出看起来像这样：90.7250000000000128.105090.1649999999999929.555000000000003088.233我认为这会导致错误，我不确定如何我应该转换这些数据以使其工作吗？提前致谢！

UPD 我设法改变latVal并lngVal输出，我的新代码如下所示：

但仍然没有运气。

所以我正在使用传单反应，我需要添加一些圆圈标记。

现在这段代码可以工作......有时。在地图上单击应该添加一个圆形标记，但有时它不是。看似随机，它不会添加可见标记。如果我更改缩放级别，有时标记会变得可见，但并非总是如此。所有代码每次都运行，所以并不是 addMarker() 没有被调用，最后一个标记的删除（通过清除标记层）总是运行。

谢谢，埃德。

I need to invalidate some react-leaflet maps which are generated after the page loads with this code:

I tried using this code:

But this error is thrown:

Thanks, Ed.

刚刚开始使用 react-leaflet 和小册子。单击标记后，我希望在地图上方全屏覆盖以显示图表。但无论我如何设置 and 的 z-index，叠加层总是位于地图下方。由于大多数 z-index 问题适用于组件内的地图图层等，因此无法找到答案。

它应该很简单，请指出正确的方向。

我试图通过使用反应的状态来制作动态多边形，但传单多边形没有被重新渲染。

目标是创建用户在地图中单击创建的多边形。

请检查这个小提琴： https ://jsfiddle.net/cesargdm/j2g4ktsg/1/

我有 GeoJSON 数据，用于在地图上创建带有 react-leafet 的 CircleMarkers，并使用 D3.js 在其下方创建散点图。

我想将两者联系起来，这样当您将鼠标悬停在 CircleMarker 上时，图表上匹配的圆圈也会改变填充和描边颜色。

我尝试给每个人一个独特的课程，但这只会分别突出每个圆圈，而不是同时突出显示。

我不确定如何进行。我可以设置一个 id 或使用每个键来执行此操作吗？

以下是我为地图创建 CircleMarkers 和为图表创建圆圈的方法：

链接到 jsfiddle 上的完整代码：https ://jsfiddle.net/mendoza_line/39n4rs4q/