safari - 在 Safari 上缩放时奇怪的平铺层行为

Question

我使用https://www.maptiler.com/生成了一个切片图层，并且我自己托管它。它适用于除 Safari 之外的所有浏览器。在 Safari 上，地图缩放时瓦片图层中的颜色会发生变化。

这是一个GIF：

我的代码很简单：

   var habitats = L.tileLayer('/layers/habitats/{z}/{x}/{y}.png', {
        bounds:  [[-57.1764,-169.4],[83.6236,-10.7]],
      });

   // Initialize map
    var map = L.map('tracking-map', {
      center: [8.546673, -80.012051],
      // zoom: 3,
      layers: [ersiMap] // default layer the map will load with
    });

    var baseMaps = {
      // "Streets": streetMap,
      "Satellite": ersiMap,
      "Political": outdoorMap,
    };

    var overlayMaps = {
      "Habitats": habitats,
      "Agriculture": agriculture,
    };

    // Create layer control thing
    L.control.layers(baseMaps, overlayMaps).addTo(map);

我正在使用最新版本的 Leaflet。我已经尝试降级到以前的版本。

* 对评论的回答 *

这是一个“变色”的瓷砖：

这是当我直接通过 Safari 访问时。它的颜色是正确的。

此外，这在我的 Macbook Pro 上的 Safari 上也没有发生。仅在我的 iMac (Safari 11.1.2) 上