我已经创建了自定义地图图标来替换我正在工作的Drupal站点的传单地图中的标准集。我在 Photoshop 中创建了这些图标，并将最终图像修剪为图像和画布末端之间的像素（以避免由于透明背景像素而导致的任何问题）。这一切都很好，我已经将文件上传到地图并且工作正常，除了：由于某种原因，我在图像中获得了额外的空间。
HTML 如下：
<div class="leaflet-div-icon3">
<img src="example_image.png" height="90" width="90" border="0"/>
</div>`
CSS .leaflet-div-icon3是完全空的 - 这只是我们过去能够使用 Leaflet 模块正确获取图像的技巧。
因此，图像框为 90x90 像素，但实际图标可能仅占该空间的十分之一。
我似乎无法弄清楚这一点，所以如果你们中的任何人能想到我可能忽略的东西，我将非常感谢反馈。我会提供一个图像，但我需要 10 次才能这样做:(
盲猜：将display: block添加到 CSS 样式表中的类.leaflet-div-icon3。如果您希望我们给您准确的答案，最好发布一些代码......或指向您网站的链接？