¿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:
- Precisión en la representación: Cada elemento se define mediante coordenadas exactas.
- Interactividad: Permiten la selección, edición y análisis en tiempo real.
- Estilización avanzada: Se pueden aplicar estilos personalizados según la propiedad de los datos o la interacción del usuario.
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,
}),
});