Para ello tenéis que pinchar en el círculo de la ciudad. ¿Por qué sólo en el círculo? Porque es más cómodo xD
Hay que definir las coordenadas de cada área que es un link, y es más fácil hacer circulitos. Ahora mismo tiene esta pinta:
- Código: Seleccionar todo
<MAP NAME="Mapa">
<AREA SHAPE=circle COORDS="32,60,15"
HREF="'.$mapa_h[0].'" TITLE="Torino"/>
<AREA SHAPE=circle COORDS="119,48,15"
HREF="'.$mapa_h[1].'" TITLE="Milano"/>
<AREA SHAPE=circle COORDS="289,93,15"
HREF="'.$mapa_h[2].'" TITLE="Venezia"/>
<AREA SHAPE=circle COORDS="56,147,15"
HREF="'.$mapa_h[3].'" TITLE="Genova"/>
<AREA SHAPE=circle COORDS="192,113,15"
HREF="'.$mapa_h[4].'" TITLE="Mantova"/>
<AREA SHAPE=circle COORDS="246,165,15"
HREF="'.$mapa_h[5].'" TITLE="Ferrara"/>
<AREA SHAPE=circle COORDS="116,210,15"
HREF="'.$mapa_h[6].'" TITLE="Parma"/>
<AREA SHAPE=circle COORDS="181,161,15"
HREF="'.$mapa_h[7].'" TITLE="Modena"/>
<AREA SHAPE=circle COORDS="215,201,15"
HREF="'.$mapa_h[8].'" TITLE="Bologna"/>
<AREA SHAPE=circle COORDS="113,252,15"
HREF="'.$mapa_h[9].'" TITLE="Lucca"/>
<AREA SHAPE=circle COORDS="200,257,15"
HREF="'.$mapa_h[10].'" TITLE="Firenze"/>
<AREA SHAPE=circle COORDS="293,297,15"
HREF="'.$mapa_h[11].'" TITLE="Urbino"/>
<AREA SHAPE=circle COORDS="149,324,15"
HREF="'.$mapa_h[12].'" TITLE="Siena"/>
<AREA SHAPE=circle COORDS="256,368,15"
HREF="'.$mapa_h[13].'" TITLE="Spoleto"/>
<AREA SHAPE=circle COORDS="352,335,15"
HREF="'.$mapa_h[14].'" TITLE="Ancona"/>
<AREA SHAPE=circle COORDS="243,464,15"
HREF="'.$mapa_h[15].'" TITLE="Roma"/>
<AREA SHAPE=circle COORDS="354,559,15"
HREF="'.$mapa_h[16].'" TITLE="Napoli"/>
</MAP>
Si alguien quiere hacerlo más completo se puede. Es cuestión de definir la forma (SHAPE) como circle, rect o poly.
Las coordenadas son:
- >> circle: "X,Y,R"
>> rect: "Xa,Ya,Xb,Yb"
>> poly: "X1,Y1,X2,Y2,...,Xn,Yn"
