backport: Geomap: Fix marker layer for line string features (#103937) to 11.6.2 (#105773)

Geomap: Fix marker layer for line string features (#103937)

* Geomap: Fix marker layer for line string features

* Update layer stack to handle line strings

(cherry picked from commit feb1ac5ba7)

Co-authored-by: Drew Slobodnjak <60050885+drew08t@users.noreply.github.com>

public/app/plugins/panel/geomap/layers/data/markersLayer.tsx

@@ -81,10 +81,13 @@ export const markersLayer: MapLayerRegistryItem<MarkersConfig> = {
     const location = await getLocationMatchers(options.location);
     const source = new FrameVectorSource<Point>(location);
     const symbolLayer = new WebGLPointsLayer({ source, style: webGLStyle });
-    const textLayer = new VectorImage({ source, declutter: true });
+    const vectorLayer = new VectorImage({ source, declutter: true });
+    // Initialize hasVector with just text check, will be updated when features are available
+    let hasVector = hasText;
+
     const layers = new LayerGroup({
       // If text and no symbol, only show text - fall back on default symbol
-      layers: hasText && symbol ? [symbolLayer, textLayer] : hasText && !symbol ? [textLayer] : [symbolLayer],
+      layers: hasVector && symbol ? [symbolLayer, vectorLayer] : hasVector && !symbol ? [vectorLayer] : [symbolLayer],
     });
 
     const legendProps = new ReplaySubject<MarkersLegendProps>(1);
@@ -116,7 +119,15 @@ export const markersLayer: MapLayerRegistryItem<MarkersConfig> = {
           }
 
           source.update(frame);
+
+          // Track if we find any line strings during feature processing
+          let hasLineString = false;
+
           source.forEachFeature((feature) => {
+            const isLineString = feature.getGeometry()?.getType() === 'LineString';
+            if (isLineString) {
+              hasLineString = true;
+            }
             const idx: number = feature.get('rowIndex');
             const dims = style.dims;
             const values = { ...style.base };
@@ -133,6 +144,7 @@ export const markersLayer: MapLayerRegistryItem<MarkersConfig> = {
             if (dims?.rotation) {
               values.rotation = dims.rotation.get(idx);
             }
+            if (!isLineString) {
               const colorString = tinycolor(theme.visualization.getColorByName(values.color)).toString();
               const colorValues = getRGBValues(colorString);
 
@@ -148,13 +160,35 @@ export const markersLayer: MapLayerRegistryItem<MarkersConfig> = {
               feature.setProperties({ opacity: (values.opacity ?? 1) * (colorValues?.a ?? 1) });
               feature.setProperties({ offsetX: displacement[0] });
               feature.setProperties({ offsetY: displacement[1] });
+            }
 
             // Set style to be used by VectorLayer (text only)
             if (hasText) {
               const textStyle = textMarker(values);
               feature.setStyle(textStyle);
             }
+
+            // Set style to be used by LineString
+            if (isLineString) {
+              const lineStringStyle = style.maker(values);
+              feature.setStyle(lineStringStyle);
+            }
           });
+
+          // Update hasVector state after processing all features
+          hasVector = hasText || hasLineString;
+
+          // Update layer visibility based on current hasVector state
+          const layersArray = layers.getLayers();
+          layersArray.clear();
+          if (hasVector && symbol) {
+            layersArray.extend([symbolLayer, vectorLayer]);
+          } else if (hasVector && !symbol) {
+            layersArray.extend([vectorLayer]);
+          } else {
+            layersArray.extend([symbolLayer]);
+          }
+
           break; // Only the first frame for now!
         }
       },