La aplicación es esbelta, pero no creo que sea esbelta la causa de este problema.

Qué está haciendo la aplicación:

1. Verifique el caché local dexie.js para obtener datos de gráficos
2. Verifique con el servidor si el gráfico es correcto y está actualizado (si es el gráfico incorrecto, busque el correcto, si no está actualizado, busque la diferencia, si todo está actualizado, sea feliz)
3. Actualice las tiendas esbeltas (matrices reactivas), que activan todo lo demás de forma reactiva
4. Transforme los datos en varios objetos ol.Source que contengan objetos ol.Feature (hecho a través de tiendas derivadas esbeltas; piense en funciones .map reactivas)
5. Mostrar características en el mapa

¿Cuál es el problema?

Si el gráfico es correcto y actual y uno de estos otros casos está presente

1. abriendo directamente la aplicación en el servidor
2. ejecutando la interfaz localmente y retrasando la conexión de datos websocket hasta después del inicio

el paso 5 no sucederá por alguna razón. Todas las funciones se crean correctamente y las fuentes se cargan en sus capas correspondientes, pero esas capas no se muestran visualmente.

• Los datos de las características están ahí (puedo saltar a su ubicación a través view.animate() , puedo seleccionarlos mediante programación en una capa de selección, donde se muestran correctamente)
• He comprobado la visibilidad de las capas y se informan correctamente.
• ¡La función de estilo de la capa nunca se llama!

La solución actual es simplemente esperar a que svelte termine su ciclo de actualización actual con await tick() y luego actualizar las tiendas de svelte nuevamente. Si bien esto funciona bien, no estoy satisfecho con la solución. Todos los datos ya están ahí antes. Recargar completamente las características de ~5k para que el mapa se actualice parece una exageración. (evento si es razonablemente rápido)

¿Qué más he probado?

• Llamar .changed() en cualquier cosa y todo
• Alternar la visibilidad de la capa