ツールチップの折り返しテキストを作成する

Question

チラシのツールチップにテキストを折り返す方法がわかりません。私はその隠されたマーカーを表示したいいけない、しかし、私は、ツールチップのテキストをラップするテキストにしたいことも可能

.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; 
} 

ならば、マップに追加し、ノーラップのプロパティを変更しましたが、 doens'tは何かをもたらすように見える。また、別の質問

var marker = L.marker(new L.LatLng(item.Latitude, item.Longitude), { opacity: 0 }); //can be set to zero 
        marker.bindTooltip(item.Text, { permanent: true, noWrap: true, className: "myTooltip", offset: [0, 0] }); 
        marker.addTo(mymap); 

Answer 1

背景色doens'tが変化しているように見えるいくつかの理由で、しかしthatsのあなたはleaflet-tooltipクラスのwhite-spaceプロパティをオーバーライドする必要があります。さらに、ツールチップのwidthを設定することもできます。

だけ

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

Hereは、実施例

あるご leaflet.cssファイルの後にこれを追加