Geovisor Asbesto · Cartagena de Indias

Visor web público y de código abierto sobre la presencia de asbesto en el entorno urbano de Cartagena Proyecto BPIN 2020000100366 · Geovisor Asbesto Cartagena

---

En cifras

Tipo de muestra	Analizadas	Con asbesto	%
Materiales de construcción (PLM)	232	203	87,5
Agua de escorrentía de techos	40	34	85,0
Polvo superficial (microvac, TEM)	114	82	71,9
Agua de tanque	28	8	28,6
Agua de grifo	64	7	10,9
Aire (TEM)	36	1	2,8

Una muestra cuenta como positiva cuando el análisis identificó algún tipo de asbesto (crisotilo, crocidolita, amosita, antofilita). El panel se regenera con python scripts/graficas-readme.py a partir de public/data/.

Recorrido guiado

Seis paradas animadas cuentan el estudio de principio a fin:

1. el contexto de Cartagena;
2. las cubiertas de asbesto-cemento;
3. la liberación potencial de fibras;
4. el polvo superficial en viviendas;
5. la red de acueducto;
6. el paso siguiente, hacia los territorios posdesastre.

En cada parada el mapa vuela, se inclina y enciende las capas que corresponden. Se navega con los botones o con las flechas del teclado.

Funciones

• Capas: cubiertas de asbesto-cemento (teledetección y aprendizaje automático, 1,2 m), liberación potencial de fibras, polvo superficial, materiales, aire, tres tipos de agua y la red de acueducto en asbesto-cemento con su densidad por barrio.
• Privacidad: las muestras se ven como mapas de calor, que se ocultan sobre el zoom 16 para no señalar viviendas. Los puntos originales están disponibles, pero apagados.
• Recorrido guiado de 6 paradas, panel de indicadores por barrio, buscador de barrios y direcciones, medición de distancias y áreas.
• Compartir la vista con sus capas y exportar un PNG con cabecera, leyenda y atribución.
• Mapas base claro, calles y satélite, todos sin clave de API. Interfaz adaptada a celular y respetuosa de prefers-reduced-motion.

Cómo funciona

%%{init: {"theme": "dark", "themeVariables": {"background": "#0d1117", "primaryColor": "#161b22", "primaryBorderColor": "#30363d", "primaryTextColor": "#e6edf3", "lineColor": "#7d8590", "clusterBkg": "#0d1117", "clusterBorder": "#30363d", "fontFamily": "Segoe UI, Helvetica, Arial, sans-serif"}}}%%
flowchart LR
    subgraph Fuentes
        A1[ArcGIS Online<br/>servicio público]
        A2[Shapefile de barrios]
        A3[GeoTIFF ArcGIS Pro<br/>UTM 18N · 1,2 m]
    end
    subgraph Procesamiento
        B1[descargar-arcgis.mjs<br/>GeoJSON + reparación de texto]
        B2[ogr2ogr · Docker GDAL]
        B3[gdalwarp · color-relief<br/>gdal2tiles → PMTiles]
    end
    subgraph Visor["Visor estático (Vite + MapLibre)"]
        C1[public/data/*.geojson]
        C2[public/tiles/*.pmtiles]
        C3[Capas · calor · recorrido<br/>panel por barrio]
    end
    A1 --> B1 --> C1
    A2 --> B2 --> C1
    A3 --> B3 --> C2
    C1 --> C3
    C2 --> C3
    C3 --> D[(Vercel / Netlify<br/>despliegue automático)]
    classDef fuente fill:#161b22,stroke:#f0508c,color:#f0508c
    classDef proceso fill:#161b22,stroke:#c66cf5,color:#c66cf5
    classDef visor fill:#161b22,stroke:#58a6ff,color:#58a6ff
    classDef salida fill:#161b22,stroke:#3fb950,color:#3fb950
    class A1,A2,A3 fuente
    class B1,B2,B3 proceso
    class C1,C2,C3 visor
    class D salida

Desarrollo

npm install
npm run dev        # http://localhost:5173
npm test           # pruebas unitarias (Vitest)
npm run build      # verificación de tipos y build de producción

Regenerar los datos

1. Capas vectoriales desde el servicio público de ArcGIS: npm run datos. Verifica el número de entidades de cada capa (scripts/capas-fuente.json) y repara los textos con caracteres rotos.
2. Barrios desde el shapefile: FUENTES=/ruta/INFO_GEOVISOR/CAPAS sh scripts/shp-a-geojson.sh.
3. Ráster (cubiertas y mapa de calor): FUENTES=/ruta/INFO_GEOVISOR/CAPAS sh scripts/raster-a-pmtiles.sh y luego uv run --with pmtiles python scripts/mbtiles-a-pmtiles.py. Las rampas de color están en scripts/paletas/.

Los GeoTIFF originales (1,5 GB) no se versionan.

Despliegue

• Vercel: cada push a main publica una nueva versión.
• Netlify: espejo en geovisor-asbesto-ctg.netlify.app, vinculado a este repositorio; cada push a main lo actualiza. El repositorio trae netlify.toml (compilación) y public/_headers (lectura por rangos de las teselas).
• Paquete listo para subir: en Releases está el sitio compilado en un .zip, para arrastrar a Netlify Drop o a cualquier hosting estático.

Actividad del repositorio

La gráfica se regenera con python scripts/actividad-readme.py a partir de git log.

Historial de estrellas

Licencia y cita

• Código: MIT.
• Datos: CC BY 4.0.

Cita sugerida: Proyecto Geovisor Asbesto Cartagena (2026). Geovisor Asbesto Cartagena [aplicación web]. Proyecto BPIN 2020000100366. https://geovisor-asbesto.vercel.app

Descargo de responsabilidad

El software se entrega "tal cual", sin garantía. El autor no responde por modificaciones, bifurcaciones ni redistribuciones de terceros; cada usuario debe revisar y validar el código y los resultados antes de usarlos. Ver DESCARGO.md.