尝试找到正确的事件处理程序以仅在第一次加载时使用 mapbox gl js 加载数据

Question

我有一张使用高尔夫球场 mapbox gl js 的 mapbox 地图，下面有一个 datatables。如果我移动地图，数据表中的数据就会更新。当我放大和缩小时，数据表会更新。

我遇到的问题是在第一次加载时，数据表中没有数据，但它在地图上显示了高尔夫球场。我需要使用

map.once()

但它没有按预期工作。如果我使用

map.once('click'...)

它可以工作，但我需要一个事件在加载后运行。我尝试了

render

、

styledata

、

load

、

data

，但它们不起作用。有什么想法吗？

map.on('load', () => { 
   map.addSource(id, source);

   map.addLayer(id, source);

   map.once('click', 'golf_courses', (e) => {
       console.log('event triggered');
   });

   
});