问题标签 [react-leaflet-v3]

我想<MapContainer>从初始外部渲染一个孩子MapContainer。这有可能吗？

在 react-leaflet-v3 中，我通过引用传递地图对象来在地图上渲染很多项目。但是对于我目前的情况，我希望根据路由在地图顶部呈现一个反应按钮。

一种方法是<Route />.在 MapContainer 中添加嵌套。然而，由于分散的路线行为，这并不理想......

有可能以另一种方式吗？

有一个在 react-leaflet v2 上运行的库。https://github.com/somarmeteorologia/react-leaflet-markers 但我的项目使用 react-leaflet v3。因此，这个库需要为新版本重写。为此，您需要重写以下代码：

您好，我想加载带有地理位置坐标的地图。现在，我将地图加载到定义的中心，当 onClick 事件发生时，视图设置为地理定位位置。我只是希望在我第一次加载地图时发生这种情况。我的代码如下：

我想为我的项目在 react js 中渲染地图。因此，我使用代码 npm i react-leaflet 安装了 react-leaflet，并且还在终端中执行了 npm i 传单，并为反应传单输入了一些代码。代码如下： 这是我的 Map.JS 文件：

这是我的 App.js 文件：

但问题是它显示错误：

此错误发生在构建期间，无法消除。

我的组件有以下回报

这是我的 MapComponent，我在其中带孩子并添加一些自定义道具。在添加到 DOM 的更高 div 的条件下渲染地图：

还有 RouteSectionsLayer 组件：

渲染时我得到“未捕获的类型错误：无法读取未定义的属性 'appendChild'”。我究竟做错了什么？

更新：我尝试按照文档中的核心架构示例重写 RouteSectionsLayer，现在看起来像这样：

错误仍然在这里

我有一张地图，显示城市中每个不同公共设施的标记，我想要一组复选框来根据其类型过滤这些设施，一个类型复选框。每个类型都有多个标记，地图只会显示选中的标记。
我正在使用 react-leaflet v3。

这就是我试图做的：

typologies是字符串列表，publicFacilities是对象列表。

但是通过这种方法，我为每个设施都设置了一个复选框。

尝试使用 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 实现传单绘制功能？

我使用 kboul 代码在 React-leaflet v3.1.0 中添加了一个搜索框，但我收到此错误“TypeError: Object(...) is not a function”，可能是因为我已经在我的 MapContainer 中设置了一个地图实例选项“whenCreated”。我可以使用我在 MapContainer 中定义的同一个地图实例吗？

这是我的代码。感谢帮助！

根据这个代码框，我试图通过改变状态来改变地图的左层或右层，但是当我改变它时它会改变整个地图图块。任何想法建议将不胜感激。

这是整个代码。

当前的 ACTIVE（查看注释掉的内容）一段代码仅用于显示一个标记。但是当你取消注释这部分

并注释掉这部分。

它不起作用。我试图能够通过单击附加到标记数组来向地图添加多个标记，然后映射到数组以一一显示每个标记。