javascript - Leaflet Map: Tooltip on clicking instead on mouseover a marker

Question

I want to have a tooltip on clicking my marker, but I don't find a way to make this. Leaflet seems to open tooltips only with mouseover.

This is my code:

var marker = L.marker([x1, y1], {icon: myIcon})
.addTo(map)
.bindTooltip('<?=$desc[$i]?>', {direction:'top', sticky: false, opacity:0.8, offset:[0, -22] });

Thank you for having a look at this code.

Answer 1

I think you can:

1. Override _initTooltipInteractions function in Layer class.
2. Add another method, let's say bindClickableTooltip, which shares the same logic with bindTooltip. but instead of calling _initTooltipInteractions, calls another method which has got your custom logic inside. You should remove these two lines

events.mouseover = this._openTooltip;
events.mouseout = this.closeTooltip;

and replace them by

events.click = /* a function which handles opening and closing tooltips */

(Something like line 316 for touch devices)