React-Leaflet React 组件作为标记

React-Leaflet React Component as Marker

我最近接触了 React Leaflet,根据我从文档中收集到的信息,无法添加自定义 React 元素(组件或纯功能)作为标记。

我想要实现的是能够使用我的 React 元素,它是一个 SVG 图标作为标记。这会很有用,因为我需要显示几个不同颜色的图标,将颜色作为道具传递并让 React 创建标记会更方便。

我假设这不可能吗?

你错了! :) React-leaflet 允许创建 custom components. Also, you should check out react-leaflet-div-icon 因为它看起来正是你所需要的。