传单瓷砖边缘显示

Question

我有一张带有自定义图块的传单地图。在我的电脑上，地图可以正确渲染。在我们的内联网站点上，图块的边缘显示为浅灰色。每个缩放级别的每个图块周围都有一条非常小的浅灰色条子。 我想知道是否有其他人遇到过这个问题，如果有，他们是如何消除瓷砖边缘显示的。 我尝试在缩放后重置地图缩放，并且图块边缘仍然显示。

map.on('zoomend', function () {
  var zoomlevel = map.getZoom();
  map.setZoom(zoomlevel);
});

Answer 1

对于遇到此问题的其他人，我只是通过重置浏览器中的缩放级别来解决它。快把我逼疯了，结果我非常稍微放大了。

Answer 2

我也遇到了类似的问题，并在 Leaflet Github 问题跟踪器中找到了解决方案。我不知道为什么他们将其设为默认选项。它适用于

[email protected]

版本。请在样式表中添加以下代码

.leaflet-container img.leaflet-tile {
    /* See: https://bugs.chromium.org/p/chromium/issues/detail?id=600120 */
    mix-blend-mode: plus-lighter;
}