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

时间:2018-01-15 08:43:58

标签: react-leaflet

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

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

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

1 个答案:

答案 0 :(得分:0)

我需要添加原生传单图标。

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创建。