问题标签 [react-leaflet-draw]

我正在尝试使用react-leaflet的绘图功能在哪里不是绘制地图，而是在图片上绘制现在我必须使用里面的功能你有什么建议吗？或者如果无法完成

在 react-leaflet 项目中，我使用 react-leaflet-draw 来绘制形状。对于折线，我编写了一个特定的表格。用户可以为创建的折线输入缓冲区。此缓冲区必须显示为折线的阴影，宽度以米或公里为单位。现在我想显示（渲染）它们的纬度在该阴影或缓冲区大小内的所有点（标记）。我该如何实施？

这是我的代码框的链接

https://codesandbox.io/s/confident-swanson-rfp39？

它包含地图组件和一个小型 node.js 服务器

首先我使用节点 mapserver.js 启动服务器，然后绘制一条折线。在此之后或之前，我应该以 m 或 km 为单位输入缓冲区大小。然后我单击按钮并开始获取请求。提取完成后，缓冲区中的所有点都必须用标记显示。

最重要的是，更新缓冲区时，它必须显示为折线的阴影，但我无法实现：|||

我实现了对圆形和多边形的搜索，但我的折线解决方案失败了。

这是处理 onCreated 事件的 onCreate 方法：

`

`

这是我的折线搜索算法：`

` 任何帮助都会很愉快 :))

版本：传单 - 1.3.4

反应传单 - 2.0.1

传单绘制 - 1.0.4

反应传单绘制-0.19.8

代码：

错误：

找不到依赖项：'@react-leaflet/core' 相对于'/node_modules/react-leaflet-draw/dist/esm/EditControl.js'

我尝试将 react-leaflet 升级到 3.x，但同样的错误。

我需要将弹出窗口添加到将要绘制的多边形中。

代码：

在这里，用户可以在 EditControl 的帮助下随时随地绘制多边形。我需要在创建多边形后立即添加一个标记或一个弹出窗口。我尝试使用 react-leaflet 中的 Marker 和 Popup 组件，但它需要到不同的位置。将边界传递到位置会引发错误。

我是 react-leaflet 的新手，我有一个带有很多标记的应用程序，我将这些标记组合成一个多边形。

我想访问多边形内的标记

e.layer.editing.latlngs[0][0] 看起来像，

EditControl 是 react-leaflet-draw 组件，有助于在图像或地图中进行注释，我们从中获取坐标（上述数据），即 e.layer.editing.latlngs[0][0]。获得坐标后，我试图将这些坐标存储到一个状态（即 setCoords）中，以便我可以在其他地方使用这些坐标。

这里的问题是，在第一次获得 coordsList 之后， setCoords 实际上并没有设置这些坐标（第二个 console.log 返回空数组，即使第一个 console.log 确实返回了所需的输出）。但是当我第二次尝试时，即获得了一个新的 coordList 值，setCoords 设置了以前的 coordsList 的数据（第一个 console.log 正确返回 coordsList，但第二个 console.log 返回 coordsList 的先前数据）。

截图更清晰，

当我第一次得到 coordsList 时，

第二次，

我在这里的目的是在图像或地图中绘制注释，但是在完成之后，即在起始点连接回它（多边形）之后，注释会保留在那里。每次创建注释后，我都需要清除它（这里使用 onCreate 来了解坐标）。

我的示例代码：

其中 onCreated 在绘制注解后返回图层

创建多边形后，编辑多边形似乎不起作用。

代码 ：

注释已创建，然后如果我尝试通过单击右上角的编辑图标对其进行编辑。但不幸的是，编辑按钮似乎不起作用或触发编辑。

我想在 react-leaflet 中绘制一个多边形并将创建的图层发布到 API。除此之外，还有不同的任务保存在数据状态中。当前活动的任务在 activeTask 中。data 和 activeTask 都由上下文提供。每次发布图层时，我都想添加当前活动任务的 taskId。问题是：当我发布图层和taskId时，taskId为空。所以在第一个console.log（称为“activeTask 1”）中，activeTask 不是空的，所以一切都很好。但是在第二个console.log（称为“activeTask 2”）中，activeTask 是空的。如何访问 activeTask 以将其 _id 发布到 API？

我想做一个需要 react-leaflet-draw 的任务，但是发生了这个错误

有谁知道除了因为项目太大而更新 react-leaflet 之外我应该怎么做？