@datosgeo-atdt/geo-ui 1.13.2 → 1.13.3

package/README.md

@@ -401,6 +401,102 @@ Si tus columnas tienen nombres diferentes, usa `pointsLatColumn` y `pointsLngCol
 
 El mapa se ajustará automáticamente para mostrar todos los puntos.
 
+#### Clasificación de puntos por categorías
+
+Clasifica puntos por una columna categórica y asigna colores:
+
+```tsx
+// Estaciones de metro clasificadas por línea
+<MapaPMTiles
+  pointsCSVUrl="https://example.com/estaciones_metro.csv"
+  pointsClassifyBy="LINEA"
+  pointsClassifyMode="categorical"
+  pointsColorMapping={{
+    "01": "#F54EA2",  // Rosa
+    "02": "#2E3092",  // Azul
+    "03": "#AF9800",  // Verde
+    "04": "#72C6E3",  // Cian
+    "05": "#FFDE00",  // Amarillo
+    "06": "#E03C31",  // Rojo
+    "07": "#F57F29",  // Naranja
+    "08": "#50B748",  // Verde claro
+    "09": "#743410",  // Café
+    "12": "#B09961",  // Dorado
+    "A": "#9B26AF",   // Morado
+    "B": "#019E5C",   // Verde oscuro
+  }}
+  pointsSize={4}
+  pointsPopupFields={['NOMBRE', 'LINEA']}
+/>
+```
+
+**Formato CSV para clasificación:**
+```csv
+NOMBRE,LINEA,x,y
+Observatorio,01,-99.200616,19.398306
+Tacubaya,01,-99.187117,19.402833
+Juanacatlán,01,-99.183181,19.412222
+```
+
+#### Clasificación de puntos con Jenks
+
+Para valores numéricos, usa clasificación Jenks:
+
+```tsx
+// Puntos clasificados por población
+<MapaPMTiles
+  pointsCSVUrl="https://example.com/ciudades.csv"
+  pointsClassifyBy="poblacion"
+  pointsClassifyMode="jenks"
+  pointsJenksK={5}
+  pointsJenksColors={['#fff7bc', '#d95f0e']}  // Rampa de amarillo a naranja
+  pointsSize={6}
+  pointsPopupFields={['nombre', 'poblacion']}
+/>
+
+// Con colores exactos por clase
+<MapaPMTiles
+  pointsCSVUrl="https://example.com/datos.csv"
+  pointsClassifyBy="valor"
+  pointsClassifyMode="jenks"
+  pointsJenksK={4}
+  pointsJenksColors={['#ffffcc', '#a1dab4', '#41b6c4', '#225ea8']}
+  pointsSize={5}
+/>
+```
+
+#### Filtrado de puntos
+
+Muestra solo puntos que cumplan ciertos criterios:
+
+```tsx
+// Mostrar solo estaciones de la Línea 1
+<MapaPMTiles
+  csvUrl="https://example.com/datos_entidades.csv"
+  field="poblacion"
+  mode="boolean"
+  pointsCSVUrl="https://example.com/estaciones_metro.csv"
+  pointsFilterColumn="LINEA"
+  pointsFilterValue="01"
+  pointsColor="#F54EA2"
+  pointsSize={6}
+/>
+
+// Mostrar múltiples líneas
+<MapaPMTiles
+  pointsCSVUrl="https://example.com/estaciones_metro.csv"
+  pointsFilterColumn="LINEA"
+  pointsFilterValues={["01", "02", "03"]}
+  pointsClassifyBy="LINEA"
+  pointsColorMapping={{
+    "01": "#F54EA2",
+    "02": "#2E3092",
+    "03": "#AF9800",
+  }}
+  pointsSize={5}
+/>
+```
+
 ---
 
 ### Popup Interactivo
@@ -673,10 +769,28 @@ Clasifica los valores numéricos usando el algoritmo Jenks Natural Breaks.
 | `pointsCSVFile` | `File` | `undefined` | Archivo File con coordenadas de puntos |
 | `pointsLatColumn` | `string` | Auto-detectado | Nombre de la columna de latitud |
 | `pointsLngColumn` | `string` | Auto-detectado | Nombre de la columna de longitud |
-| `pointsColor` | `string` | `#2c3e50` | Color de los puntos |
+| `pointsColor` | `string` | `#2c3e50` | Color de los puntos (ignorado si se usa clasificación) |
 | `pointsSize` | `number` | `6` | Tamaño de los puntos en píxeles |
 | `pointsPopupFields` | `string[]` | `undefined` | Campos a mostrar en el popup de puntos |
 
