este es mi codigo para el dibujo

 const drawLines = () => { const points = [[-89.8802, 32.5804], [44.419834, -97.568073]]; const featureLine = new Feature({ geometry: new LineString(points), }); const vectorLine = new VectorSource({}); vectorLine.addFeature(featureLine); const vectorLineLayer = new VectorLayer({ source: vectorLine, style: new Style({ fill: new Fill({ color: 'red', weight: 10 }), stroke: new Stroke({ color: 'red', width: 10 }), }), }); mapReference.addLayer(vectorLineLayer); };

sin embargo, veo que mi dibujo ocurre antes de que se muestre mi mapa y mi mapa se encuentra encima de él. punto de interrupción para cuando se realiza el dibujo

¿Cómo puedo asegurarme de que mi dibujo esté hecho después de mostrar mi mapa?