我在ReactJs中使用非地理传单,使用react-leaflet lib。
我收到一条错误,默认路径上没有默认图标,我需要手动包含此图标。
<Marker position={text['coordinates']} icon={"???"}>
<Tooltip direction={"center"} permanent className={'shape-tooltip'}>
<span>{text['text']}</span>
</Tooltip>
</Marker>
答案 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创建。