问题标签 [react-leaflet-draw]

我正在尝试将一些 GeoJSON 导入到FeatureGroup事件_onFeatureGroupReady处理程序中，但它似乎没有呈现到地图中。代码主要基于react-leaflet-draw 此处库中的示例。奇怪的是，编辑菜单变得可用，表明数据可能在那里，但只是没有被渲染。

我不确定发生了什么，因为我一般是地图的初学者。相关代码在else if(this.props.data) {块中。这些console.log()语句都显示了数据的存在并且格式正确。

这是我尝试将此数据导入的代码FeatureGroup：

我可能做错了什么（甚至更好，我可以通过任何方式实现这一点）？

如何在单独的控制框中创建驻留在传单地图上的自定义按钮，以创建“折线”、“多边形”或“标记”，这些按钮都将位于单独的按钮上，而无需使用传单绘制 标准 UI 工具栏。我真的很想知道如何用“React”方式与 Vanilla Javascript 编写它，因为我的整个程序都是用 React 编写的。如果有人可以编写一个简单的程序，展示如何在 React 中使用单独的按钮绘制“折线、多边形”等，将不胜感激。

这是我的一些代码的片段。谢谢

其他组件

我使用 react-leaflet 和 'react-leaflet-draw' 在地图上创建栅栏。

我只想通过单击栅栏本身来编辑栅栏，而不是通过单击编辑按钮。我正在使用 geoJson 创建栅栏，

所以有人可以告诉我在编辑模式下允许围栏的属性吗？

这是我的 Dashnoard.js 文件，我没有 html 文件。我的问题是如何在传单地图上添加绘图工具栏。目前我只有地图......

谢谢！

我已成功初始化页面上的地图，但在下一步我无法初始化 na 绘图组件并设置为地图。

My purpose here is to allow only one polygon on the map. My approach has been saving the new layer during onCreated method in a var or array and in the method onDrawStart get it and delete, so once the user tries to draw another shape, the previous one gets removed, but this is not working, any suggestion how to make it possible?

Is there maybe any way to access to onDelete and to access here to the built in remove all??

我在 stackoverflow 上阅读了几篇文章，例如React Leaflet - How to render custom image using Circle Markers and custom marker icon with react-leaflet 关于如何在反应传单地图中包含自定义图标。我试过下面的代码

但图像不会在地图上呈现。

但是，如果我使用与下面相同的图标的 url，它可以工作并呈现。关于我可能做错什么的任何建议？

我正在尝试在传单地图上实现绘图功能。我创建了一个仅安装了 react-leaflet 的新应用程序，使用 npx create-react-app 并安装了以下软件包：

• npm install react react-dom 传单
• npm 安装反应传单

至此，我已经启动了应用程序，一切正常：地图已正确显示，中间有一个标记。

然后我添加了 react-leaflet-draw 包，使用 npm install react-leaflet-draw，并在页面中导入它，我收到以下错误：

这是完整的代码：

这个包有什么问题？它对反应有效吗？

尝试使用 react-leaflet 3.0.0 版实现 react-leafet-draw。它抛出一个错误/node_modules/react-leaflet-draw/dist/esm/EditControl.js 尝试导入错误：'MapControl' 不是从'react-leaflet' 导出的。

有没有办法用 react-leaflet V3.0.0 实现传单绘制功能？

您对将绘图功能实现到 react-leafletV3 有任何想法吗？我添加了一个事件侦听器，但它无法正常工作并对任何事情做出反应。

根据这个代码框，我用来生成反应地图，我已经实现了抽屉插件。在这里，我想删除我添加到地图中的最后一个形状，并创建并显示新地图而不是最后一个形状。有没有这样做的高性能方法？