如何使用不同的工具提示插件模仿Leaflet.Draw工具提示样式？

Question

我正在尝试在也使用leaflet.draw的地图上实现类似leaflet.draw的行为（使用Draw来删除标记，然后使用自定义js来绘制路径）。因此，我希望这个自定义绘图功能的有用工具提示看起来像绘制工具提示。

我该怎么办？我目前正在使用jquery-ui v.1.11.4，我无法弄清楚外观是否相同。我从leaflet.draw中找到了relevant section of css，但是当尝试在构造函数中使用tooltipclass property时，如下所示（来自here），两个leaflet.draw类被添加到工具提示（显然被现有的jquery-ui类覆盖）。

$( ".selector" ).tooltip({
  tooltipClass: ".leaflet-draw-tooltip .leaflet-draw-tooltip-single"
});

似乎有两种可能的解决方案：
 1.创建我自己的leaflet.draw tooltip实例  2.找到一种从jquery-ui工具提示中删除冲突的CSS类的方法。

Answer 1

所以问题是leaflet.draw.css包含以下属性：

visibility: hidden ;

所以每当我成功地将leaflet.draw CSS应用到工具提示时，它就会消失！ （有点难以调试）。

所以我创建了一个类来覆盖visibility属性，并将其添加到工具提示声明中：

.j-leaflet-draw-tooltip{
    visibility: visible;
}

$( "#map" ).tooltip({
    tooltipClass: "leaflet-draw-tooltip leaflet-draw-tooltip-single
                   j-leaflet-draw-tooltip"
});