问题标签 [react-leaflet]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - 将 Leaflet.Polyline.SnakeAnim 与 react-leaflet 集成
我想知道如何整合 Leaflet.Polyline.SnakeAnim ( https://github.com/IvanSanchez/Leaflet.Polyline.SnakeAnim ) 和 react-leaflet ( https://github.com/PaulLeCam/react-leaflet ) Leafletjs 插件。
我有一个 React 应用程序，它使用 react-leaflet 在 DOM 中显示一些折线。像这样：
如果我可以为它们设置动画，使它们像前面提到的插件允许的那样“蛇行”，那就太好了。但是由于我的折线是作为 React 组件实现的，所以我看不到如何为它们提供此功能。
我真的很喜欢使用 react-leaflet 语法，如果我不得不将我的应用程序移植到 VanillaJS 来实现这个功能，那将是一个遗憾
任何帮助表示赞赏！
https://github.com/caseysiebel/map-express/blob/master/client/components/Map.js
reactjs - 如何为 Marker 组件获取正确的 React 密钥？
当使用react-leaflet并渲染例如来自 latlons 数组的几个 Marker 组件时，最终会得到例如：
然而，这key={i}不是一个好的做法，正如这里所解释的那样。
react-leaflet 似乎没有提供工具来为组件生成一些唯一的密钥。在某些情况下，可能会使用key={lat.toString() + lon.toString()}，但是当标记应该是可拖动的时，这种方法将不起作用。
javascript - React Router Link 不适用于 LeafletJS
版本：
- 反应路由器 dom 4.1.1
- 反应路由器-redux 5.0.0-alpha.4
- 反应传单 1.1.3
- 传单 1.0.3
重现步骤
我创建了一张传单地图。我在其中添加了一些标记。这些标记有弹出窗口。在每个弹出窗口中，我都想要一个<Link>
另外，如果它有帮助，这是我的路由配置：
预期行为
当弹出窗口打开时，我可以看到我的链接并单击它。
实际行为
无法看到链接。它不是生成的。
额外细节
在我的里面我<MapMode>使用<Map>传单。如果我在标签<Link>上方设置 a ，它就可以工作。<Map>只要我想在我的内部有一个链接<Map>，它就会以某种方式中断。这是我页面的 React 结构，<Popup>标签只包含nullJavascript 正在破坏：
这是一个相当复杂的问题，所以请随时问我问题。谢谢。
node.js - 有人设法让 Leaflet.Elevation 与 react-leaflet 一起工作吗？
我使用 npm 包管理，我的 package.json 看起来像这样：
我想以传统（非反应）方式使用leaflet.elevationL.control.elevation ，但是这意味着用作构造函数是undefined.
我可以通过全局L变量使用 Leaflet，也可以通过 import 作为这个：
但是，当我尝试以leaflet.elevation相同的方式使用时：
我最终得到：
leaflet - 带有原始传单插件的反应传单
这是更多的理论问题，而不是一些问题。我打算为传单开发一些包装器（使用一些 API 输入/输出为其他开发团队封装传单的工作），我想知道是使用 react-leaflet 还是使用本机传单库。
传单的可用插件列表很长，据我所知，其中只有 +-10 个为 react-leaflet 实现。
根据您的经验，所有原始传单插件都可以与 react-leaflet 一起使用吗？您多久遇到一次问题，哪一个根本不工作？
reactjs - React-Leaflet React 组件作为标记
我最近接触了 React Leaflet，根据我从文档中收集到的信息，无法添加自定义 React 元素（组件或纯函数）作为标记。
我想要实现的是能够使用我的 React Element，它是一个 SVG 图标作为标记。这会很有用，因为我需要显示几个不同颜色的图标，并且将颜色作为道具传递并让 React 创建标记更方便。
我假设这是不可能的吗？
react-leaflet - 地图加载中的问题，它被加载到杂乱无章的瓷砖中，其中一些瓷砖是空白的
节点版本：6.10.2 react-leaflet 版本：1.1.6 传单版本：1.0.3
问题是地图没有加载，无论您刷新屏幕的次数如何。我正在尝试的存储库是一个基本的样板存储库，没有什么花哨的。我已经使用 create-react-app 创建了样板。
javascript - Leaflet ReactJS Map 未完全显示图块
我正在尝试创建一个模式内的地图。但是地图只显示了一部分。我在invalidatingSize()创建节点后尝试过，但它似乎不起作用。
react-leaflet - React Leaflet：鼠标悬停时显示弹出窗口
有没有人能够使用 React Leaflet Popup 元素在鼠标悬停而不是单击时显示弹出窗口？
我似乎无法找到实现这一目标的方法。
reactjs - 使用 react-leaflet 渲染 GeoJSON
我有一个简单的组件来选择地图上的点，然后显示一些与该点相关的 GeoJSON 数据：
第一次然后我点击地图标记出现，经过一些延迟（XHR 请求）GeoJSON 呈现。但是下次我点击地图时，我只更改了标记位置，但旧的 GeoJSON 数据仍保留在地图上。调试部分组件正确呈现，并显示正确的数据。如何强制react-leaflet重新渲染我的 GeoJSON 数据，或者我做错了什么？
升级版：
在询问作者后，react-leafet我发现了如何达到预期的行为。
为了强制响应重新渲染我的 GeoJSON 数据，我需要将一些 data-uniq 键传递给组件：
https://github.com/PaulLeCam/react-leaflet/issues/332#issuecomment-304228071