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

Question

我在ReactJs中使用非地理传单，使用react-leaflet lib。

我收到一条错误，默认路径上没有默认图标，我需要手动包含此图标。

   <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图标组件所以必须从原生传单lib创建。