From 6081c9c91082f391699b9ce2f4a79b19cfab9888 Mon Sep 17 00:00:00 2001
From: trancen <genspark_dev@genspark.ai>
Date: Tue, 3 Feb 2026 21:36:37 +0000
Subject: [PATCH] fix(grayline): Remove edge closure logic that created
 unwanted box

The edge closure was creating an incorrect polygon connecting
across the bottom of the map. Reverted to simple polygon creation
between upper and lower segments.

Need different approach for wrapping.
---
 src/plugins/layers/useGrayLine.js | 43 +++----------------------------
 1 file changed, 3 insertions(+), 40 deletions(-)

diff --git a/src/plugins/layers/useGrayLine.js b/src/plugins/layers/useGrayLine.js
index 55eb769..af4d115 100644
--- a/src/plugins/layers/useGrayLine.js
+++ b/src/plugins/layers/useGrayLine.js
@@ -631,44 +631,9 @@ export function useLayer({ enabled = false, opacity = 0.5, map = null }) {
           const lowerSeg = lowerSegments[i];
           
           if (upperSeg.length > 1 && lowerSeg.length > 1) {
-            // Get the longitude range for this segment
-            const segLons = upperSeg.map(p => p[1]);
-            const segMinLon = Math.min(...segLons);
-            const segMaxLon = Math.max(...segLons);
-            
             // Create polygon from upper segment + reversed lower segment
-            let enhancedZone = [...upperSeg, ...lowerSeg.reverse()];
-            
-            // If this segment is at a map edge (near ±180°), close it properly
-            // by extending to the map bounds
-            const isWestEdge = segMinLon < -170;  // Near -180°
-            const isEastEdge = segMaxLon > 170;   // Near +180°
-            
-            if (isWestEdge || isEastEdge) {
-              // Get the latitude range
-              const lats = enhancedZone.map(p => p[0]);
-              const maxLat = Math.max(...lats);
-              const minLat = Math.min(...lats);
-              
-              // Close the polygon by adding corner points at the map edge
-              if (isWestEdge) {
-                // Add corners at -180°
-                const firstLat = enhancedZone[0][0];
-                const lastLat = enhancedZone[enhancedZone.length - 1][0];
-                enhancedZone.push([lastLat, -180]);
-                enhancedZone.push([maxLat, -180]);
-                enhancedZone.push([firstLat, -180]);
-              }
-              
-              if (isEastEdge) {
-                // Add corners at +180°
-                const firstLat = enhancedZone[0][0];
-                const lastLat = enhancedZone[enhancedZone.length - 1][0];
-                enhancedZone.push([lastLat, 180]);
-                enhancedZone.push([maxLat, 180]);
-                enhancedZone.push([firstLat, 180]);
-              }
-            }
+            // This creates a closed shape between the two lines
+            const enhancedZone = [...upperSeg, ...lowerSeg.slice().reverse()];
             
             // Debug: Show longitude range of this polygon
             const polyLons = enhancedZone.map(p => p[1]);
@@ -679,9 +644,7 @@ export function useLayer({ enabled = false, opacity = 0.5, map = null }) {
               upperPoints: upperSeg.length,
               lowerPoints: lowerSeg.length,
               totalPolygonPoints: enhancedZone.length,
-              lonRange: `${polyMinLon.toFixed(1)} to ${polyMaxLon.toFixed(1)}`,
-              isWestEdge,
-              isEastEdge
+              lonRange: `${polyMinLon.toFixed(1)} to ${polyMaxLon.toFixed(1)}`
             });
             
             const enhancedPoly = L.polygon(enhancedZone, {