mapbox/leaflet js 地图上的粗白线答案

【问题标题】：Thick white lines on mapbox/leaflet js mapmapbox/leaflet js 地图上的粗白线
【发布时间】：2015-03-05 21:54:50
【问题描述】：

我在 d3.js 中的 javascript 生成的 HTML 工具提示中嵌入了一个地图。从功能上讲，它可以工作，但在所有缩放级别都会出现两条白色水平线：

这些行仅在嵌入弹出窗口时出现。如果我把它放在弹出窗口之外，这些线条就会消失。我检查了我的 CSS，没有白线会创建它（我相信），Mapbox 的 CSS 文件中也没有包含 <div id="map></div> 的任何父元素（这可能会影响格式）。

有什么想法吗？

【问题讨论】：

【解决方案1】：

styles.css 中的第 155 行：

div.popup img {
    padding-bottom: 5px;
    padding-top: 5px;
}

图块也是图像，因此规则会影响图块层中的图像

【讨论】：

这样，我的项目就完成了。感谢您今天帮助我！
没问题，不用了，谢谢，随时欢迎您，这就是 SO 的用途。接受和支持就足够了 :) 不得不说，你用 D3 和 Leaflet 所做的真的很酷。看起来超棒。脱帽致敬。期待您的下一个项目和问题；）