Leaflet.PolylineOffset and React

[ramdyne]

Hi,

Has anyone been able to get this to work with current (> 17.0) React.js and react-leaflet? Just importing it after npm install doesn't do anything (two Polylines between two locations don't show an offset), I saw a hint that I was supposed to do something like at https://github.com/pajicv/react-leaflet-with-custom-plugin/blob/master/src/App.js but leafletElement is undefined.

I am at a loss ;-)

Thanks!

[Nexoid]

Hey @ramdyne, I don't know if you're still having issue with this plugin, but there is fortunately nothing tricky about this :)

All you need to do is importing import 'leaflet-polylineoffset' in your component, and set offset props to Polyline element :

import React, { FC } from 'react'
import 'leaflet-polylineoffset'
import { Polyline } from 'react-leaflet'
const CustomPolyline: FC = (props) => {
  return <Polyline offset={2} {...props} />
}

Hope it helps !