wip

Author: lixun910

src/layers/src/geojson-layer/geojson-utils.ts

@@ -360,7 +360,9 @@ export function groupColumnsAsGeoJson(
   for (let index = 0; index < dataContainer.numRows(); index++) {
     // note: can materialize the row
     const datum = dataContainer.rowAsArray(index);
-    const id = datum[columns.id.fieldIdx];
+    // Convert id to string to ensure consistent object key behavior
+    // (numeric keys are sorted differently than string keys in Object.entries)
+    const id = `${datum[columns.id.fieldIdx]}`;
     const lat = datum[columns.lat.fieldIdx];
     const lon = datum[columns.lng.fieldIdx];
     const altitude = columns.altitude ? datum[columns.altitude.fieldIdx] : 0;
@@ -420,7 +422,7 @@ export function detectTableColumns(
   // find sort by field
   const sortByFieldIdx = fields.findIndex(f => f.type === ALL_FIELD_TYPES.timestamp);
   // find id column
-  const idFieldIdx = fields.findIndex(f => f.name?.toLowerCase().match(/^(id|uuid)$/g));
+  const idFieldIdx = fields.findIndex(f => f.name?.toLowerCase().match(/(id|uuid)/g));
 
   if (sortByFieldIdx > -1 && idFieldIdx > -1) {
     const pointColumns = assignPointPairToLayerColumn(fieldPairs[0], true);

src/layers/src/trip-layer/trip-layer.ts

@@ -243,7 +243,7 @@ export default class TripLayer extends Layer {
   }
 
   static findDefaultLayerProps(
-    {label, fields = [], dataContainer, id}: KeplerTable,
+    {label, fields = [], dataContainer, id, fieldPairs = []}: KeplerTable,
     foundLayers?: any[]
   ) {
     const geojsonColumns = fields.filter(f => f.type === 'geojson' || f.type === 'geoarrow' || f.type === 'geoarrow-wkb').map(f => f.name);
@@ -277,6 +277,39 @@ export default class TripLayer extends Layer {
       };
     }
 
+    // Try to detect table columns (id/lat/lng/timestamp) for table column mode
+    // This allows creating trip layers from tabular data without GeoJSON
+    if (fieldPairs.length && fields.length) {
+      // Default layer columns for table mode
+      const defaultTableColumns = {
+        id: {value: null, fieldIdx: -1},
+        lat: {value: null, fieldIdx: -1},
+        lng: {value: null, fieldIdx: -1},
+        timestamp: {value: null, fieldIdx: -1},
+        altitude: {value: null, fieldIdx: -1, optional: true},
+        geojson: {value: null, fieldIdx: -1}
+      };
+
+      const tableColumns = detectTableColumns(
+        {fields, fieldPairs} as KeplerTable,
+        defaultTableColumns,
+        'timestamp'
+      );
+
+      if (tableColumns) {
+        // Found required columns for table mode
+        return {
+          props: [{
+            label: tableColumns.label || (typeof label === 'string' && label.replace(/\.[^/.]+$/, '')) || this.type,
+            columns: tableColumns.columns,
+            isVisible: true,
+            columnMode: COLUMN_MODE_TABLE
+          }],
+          foundLayers
+        };
+      }
+    }
+
     return {props: []};
   }