Mapas regionales

RegionComunasMap y RegionProvinciasMap comparten carga, escala, interacción, tooltip, selección y estilos.

<RegionComunasMap region="05" data={valoresComuna} />
<RegionProvinciasMap region="05" data={valoresProvincia} />

Claves de datos tipadas opcionales

Los componentes aceptan Record<string, number> para permitir topologías dinámicas o personalizadas. Al usar los mapas incluidos, puedes activar la validación exacta de claves para cualquiera de las 16 regiones:

import type { ComunaData, ProvinciaData } from "react-chile-map";

const valoresComuna = {
  "13101": 50,
  "13113": 82,
} satisfies ComunaData<"13">;

const valoresProvincia = {
  "131": 100,
  "132": 78,
} satisfies ProvinciaData<"13">;

Usa ComunaCode<R> o ProvinciaCode<R> cuando solo necesites la unión de códigos.

Las comunas exponen region, province y provinceName. Las provincias exponen su region.

Pase topology para evitar la carga diferida durante SSR, pruebas, precarga o cartografía personalizada:

import comunas13 from "react-chile-map/data/comunas-13.json";

<RegionComunasMap region="13" topology={comunas13} data={data} />;

Las cargas exitosas se guardan en caché. Si region cambia durante una petición, los resultados obsoletos se ignoran.