如何在矢量层（openlayers）上使用触发事件“ rendercomplete”？

Question

我想在Vector Layer完成渲染时调用一个函数。

我注意到this post，其中实现了“ addfeature”触发，效果很好，但每次将功能添加到图层时都会触发。我还注意到与向量层有关的'rendercomplete' fire，但它似乎不起作用。

每次将test.gpx中的功能添加到图层时，以下代码都会记录“已触发添加功能”，但不会记录“已触发rendercomplete触发”。我想念什么？

const view = new ol.View({
            center: ol.proj.fromLonLat([29.630329200, 36.204621700]),
            zoom: 6
        });

const vector = new ol.layer.Vector({
            source: new ol.source.Vector({
                url: 'test.gpx',
                format: new ol.format.GPX()
            })
        });

var map = new ol.Map({
            target: 'map',
            layers: [ vector ],
            view: view
        });

vector.getSource().on('addfeature', function () {
            console.log('addfeature fired');
        });

vector.on('rendercomplete', function () {
        console.log('rendercomplete fired');
     });