如何将图标添加到 react-leaflet Map 组件

Question

我在 ReactJs 中使用非地理传单地图，通过使用 react-leaflet 库。

我收到一条错误消息，指出默认路径上没有默认图标，我需要手动添加此图标。

   <Marker position={text['coordinates']} icon={"???"}>
        <Tooltip direction={"center"} permanent className={'shape-tooltip'}>
             <span>{text['text']}</span>
        </Tooltip>
    </Marker>

Answer 1

我需要添加本机传单图标。

let icon = L.icon({
     iconRetinaUrl: require('leaflet/dist/images/marker-icon-2x.png'),
     iconUrl: require('leaflet/dist/images/marker-icon.png'),
     shadowUrl: require('leaflet/dist/images/marker-shadow.png')
})


   <Marker position={text['coordinates']} icon={icon}>
        <Tooltip direction={"center"} permanent className={'shape-tooltip'}>
             <span>{text['text']}</span>
        </Tooltip>
    </Marker>

我猜没有 react-leaflet 图标组件，所以它必须从本机传单库创建。

如何将图标添加到 react-leaflet Map 组件

How to add Icon to react-leaflet Map component

react-leaflet