logoExtra: mapa_hispano

Descripción: Mapa de provincias y autonomías de España en formato svg. Es interactivo.


A continuación mostramos los apuntes asociados a este extra:

Mapas interactivos svg
Volvemos a la temática sobre imágenes svg para mostrar otro mapa pero con nuevas características, como la redimensión (la "S" en Svg corresponde a "eScalable").
// Descripción para sindicación:
/*
    [rss]Mapa de provincias y autonomías de España en formato svg. Es interactivo.[/rss]
*/
$ancho = (isset($_GET["max"])) ? $_GET["max"]: 625;
$alto = $ancho * 571 / 625;

$ratio = 625 / $ancho;

$anchura = $ancho * $ratio;
$altura = $alto * $ratio;

header("Content-type: image/svg+xml");
$fon = (isset($_GET["fondo"])) ? $_GET["fondo"] : "lime";
$rol = (isset($_GET["rollover"])) ? $_GET["rollover"] : "red";
$act = (isset($_GET["activo"])) ? $_GET["activo"] : "#eeeeee";
$tip = (isset($_GET["tipo"])) ? $_GET["tipo"] : "img";
if (isset($_GET["provincia"])) $provi = $_GET["provincia"];
if (isset($_GET["comunidad"])) $comun = $_GET["comunidad"];

include("ficheros/provincias.txt");
include("ficheros/comunidades.txt");
$estilos =<<< css
svg a.normal    {
    fill: $fon;
}

svg a.normal:hover    {
    fill: $rol;
}

svg a.activa    {
    fill: $act;
}

css;


echo <<< svg
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0" y="0" width="{$ancho}px" height="{$alto}px" preserveAspectRatio="none" viewBox="0 0 $anchura $altura">
<style type="text/css">
$estilos
</style>
<image x="0" y="0" width="625px" height="571px" xlink:href="http://www.pepemolina.com/ficheros/mapa_hispano.png"/>
    
svg;

foreach ($comunidad as $nombreComuna => $comunes)    foreach($comunes as $nombre => $provincia)    {
    $clase = ($provincia == $provi || $nombreComuna == $comun) ? "activa":"normal";
    $rollo = ($provincia == $provi || $nombreComuna == $comun) ? "":"\n\t<set attributeName='fill' from='$fon' to='$rol' begin='mouseover' end='mouseout'/>\n";
    $n = urlencode($provincia);
    $tit = ($tip == "img") ? $n : $provincia;
    echo <<< poligono

<a xlink:href='diario.jocker.php?extra=info_hispano&amp;provincia=$n' xlink:title='$n' class='$clase' target='_parent'>
    <polygon id="$n" stroke='black' points='{$provincias[$provincia]}' />$rollo
</a>

poligono;
}


echo "\n</svg>\n";

unset($css);
unset($body);

Este código ha sido leído en 218 ocasiones.

Zona de comentarios

Esta extra aún no tiene comentarios.

Evaluación

Valoración de esta página: (extra.mapa_hispano) valor

Valoración evaluar evaluar evaluar evaluar evaluar evaluar evaluar evaluar evaluar evaluar

Respuesta: Zona de mensajes (proceso de evaluación)

Listados: imágenes, categorías, etiquetas, extras | Anuarios: 2010, 2011, 2012, 2013, 2014, 2015, 2016, 2017, 2018, 2019, 2020, 2021, 2022, 2023, 2024 | Otros enlaces: buscador