fix(map): Fix bug with display of partially-loaded route geometry overlays

Author: David Emory

lib/components/map/route-viewer-overlay.js

@@ -50,23 +50,24 @@ class RouteViewerOverlay extends MapLayer {
     if (!routeData || !routeData.patterns) return <FeatureGroup />
 
     const routeColor = routeData.color ? `#${routeData.color}` : '#00bfff'
-    return (
-      <FeatureGroup>
-        {Object.values(routeData.patterns).map(pattern => {
-          if (!pattern.geometry) return null
-          const pts = polyline.decode(pattern.geometry.points)
-          return (
-            <Polyline
-              positions={pts}
-              weight={4}
-              color={routeColor}
-              opacity={1}
-              key={pattern.id}
-            />
-          )
-        })}
-      </FeatureGroup>
-    )
+    const segments = []
+    Object.values(routeData.patterns).forEach(pattern => {
+      if (!pattern.geometry) return
+      const pts = polyline.decode(pattern.geometry.points)
+      segments.push(
+        <Polyline
+          positions={pts}
+          weight={4}
+          color={routeColor}
+          opacity={1}
+          key={pattern.id}
+        />
+      )
+    })
+
+    return segments.length > 0
+      ? <FeatureGroup><div>{segments}</div></FeatureGroup>
+      : <FeatureGroup />
   }
 }