|
|
|
|
@ -57,37 +57,6 @@
|
|
|
|
|
const enAmerica = PAISES.filter((p) => !IBERIA.includes(p.codigo));
|
|
|
|
|
const enIberia = PAISES.filter((p) => IBERIA.includes(p.codigo));
|
|
|
|
|
|
|
|
|
|
/*
|
|
|
|
|
* El recuadro de la Península, colocado a mano dentro del mismo lienzo.
|
|
|
|
|
*
|
|
|
|
|
* Se probó con un `<svg>` anidado, que es lo que parece corresponder, y no
|
|
|
|
|
* pintaba nada: sus porcentajes se miden contra el viewport y no contra el
|
|
|
|
|
* `viewBox` del padre. Con una traslación y una escala calculadas de los dos
|
|
|
|
|
* encuadres, el sitio es exactamente el que se pide.
|
|
|
|
|
*/
|
|
|
|
|
const numeros = (encuadre: string) => encuadre.split(' ').map(Number);
|
|
|
|
|
|
|
|
|
|
const inserto = (() => {
|
|
|
|
|
const [ax, ay, aAncho] = numeros(ENCUADRE);
|
|
|
|
|
const [ix, iy, iAncho, iAlto] = numeros(ENCUADRE_IBERIA);
|
|
|
|
|
|
|
|
|
|
const escala = (aAncho * 0.44) / iAncho;
|
|
|
|
|
const margen = 8;
|
|
|
|
|
const x = ax + aAncho - iAncho * escala - margen;
|
|
|
|
|
const y = ay + margen;
|
|
|
|
|
|
|
|
|
|
return {
|
|
|
|
|
escala,
|
|
|
|
|
transform: `translate(${(x - ix * escala).toFixed(1)} ${(y - iy * escala).toFixed(1)}) scale(${escala.toFixed(3)})`,
|
|
|
|
|
marco: {
|
|
|
|
|
x: x.toFixed(1),
|
|
|
|
|
y: y.toFixed(1),
|
|
|
|
|
ancho: (iAncho * escala).toFixed(1),
|
|
|
|
|
alto: (iAlto * escala).toFixed(1)
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
})();
|
|
|
|
|
|
|
|
|
|
/** Lo que lee un lector de pantalla y lo que sale al pasar el ratón. */
|
|
|
|
|
function resumen(codigo: string): string {
|
|
|
|
|
const suyo = porPais[codigo];
|
|
|
|
|
|