Mapa interactivo de España -> use maps html

Me surgió la necesidad de encontrar un mapa interactivo de españa, con sus enlaces para cada ciudad. Estuve buscando pero no encontré nada. Al final eché mano de viejos conocimientos del Gimp e hice el mío propio, dejo aquí la imagen y el código del mapeado.

Y aquí el código del mapeado:

<img src="Sin nombre" width="300" height="208" border="0" usemap="#map" />

<map name="map">
<!-- #$-:Image map file created by GIMP Image Map plug-in -->
<!-- #$-:GIMP Image Map plug-in by Maurits Rijk -->
<!-- #$-:Please do not edit lines starting with "#$" -->
<!-- #$VERSION:2.3 -->
<!-- #$AUTHOR:Mercedes Conde -->
<area shape="poly" coords="54,15,67,26,84,20,84,10,86,2" href="lacoruña" />
<area shape="poly" coords="61,25,57,34,66,40,90,32,83,22" href="pontevedra" />
<area shape="poly" coords="66,42,81,47,99,44,102,32,89,32" href="orense" />
<area shape="poly" coords="87,2,83,22,90,31,100,32,101,23,96,3" href="lugo" />
<area shape="poly" coords="96,5,102,22,128,19,144,9" href="asturias" />
<area shape="poly" coords="101,23,102,37,128,42,133,36,136,16" href="leon" />
<area shape="poly" coords="137,19,154,25,157,17,168,13,160,7,141,11" href="cantabria" />
<area shape="poly" coords="164,9,165,16,170,22,178,15,180,10" href="vizcaya" />
<area shape="poly" coords="182,13,176,20,184,20,189,13" href="gipuzcua" />
<area shape="poly" coords="168,19,170,27,180,31,184,20" href="alava" />
<area shape="poly" coords="136,20,132,38,152,46,153,44,144,33,150,23" href="palencia" />
<area shape="poly" coords="125,40,127,61,141,62,145,55,156,52,152,44" href="valladolid" />
<area shape="poly" coords="97,44,111,58,128,61,125,42,102,38" href="zamora" />
<area shape="poly" coords="147,34,160,52,170,42,169,22,164,12,159,12,150,27" href="burgos" />
<area shape="poly" coords="171,42,191,44,191,36,172,29,168,28" href="larioja" />
<area shape="poly" coords="180,30,196,43,206,17,187,14" href="navarra" />
<area shape="poly" coords="204,25,210,43,224,55,233,53,230,48,234,43,234,24" href="huesca" />
<area shape="poly" coords="234,22,235,43,231,49,235,55,246,48,252,39,255,28" href="lleida" />
<area shape="poly" coords="254,29,278,48,281,30,276,25,265,27" href="girona" />
<area shape="poly" coords="247,48,260,61,278,47,254,30" href="barcelona" />
<area shape="poly" coords="231,54,228,69,235,74,244,63,258,57,248,49" href="tarragona" />
<area shape="poly" coords="227,68,219,73,208,90,216,96,226,96,236,74" href="castellon" />
<area shape="poly" coords="189,44,185,60,197,67,205,62,218,56,220,50,207,38,205,25" href="zaragoza" />
<area shape="poly" coords="197,66,193,80,206,88,230,66,230,53,221,53" href="teruel" />
<area shape="poly" coords="160,51,168,61,176,59,183,64,189,62,184,58,188,44,172,42" href="soria" />
<area shape="poly" coords="166,59,161,67,168,80,170,85,184,73,194,79,197,68,189,63,178,64" href="guadalajara" />
<area shape="poly" coords="140,62,147,77,166,58,160,52,144,55" href="segovia" />
<area shape="poly" coords="130,63,132,70,118,81,129,86,142,82,148,76,140,62" href="avila" />
<area shape="poly" coords="107,56,98,67,92,70,99,77,99,82,107,81,111,77,118,83,131,68,129,62" href="salamanca" />
<area shape="poly" coords="142,83,160,65,169,85,159,90" href="madrid" />
<area shape="poly" coords="97,81,97,94,86,95,93,108,100,103,110,110,122,108,132,102,125,84" href="caceres" />
<area shape="poly" coords="132,102,149,98,158,107,172,100,166,86,155,91,141,83,125,87" href="toledo" />
<area shape="poly" coords="165,87,173,103,183,107,198,103,203,87,185,74" href="cuenca" />
<area shape="poly" coords="200,100,209,118,224,113,221,95,215,95,203,88" href="valencia" />
<area shape="poly" coords="208,117,209,133,215,137,232,116,225,114" href="alicante" />
<area shape="poly" coords="184,134,199,153,216,140,208,133,208,119,201,118,193,127" href="murcia" />
<area shape="poly" coords="173,104,174,124,183,135,202,117,209,119,200,102" href="albacete" />
<area shape="poly" coords="136,100,132,118,148,127,175,123,173,103" href="ciudadreal" />
<area shape="poly" coords="92,105,93,114,89,124,96,133,113,138,118,132,124,131,122,122,133,116,135,101,110,110" href="badajoz" />
<area shape="poly" coords="185,137,179,151,173,156,173,165,189,165,198,152" href="almeria" />
<area shape="poly" coords="181,131,168,146,146,152,146,159,158,166,174,166" href="granada" />
<area shape="poly" coords="148,125,146,141,152,150,171,145,179,131,174,124" href="jaen" />
<area shape="poly" coords="118,132,127,146,135,143,140,155,154,150,147,140,146,127,132,117,121,122,124,131" href="cordoba" />
<area shape="poly" coords="118,134,109,137,103,143,106,147,105,159,111,162,129,161,138,152,134,143,126,146" href="sevilla" />
<area shape="poly" coords="104,161,104,168,112,178,123,183,127,179,124,161" href="cadiz" />
<area shape="poly" coords="124,161,128,177,138,172,157,165,146,154,136,152" href="malaga" />
<area shape="poly" coords="92,130,83,143,87,156,105,161,104,149,101,143,108,137" href="huelva" />
<area shape="poly" coords="123,189,125,196,137,194" href="ceuta" />
<area shape="poly" coords="153,199,166,202,167,194" href="melilla" />
<area shape="poly" coords="11,169,10,197,79,197,80,168" href="tenerife" />
<area shape="poly" coords="240,106,249,123,294,95,270,77,265,85" href="mallorca" />
</map>

Espero que os sirva.

Más articulos

Tweet

Escrito por Unknown

Si tienes alguna otra duda, o quieres comentar algo sobre el tema, te animo a que dejes un comentario. También puedes visitar nuestro foro. ¡Un saludo!