Плавная загрузка плиток в OpenLayer

Question

Я хотел бы улучшить загрузку моих карт, отображаемых с помощью OpenLayer. На данный момент загрузка новых плиток происходит не очень плавно, особенно при загрузке плиток в пустой области карты. Я хотел бы анимировать появление новой плитки, например, играя с непрозрачностью нового изображения для отображения. У меня такое чувство, что это то, что делает листовка.

Проблема в том, что я не нашел способа слушать, когда плитка готова к отображению, и еще меньше, как ее анимировать впоследствии.

Каков наилучший способ решения этой проблемы? Может быть, я иду в неправильном направлении.

Answer 1

Вы будете использовать loadTilesWhileAnimating а также loadTilesWhileInteracting на 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
  });