单张工具提示偏移：如何在文本上画线？

Question

我正在尝试在传单标记与其工具提示之间划一条线，因为工具提示的偏移量必须非常大。否则，将很难找到标记的工具提示。

看起来应该像这样：

我已经尝试使用此帖子上的可接受答案画一条线：How to draw a line between two divs?并覆盖默认工具提示。

类似这样的东西：

L.ConnectedTooltip = L.Tooltip.extend({
_setPosition: function (pos) {
    L.Tooltip.prototype._setPosition.call(this, pos);
    var tooltipPoint = this._map.layerPointToContainerPoint(pos);
    var line = this.lineUtils.connectWithLine(tooltipPoint,this._container,"black",2,this);

    this._container.innerHTML += line;
}
})

我没有使这种方法正常工作，因为像在答案中那样直接将行添加到dom中似乎会破坏整个地图并将行添加到容器中，如果您使用{{3} }。所以我的问题是，你们是否对如何实现这种工具提示有所了解。也许是一个单独的svgpane只是为了在上面画线？

谢谢您的时间！