javascript - OpenLayers 测量 map 渲染时间

Question

我正在使用 OpenLayers 版本 3(版本 2 的答案也可以)，并且想要测量渲染矢量图层需要多长时间。所以，我有一个具有以下功能的矢量图层:

var vectorLayer = new ol.layer.Vector({
    source: vectorSource
});

还有我的 map 对象:

var map = new ol.Map({
        renderer: 'canvas',
        target: document.getElementById('map'),
        view: new ol.View({
            center: [550000, 6520000],
            resolution: 500,
            minZoom: 1,
            maxZoom: 10,
            zoom: 1,
            resolutions: [500.0, 250.0, 125.0, 62.5, 31.25, 15.625, 7.8125, 3.90625, 1.953125, 0.9765625, 0.48828125],
            projection: projection
        })
    });

我想测量渲染图层中所有功能所需的时间。如果我喜欢这个

 var start=performance.now();
 map.addLayer(vectorLayer);
 var time=performance.now()-start;
 console.log(time)

然后我在控制台中看到的时间比 map 上的点早得多。我想在渲染所有点后立即查看时间。我怎样才能做到这一点？

Answer 1

尝试强制 OpenLayers 进行如下同步渲染:

 var start=performance.now();
 map.addLayer(vectorLayer);
 map.renderSync();
 var time=performance.now()-start;
 console.log(time)