检查地图是否准备好查询 RenderedFeatures

Question

map.on('mousemove', function (e) {
    map.getCanvas().style.cursor = ''
    // Need to check if markers layer is ready to query else 
    // I get Type error the first few seconds when you move the mouse.
    var features = map.queryRenderedFeatures(e.point, {layers: ['markers']})
    if (!features.length) return;
    map.getCanvas().style.cursor = 'pointer'
});

我不清楚如何检查地图是否已完成渲染。上面的代码在渲染地图时会报错。

Answer 1

从另一个 Whosebug mapbox 问题中找到答案。

map.on('mousemove', function (e) {
    if (!map.loaded()) return;
    map.getCanvas().style.cursor = ''
    var features = map.queryRenderedFeatures(e.point, {layers: ['markers']})
    if (!features.length) return;
    map.getCanvas().style.cursor = 'pointer'
});

不确定，但我认为 mapbox 应该在 queryRenderedFeatures 中检查它。

https://github.com/mapbox/mapbox-gl-js/issues/2614

编辑：Mapbox 更改了他们的代码不再是问题:)

检查地图是否准备好查询 RenderedFeatures

Check if map is ready to queryRenderedFeatures

mapbox-gl-js