javascript - 在新布局/css 中集成 Mapbox 时出现的问题

Question

最近我更改了网站的布局，在某些页面上我使用了 mapbox api。由于样式表的切换， map 框看起来一团糟，比例错误，白线横跨 map 。

这是前后对比图:

[之前，它应该是什么样子]:

http://imgur.com/91qKLGE

[之后，不应该的样子]:

http://imgur.com/PPirl1v

一直在查看 css 和谷歌搜索以查看哪些参数会干扰或与弄乱 map 有任何关系，但没有任何成功。如果有人知道我应该编辑什么，我很想知道!

Answer 1

map 是由方 block 组成的。瓷砖是图像。您的新样式似乎为图像增加了边距。

尝试在您的 CSS 中添加以下行

img.leaflet-tile { margin:0px }