アイコンのないリーフレットマップにテキストのみのラベルを追加する方法

アイコンを表示せずにマーカーなどを使用して、リーフレットマップにテキストを表示する方法を探しています。テキストのみを表示し、スタイルを設定して回転できるようにしたい...提案はありますか？

画像の代わりにシンプルなdiv要素を使用するマーカーの軽量アイコンを表すLeaflet L.DivIcon機能を使用して、問題を解決しました...スタイル...

Leaflet 1.0の更新： Leaflet 1.0以降、Leaflet.labelプラグインは廃止されましたL.Tooltip。これは、Leafletコアにとして含まれているためです。ソーススクリプトを含める必要はなく、構文はわずかに変更されています。サンプル使用法：

var marker = new L.marker([39.5, -77.3], { opacity: 0.01 }); //opacity may be set to zero
marker.bindTooltip("My Label", {permanent: true, className: "my-label", offset: [0, 0] });
marker.addTo(map);

CSSスタイリングは、以前と同じ方法でクラスに適用できます。

.my-label {
    position: absolute;
    width:1000px;
    font-size:20px;
}

また、マーカーの不透明度が完全に0に設定されているようです。

<script src="scripts/leaflet.label.js"></script>

Leaflet Labelプラグインを使用すると、ラベルはマーカーに直接結び付けられますが、マーカーの不透明度をほぼゼロに設定して、ラベルのみが表示されるようにすることができます。（マーカーの不透明度を0に設定すると、関連するラベルも消えます。）

var marker = new L.marker([39.5, -77.3], { opacity: 0.01 });
marker.bindLabel("My Label", {noHide: true, className: "my-label", offset: [0, 0] });
marker.addTo(map);

その後、CSSを使用して、ラベルを適切にスタイル設定できます。

.my-label {
    position: absolute;
    width:1000px;
    font-size:20px;
}

このLeafletプラグインでここから開始できます。好みに合わせてマーカーを作成または編集してください。テキストはフィーチャ属性から来ていますか？

marker.bindTooltip("text here", { permanent: true, offset: [0, 12] });

これは私のために働く