¿Qué son las Capas Vectoriales?

Las capas vectoriales permiten representar elementos geográficos (como puntos, líneas y polígonos) mediante datos en formato vectorial. Esto resulta fundamental para aplicaciones que requieren una visualización dinámica y precisa de datos geográficos, ya que:

import 'ol/ol.css';
import { Map, View } from 'ol';
import VectorLayer from 'ol/layer/Vector';
import VectorSource from 'ol/source/Vector';
import { fromLonLat } from 'ol/proj';
import GeoJSON from 'ol/format/GeoJSON';

// Configuración de la fuente vectorial con un archivo GeoJSON
const vectorSource = new VectorSource({
url: 'data/geojson/countries.geojson', // Ruta a tu archivo GeoJSON
format: new GeoJSON(),
});

// Creación de la capa vectorial
const vectorLayer = new VectorLayer({
source: vectorSource,
});

// Inicialización del mapa
const map = new Map({
target: 'map', // ID del elemento HTML donde se renderizará el mapa
layers: [vectorLayer],
view: new View({
  center: fromLonLat([0, 0]),
  zoom: 2,
}),
});