javascript - 地图加载到地图框中后绘制圆圈

Question

我想在地图加载后画圈。例如，当用户单击一个按钮时，它会在地图上创建一个圆圈。

var center = turf.point(droneLocation);
var radius = 0.5;
var options = {
   steps: 80,
   units: 'kilometers'
 };

 var circle = turf.circle(center, radius, options);

 map.addLayer({
   "id": "circle-fill",
   "type": "fill",
   "source": {
     "type": "geojson",
     "data": circle
  },
  "paint": {
      "fill-color": "green",
      "fill-opacity": 0.3
    }
  });

这是代码，但是当我将这些代码放在 map.onload() 函数之外时，它会出错

未捕获的错误：在 Map.addLayer (map.js:1912) 在 map.js:211 的 Ze.addLayer (style.js:756) 的 Ze._checkLoaded (style.js:433) 未完成样式加载

我想要的是地图加载后的创建圈。