Question

我在ReactJS中使用Leaflet作为我的Web应用程序。

我需要为我的CircleMarker对象添加工具提示，但它的大小太小，所以我需要更改其宽度，高度等等。

当我从其他来源获得时，我需要定义新的CSS类并将其提供给工具提示中的classname道具。有没有其他方法来处理这个？

这是我的代码。

 var marker = L.circleMarker(coordinate, {color: colorCodes[i], fillColor: colorCodes[i], fill: colorCodes[i],fillOpacity: 1.0});
marker.bindTooltip(Point.Name.toString());

Answer 1

您可以添加此CSS：

.leaflet-tooltip {
    padding: 0px 4px 0px 4px !important;
}

然后使用inspect元素实现你的欲望大小。

如果您想使用自定义css类，可以像工具提示中的选项一样添加它：

var tooltip = L.tooltip({
    className: "temporaire"
}).setContent(Point.Name.toString());

var marker = L.circleMarker(coordinate,{
    color: colorCodes[i],
    fillColor: colorCodes[i],
    fill: colorCodes[i],
    fillOpacity: 1.0
    }).bindTooltip(tooltip);

更改Leaflet CircleMarker工具提示的样式

1 个答案: