Geoespacial - Mapas

Faja Petrolífera del Orinoco (FPO)

Primera versión base del mapa de la Faja dibujada con WebGL. La geometría se toma del archivo GeoJSON de referencia y del archivo local de respuesta ArcGIS con bloques reales de Ayacucho, Boyacá, Carabobo y Junín. En la siguiente iteración añadimos interactividad sobre esta misma base.

Faja Petrolífera del OrinocoThree.js interactivoHover · Selección · Zoom/Pan · Etiquetas
Cargando bloques de la FPO...
Scroll para zoom · Arrastra para pan · Clic para seleccionar
AYACUCHOBOYACACARABOBOJUNINOTROSRRefinerias

Selecciona o pasa el cursor sobre un bloque para ver sus datos.

Bloques de la FPO

Bloque Boyacá

Crudo extrapesado (9.5° API) con 18.5 Bbbl. Viscosidad 800-1200 cP.

Bloque Junín

Recurso sin explotar (10.2° API) con 22.3 Bbbl de reservas estimadas.

Bloque Ayacucho

Alto potencial exploratorio (11.8° API) con 28.5 Bbbl de recursos.

Bloque Carabobo

Mayor reserva estimada (31.2 Bbbl) en fase de desarrollo temprano.

Guía de Uso

Visualizaciones

  • Render base en WebGL con Three.js
  • Bloques reales filtrados desde la respuesta ArcGIS local
  • Contorno de referencia cargado desde GeoJSON

Interactividad

  • Versión actual sin eventos de usuario
  • Objetivo de la siguiente fase: hover, zoom y selección
  • La prioridad aquí es validar geometría y rendimiento base

Performance

Renderizado WebGL con Three.js sobre canvas acelerado por GPU. Esta etapa evita capas de interacción para dejar una base estable y rápida.

Especificaciones Técnicas

Tecnología

  • Three.js
  • Next.js con React 19
  • TypeScript
  • Canvas WebGL

Datos

  • ArcGIS response local + GeoJSON de referencia
  • 73 bloques FPO filtrados del dataset bruto
  • Atributos reales por bloque y empresa mixta
  • Carga local con fetch desde public/geo

Capas

  • Polígonos base de bloques
  • Contorno general de referencia
  • Coloreo por campo principal
  • Preparado para eventos e overlays