Profesor Mauricio Olavarría realiza exposición en el Taller de Investigación del Departamento de Ciencia Política de la Wayne State University.

Mapa Interactivo de Chile por Zonas

body {
font-family: Arial, sans-serif;
text-align: center;
padding: 20px;
}
svg {
max-width: 600px;
height: auto;
cursor: pointer;
}
.region {
stroke: #333;
stroke-width: 1;
transition: fill 0.3s;
}
.norte {
fill: red;
}
.centro {
fill: white;
}
.sur {
fill: blue;
}
.region:hover {
fill: orange !important;
}
#info {
margin-top: 20px;
font-size: 1.2rem;
font-weight: bold;
}

Mapa Interactivo de Chile

Pasa el mouse sobre las zonas para ver el nombre.

Mapa de Chile dividido en Norte, Centro y Sur

const info = document.getElementById('info');

document.querySelectorAll('.region').forEach(region => {
region.addEventListener('mouseenter', () => {
let nombre = '';
switch(region.id) {
case 'norte':
nombre = 'Zona Norte';
break;
case 'centro':
nombre = 'Zona Centro';
break;
case 'sur':
nombre = 'Zona Sur';
break;
}
info.textContent = nombre;
});
region.addEventListener('mouseleave', () => {
info.textContent = 'Pasa el mouse sobre una zona';
});
});