const { Card, Eyebrow, SectionHeading, SourceNote, Callout, Badge } = window.CensoNosaraDesignSystem_f123a0;
/* Mapa de la toponimia del distrito.
*
* La capa por defecto son los nombres originarios. Los desarrollos
* inmobiliarios están detrás de un interruptor: no se ocultan (eso sería
* editorializar por omisión) pero tampoco se mezclan, porque son cosas
* distintas, un caserío y un condominio no son la misma clase de lugar.
*
* La clasificación no la inventa el sitio: sale del campo DESCRIPC del
* Instituto Geográfico Nacional. Cada punto declara su razón al tocarlo.
*/
const COLOR = {
o: 'var(--cn-navy-700)',
d: 'var(--cn-red-600)',
r: 'var(--cn-ink-400)'
};
const NOMBRE_CLASE = {
o: 'Nombre originario',
d: 'Desarrollo inmobiliario',
r: 'Sin resolver'
};
function Punto({ p, activo, onTocar }) {
const esOriginaria = p.c === 'o';
return (
onTocar(activo ? null : p)}
tabIndex={0} role="button" aria-label={p.n + ', ' + NOMBRE_CLASE[p.c]}
onKeyDown={e => { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); onTocar(activo ? null : p); } }}>
{p.n}
);
}
window.Mapa = function Mapa() {
const M = window.CN_MAPA;
const [verDesarrollos, setVerDesarrollos] = React.useState(false);
const [sel, setSel] = React.useState(null);
if (!M) return null;
const fuera = M.puntos.filter(p => p.fuera);
const dentro = M.puntos.filter(p => !p.fuera);
const originarias = dentro.filter(p => p.c === 'o');
const desarrollos = dentro.filter(p => p.c === 'd');
const dudosos = dentro.filter(p => p.c === 'r');
const visibles = [
...originarias,
...(verDesarrollos ? desarrollos : []),
...dudosos
];
const Interruptor = ({ activo, onCambiar, color, children }) => (
);
return (
Mostrar los {desarrollos.length} desarrollos inmobiliarios
{sel ? (
{sel.n}
{NOMBRE_CLASE[sel.c]}
IGN: {sel.t}
{(window.CN_MAPA_RAZONES && window.CN_MAPA_RAZONES[sel.n]) || 'Clasificado según su categoría en la cartografía oficial.'}
) : (
Toque cualquier nombre del mapa para ver cómo fue clasificado y por qué.
)}
{/* Lista en texto: sirve al lector de pantalla, al buscador y a los
modelos de lenguaje que indexan la página. Un mapa en SVG solo no
se puede leer en voz alta. */}
Ver los {M.puntos.length} nombres en lista
{dudosos.length > 0 && (
Estos aparecen en la cartografía oficial con doble naturaleza, o con un nombre que no calza con su
categoría. Escríbanos si conoce el origen: adcdesarrollocomunitario@gmail.com.
)}
Fuente de la geometría y de las categorías: Instituto Geográfico Nacional de Costa Rica, capa de Localidades
del distrito de Nosara (código 50206), actualizada al 18 de junio de 2024. Reproyectada de CR-SIRGAS CRTM05 a
WGS84. La clasificación entre nombre originario y desarrollo se deriva del campo DESCRIPC del propio IGN,
con correcciones documentadas una por una.