Populate & show lightning layear only when there are lightnings in th…

…e data set
heikkipora · Dec 31, 2023 · ea2c05e · ea2c05e
1 parent 67b688c
commit ea2c05e
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/src/client/map.tsx b/src/client/map.tsx
@@ -88,9 +88,12 @@ export function showRadarFrame(map: Map, {image, lightnings}: Frame) {
   const radarLayer = map.getLayers().getArray()[1] as ImageLayer<ImageStatic>
   radarLayer.setSource(radarImageSource)
   radarLayer.setVisible(true)
-  if (lightnings) {
+
+  const hasLightnings = lightnings.length > 0
+  const lightningLayer = map.getLayers().getArray()[2] as VectorLayer<VectorSource<Feature<Geometry>>>
+  lightningLayer.setVisible(hasLightnings)
+  if (hasLightnings) {
     const lightningLayer = map.getLayers().getArray()[2] as VectorLayer<VectorSource<Feature<Geometry>>>
-    lightningLayer.setVisible(true)
     const featureObj = {
       type: 'Feature',
       geometry: {