Polyline tooltips seem inconsistent

Here are a bunch of polylines with tooltips bound to them: https://www.dropbox.com/s/1bwladr9kmr128e/leaflet-polyline-tooltip.mov

Note that the tooltips appear at the top-left of rectangular polylines, but at the center-left-ish? of non-rectangular ones.

I was trying to set the offset of tooltips to be the center of the polylines, but since the offset added to the default position of the tooltip, and that default position seems inconsistent, it’s hard to add to.

Related, it looks like the tooltip.offset option is meant to be in pixels, but that means you need to change it after every pan/zoom? Seems like it should be a lat/long instead, then it could be set once per layer.

[endquote]

I decided I’d rather have the tooltip at the mouse position, and follow the mouse. I was able to get that working. https://www.dropbox.com/s/ph7i6aiy6u3rezu/leaflet-polyline-tooltip-follow.mov

So really this bug should be “how do I position a tooltip with absolute coordinates?”, and the answer is “use openTooltip(<LatLng> latlng?)”. It just took a while to figure it out.

if (!this.tooltip) {
  if (this.defaultZoneLayer) {
    this.tooltip = this.defaultZoneLayer.bindTooltip('', { direction: 'right' });
  }
}

if (this.tooltip) {
  if (hits.length) {
    this.tooltip.setTooltipContent(hits.join('<br>'));
    const pos = { clientX: e.clientX + 10, clientY: e.clientY };
    this.defaultZoneLayer.openTooltip(this.map.mouseEventToLatLng(pos));
  } else {
    this.defaultZoneLayer.closeTooltip();
  }
}

[ghybs]

Hi @endquote,

For the use case where you want the Tooltip to follow the mouse, it seems to me that the sticky option might be what you need: http://playground-leaflet.rhcloud.com/wele/1/edit?html,output

myShape.bindTooltip('tooltipText', {
  sticky: true // If true, the tooltip will follow the mouse.
});

You may also use it in combination with offset and direction options.