Leaflet 传单标记-如何在标记的图标内书写

我是一个新的传单，我想确定它是否可以替代谷歌地图api

大多数事情似乎都是积极的，但我想知道如何用一种简单的方式在标记的图标内书写。目前，我只是能够写在附加的弹出窗口

非常感谢您的帮助，您可以使用自定义HTML替换标记图像。

简易方法：

L.marker(e.latlng).bindPopup("Latitude :" + e.latlng.lat + "<br/> Longtitude :" + e.latlng.lng).addTo(this);

L.marker（e.latlng）.bindpoop（“纬度：+e.latlng.lat+”
经度：+e.latlng.lng）。添加到（本）；

查看网站上的参考资料：

表示创建标记时要提供的图标

或

表示使用简单div的标记的轻量级图标 元素而不是图像

传单图标有一种方法，允许您使用简单的

元素而不是图像。您可以使用HTML

标记在

中设置图像，并使用

或任何其他HTML标记包含文本

您的标记组将转到图层：

const marker = L.marker([field.Latitude, field.Longitude])
  .setIcon(icon)
  .addTo(this.markerGroup);

然后将图层设置为地图

您可能需要设置样式以正确对齐图像上的文本。以下CSS包含您需要的选择器

this.layers.push(this.markerGroup);

this.layers.push(this.markerGroup);

.leaflet-popup-content {
  width: 300px;
}
.leaflet-popup-content img {
  width: 80px;
}
.leaflet-marker-icon img {
  width: 60px;
}
.leaflet-marker-icon span {
  position: absolute;
  font-weight: bold;
  font-size: 1.2rem;
  top: 25px;
  left: 5px;
}