在OpenLayer中平滑加载磁贴

时间:2017-03-27 19:28:26

标签: javascript openlayers openlayers-3

我想改善使用OpenLayer显示的地图的加载体验。目前,新瓷砖的加载不是很平滑,尤其是在地图的空白区域中加载瓷砖时。我想为新图块的幻像设置动画,例如通过播放要显示的新图像的不透明度。我觉得这就是传单正在做的事情。

问题在于,当瓷砖准备好显示时,我没有找到一种方法可以听,而后来更不用说如何为它制作动画。

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

1 个答案:

答案 0 :(得分:3)

您将在ol.Map上使用loadTilesWhileAnimatingloadTilesWhileInteracting,如:

  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
  });