制作工具提示换行文字

Question

我无法弄清楚如何将文本包装在传单工具提示上。我不想显示标记，所以它隐藏，但我想文本将文本包装在工具提示中，如果可能的话

# If enabled, outputs something like this:
# rewrite_module (shared)
apachectl -M | grep rewrite # It's apache2ctl on some platforms

# If not enabled; you can enable it using this on most platforms: 
a2enmod rewrite
apachectl restart

然后添加到地图中，我已经改变了无包装的属性，但似乎没有任何效果。此外，由于某种原因，背景颜色似乎正在改变，但那是一个不同的问题

.myTooltip {
  background: green;
  border: 2px solid cyan
}

.leaflet-tooltip-left.myTooltip::before {
  border-left-color: cyan;
}
.leaflet-tooltip-right.myTooltip::before {
  border-right-color: red;
}

Answer 1

您需要覆盖white-space类的leaflet-tooltip属性。此外，您也可以设置工具提示的width。

只需在leaflet.css文件

之后添加此内容即可

.leaflet-tooltip{
    width: 100px;
    white-space: normal;
}

Here是一个有效的例子