Openlayers 3 Замените неисправную плиту

Question

Мы запускаем Open Layers 3.15. Иногда мы получаем отброшенную или неудачную плитку. В настоящее время он ничего не отображает (что может смущать наших пользователей), поэтому мы хотели бы заменить это на плитку, в которой говорится «нет данных» или что-то еще. Я попытался поднять событие и заменить источник плитки, например

  source.on('tileloaderror', function(){ 
       source.setUrl('./images/map/failureTile.png'); 
      }); 

, но проблема с этим, вместо того, чтобы делать это на 1 плитку, он делает это для всего слоя, мы не» Я хочу этого.

Кто-нибудь знает, как мы можем это сделать только для плитки, которая потерпела неудачу, а не для всего слоя?

Answer 1

Плитка, которая не загружалась, должна иметь отдельный класс (.olImageLoadError). Вы можете определить правило CSS, которое не отображает эти элементы.

.olImageLoadError { 
    display: none !important; 
} 

Answer 2

Вы можете попробовать это:

source.on('tileloaderror', function(event) { 
    event.tile.getImage().src = './images/map/failureTile.png'; 
}); 

Вам нужен параметр event, что вы можете получить плитку, что не удалось, так что вы можете изменить изображение плитки в.

Внимание: Я проверил код выше, используя tileloadend вместо tileloaderror, потому что мои плитки никогда не терпят меня. :) Я использовал смоделированную частоту отказа, используя Math.random(), и некоторые случайные фрагменты были заменены указанным изображением. Я не могу придумать причину, по которой код выше не будет работать. Если вы подтвердите это, я удалю это предупреждение из своего ответа. Я тестировал его на OpenLayers 3.14.2 и на источнике OSM.