yakitoritabetai / leaflet.labeltextcollision Goto Github PK

So because this plugin is similar to "archived" and no new function was added in the last years, I've discovered a new library:
https://gitee.com/panzhiyue/leaflet-canvas-label

I'm working with this library and is pretty good, the problem is that does not works well with the rotated text :(

Hello, Your plug-in looks perfect for my project. Could you tell me how I could implement it using GeoJSON polygons.
L.geoJSON(settings.polygons, {})

Receive an error when trying to use it with the latest version of leaflet.

First off, cool plugin!

Can you make it installable via npm? Thx.

Do you support marker tagging?

in future set option.

How do you create the cool style of the label (blue with outline white). Cannot see any css anywhere.

LabelTextCollision.js works well. I include
var c = L.circleMarker(whatever,{radius:5,text:"Label"}).bindTooltip('Extra stuff'); c.addTo(map);
and the circle and "Label" are drawn correctly. But the cursor remains like a hand, even when hovered over the circle, and I need to click for the tooltip to appear. TO me, this is unexpected behavior.

Solved. I found that tooltips can be made to work. The two steps are (1) replace Leaflet 1.4.0 with a more recent version, such as 1.9.4, and (2) delete the two mouse event callbacks _handleMouseHover and _handleMouseOut defined in L.LabelTextCollision.