Type:
Environment:
- OS: Windows
- Browser: Google Chrome
- Library Version: 1.3.0
I'm going to open a PR:
Description:
Hello! I use your library for drawing paths between markers. It works well. But how can I draw a tooltip, when I click on your antPath or when my mouse is over the line? I tried something like this:
<AntPath key={index} positions={information['coords']} options={{color: 'red', weight: 3, dashArray: [5, 40]}}>
<Tooltip sticky>
Bla bla bla
</Tooltip>
</AntPath>
Where Tooltip is from react-leaflet library. Also, I tried to use the MUI tooltip, but it doesn't work too.
My AntPath looks like this:
const AntPath = (p) => {
const context = useLeafletContext()
useEffect(() => {
let antPolyline = antPath(p.positions, p.options);
context.map.addLayer(antPolyline)
return () => {
context.map.removeLayer(antPolyline)
}
})
return null
}
And AntPath works well.

So, the main question is how to create a tooltip for the antPath?
Thanks for your help and for your fantastic library!
Type:
Environment:
I'm going to open a PR:
Description:
Hello! I use your library for drawing paths between markers. It works well. But how can I draw a tooltip, when I click on your
antPathor when my mouse is over the line? I tried something like this:Where Tooltip is from
react-leafletlibrary. Also, I tried to use the MUI tooltip, but it doesn't work too.My AntPath looks like this:
And AntPath works well.

So, the main question is how to create a tooltip for the
antPath?Thanks for your help and for your fantastic library!