I found that the event handlers for Raphael objects, such as the click, hover, mouseover, etc., do not work with leaflet 1.x.
I found that the reason for this is the style in leaflet.css:
/* marker & overlays interactivity */ .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-image-layer, leaflet-pane > svg path, .leaflet-tile-container { pointer-events: none; }
The style below corrects this error:
.leaflet-overlay-pane > svg path { pointer-events: auto; }
I found that the event handlers for Raphael objects, such as the click, hover, mouseover, etc., do not work with leaflet 1.x. I found that the reason for this is the style in leaflet.css:
/* marker & overlays interactivity */ .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-image-layer, leaflet-pane > svg path, .leaflet-tile-container { pointer-events: none; }The style below corrects this error:
.leaflet-overlay-pane > svg path { pointer-events: auto; }