如何在OpenLayers 3中捕获tile加载的事件?在OpenLayers 2中,这可以通过从地图的基础层捕获“loadend”事件来完成:
map.baseLayer.events.register('loadend' , false, function(){ });
答案 0 :(得分:5)
tileloadstart
,tileloadend
和tileloaderror
个事件。
您可以使用类似于以下内容的内容:
var tilesLoading = 0,
tilesLoaded = 0;
tileLayer.getSource().on('tileloadend', function () {
tilesLoaded++;
if (tilesLoading === tilesLoaded) {
console.log(tilesLoaded + ' tiles finished loading');
tilesLoading = 0;
tilesLoaded = 0;
//trigger another event, do something etc...
}
});
tileLayer.getSource().on('tileloadstart', function () {
this.tilesLoading++;
});
答案 1 :(得分:1)
您可以按照以下方式将其挂钩,直到将某些内容添加到核心中。
tileSource.setTileLoadFunction(( function(){
var numLoadingTiles = 0;
var tileLoadFn = tileSource.getTileLoadFunction();
return (tile, src) => {
console.log(src);
if (numLoadingTiles === 0) {
console.log('loading');
}
++numLoadingTiles;
var image = tile.getImage();
image.onload = image.onerror = function(){
--numLoadingTiles;
if (numLoadingTiles === 0) {
console.log('idle');
}
};
tileLoadFn(tile, src);
};
})());
您可以在此处查看可用于此的所有切片源类: http://openlayers.org/en/v3.4.0/apidoc/ol.source.TileImage.html?unstable=true#setTileLoadFunction