如何在无图标的传单地图上添加纯文本标签

我正在寻找一种使用标记或其他任何方式在不显示任何图标的情况下在Leaflet地图上显示文本的方法。我只想显示文字，并且能够设置样式并旋转它...有什么建议吗？

我通过使用Leaflet L.DivIcon功能解决了我的问题，该功能代表使用简单div元素而不是图像的标记的轻量级图标...这些标记具有html和className选项，可让我创建由css驱动的标签样式...

Leaflet 1.0的更新：从Leaflet 1.0开始，不推荐使用Leaflet.label插件，因为Leaflet核心已将其包含为L.Tooltip。无需包含源脚本，并且语法略有变化。用法示例：

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] });

这对我有用