在 OpenLayer 中更平滑地加载图块

Question

我想改善使用 OpenLayer 显示的地图的加载体验。目前，新图块的加载不是很顺利，尤其是在地图的空白区域加载图块时。我想为新图块的出现设置动画，例如通过调整要显示的新图像的不透明度。我有一种感觉，这就是传单正在做的事情。

问题是我没有找到一种方法来监听图块准备好显示的情况，更不用说如何在之后为其设置动画了。

解决这个问题的最佳方法是什么？也许我正朝着错误的方向前进。

Answer 1

您将使用loadTilesWhileAnimatingandloadTilesWhileInteracting 类似ol.Map：

  var map = new ol.Map({
    target: 'map',
    layers: [
      new ol.layer.Tile({
        source: new ol.source.OSM()
      })
    ],
    // Improve user experience by loading tiles while animating. Will make
    // animations stutter on mobile or slow devices.
    loadTilesWhileAnimating: true,
    loadTilesWhileInteracting: true,
    view: view
  });