+### Props de Clasificación de Puntos
+
+| Prop | Tipo | Default | Descripción |
+|------|------|---------|-------------|
+| `pointsClassifyBy` | `string` | `undefined` | Columna por la cual clasificar los puntos |
+| `pointsClassifyMode` | `"categorical" \| "jenks"` | `"categorical"` | Modo de clasificación |
+| `pointsColorMapping` | `Record<string, string>` | `undefined` | Mapeo de valores a colores (modo categorical) |
+| `pointsJenksK` | `number` | `5` | Número de clases para Jenks |
+| `pointsJenksColors` | `string[]` | `undefined` | Colores para Jenks: `[min, max]` o array exacto |
+
+### Props de Filtrado de Puntos
+
+| Prop | Tipo | Default | Descripción |
+|------|------|---------|-------------|
+| `pointsFilterColumn` | `string` | `undefined` | Columna por la cual filtrar |
+| `pointsFilterValue` | `string \| number` | `undefined` | Valor específico a filtrar |
+| `pointsFilterValues` | `(string \| number)[]` | `undefined` | Múltiples valores a filtrar |
+
 ---
 
 ## Formato CSV

package/dist/components/MapaPMTiles.d.ts

@@ -36,6 +36,14 @@ export interface MapaPMTilesProps {
     pointsColor?: string;
     pointsSize?: number;
     pointsPopupFields?: string[];
+    pointsClassifyBy?: string;
+    pointsClassifyMode?: 'categorical' | 'jenks';
+    pointsColorMapping?: Record<string, string>;
+    pointsJenksK?: number;
+    pointsJenksColors?: string[];
+    pointsFilterColumn?: string;
+    pointsFilterValue?: string | number;
+    pointsFilterValues?: (string | number)[];
 }
 export declare const MapaPMTiles: React.FC<MapaPMTilesProps>;
 //# sourceMappingURL=MapaPMTiles.d.ts.map

package/dist/components/MapaPMTiles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MapaPMTiles.d.ts","sourceRoot":"","sources":["../../src/components/MapaPMTiles.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAO3D,OAAO,mBAAmB,CAAC;AAE3B,MAAM,WAAW,gBAAgB;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE;QACZ,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;IACF,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAKhB,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM,EAAE,CAAC;IACpC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iBAAiB,CAAC,EAAE,IAAI,CAAC;IACzB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,cAAc,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IACrC,eAAe,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM,EAAE,CAAC;IAE9C,cAAc,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,KAAK,IAAI,CAAC;IAE9D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,IAAI,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC;CAC9B;AA2DD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA25BlD,CAAC"}
+{"version":3,"file":"MapaPMTiles.d.ts","sourceRoot":"","sources":["../../src/components/MapaPMTiles.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAO3D,OAAO,mBAAmB,CAAC;AAE3B,MAAM,WAAW,gBAAgB;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE;QACZ,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;IACF,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAKhB,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM,EAAE,CAAC;IACpC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iBAAiB,CAAC,EAAE,IAAI,CAAC;IACzB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,cAAc,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IACrC,eAAe,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM,EAAE,CAAC;IAE9C,cAAc,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,KAAK,IAAI,CAAC;IAE9D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,IAAI,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC;IAE7B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kBAAkB,CAAC,EAAE,aAAa,GAAG,OAAO,CAAC;IAC7C,kBAAkB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC;IAE7B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACpC,kBAAkB,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;CAC1C;AA2DD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA0+BlD,CAAC"}