entre Desarrolladores

Recibe ayuda de expertos

Registrate y pregunta

Es gratis y fácil

Recibe respuestas

Respuestas, votos y comentarios

Vota y selecciona respuestas

Recibe puntos, vota y da la solución

Pregunta

2votos

No consigo redimensionar un mapa

Hola wenas a todos, esta vez ando un poco enredado a la hora de querer redimensionar un mapa...Dicho mapa es una demostración, lo que yo hago es coger el contenedor del mapa y asignarle un width y height y no se me ajusta como yo quiero ya que se me enfoca a la porción del mapa especificado y no en su totalidad.

Aquí os dejo el código:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Mapa España por provincias</title>
<link href="./css/estilos.css" type="text/css" rel="stylesheet">
<link href="./css/jquery.qtip.min.css" type="text/css" rel="stylesheet">
<script src="./js/jquery-1.10.2.min.js"></script>
<script src="./js/jquery.qtip.min.js"></script>
<script src="./js/javascript.js"></script>
</head>

<body>
<div id="mapa"> <img src="img/transparente.png" alt="Mapa provincial de España" border="0" usemap="#Map" class="spain">
  <map name="Map" id="Map" alt="Mapa provincial de España" class="mapa">
    <area shape="poly" coords="97,16,98,6,86,3,80.............................................................................................................................................................................................
  </map>
</div>

</div>

</body>
</html>

Donde están los puntos suspensivos es donde van las coordenadas de cada provincia etc...Pero para no poner todo el código lo pongo así...
Espero vuestra respuesta, un saludo!

0voto

Peter comentado

¿Y como le estas haciendo para asignarle el width y height ?

0voto

pabeni comentado

En el código que puse no lo incorporado ya que no me funcionaba, pero le aplique esto:

<style>
#mapa img{
    width: 300px;
    height: 300px;
}
</style>

Para ser mas exactos este es la demostración que sigo:
https://github.com/cezonillo/MapaProvincialEspa-aInteractivo
Saludos!

0voto

Leonardo-Tadei comentado

Hola Pabeni,

no podés publicar la página funcionando en algún sitio para poder "jugar" un poco con la visualización desde el navegador? No hace falta todo, sino solo la página que tenga el mapa con algún dato ficticio...

0voto

pabeni comentado

Las pruebas las estoy haciendo en local, no lo tengo hospedada.
Como digo este es el enlace del proyecto --> https://github.com/cezonillo/MapaProvincialEspa-aInteractivo

Saludos!

0voto

Leonardo-Tadei comentado

Bueno :-(
Voy a ver si tengo tiempo de bajarlo, correrlo en local y probarlo...

1 Respuesta

2votos

Peter Puntos150460

El mismo ejemplo te dice que actives el zoom y la escala para el tamaño del mapa.

Viene comentada esta linea:

/*zoom:.5;-o-transform: scale(.5);-moz-transform: scale(.5)*/

Con esa puedes ajustar el zoom.

Saludos.

0voto

pabeni comentado

Muchísimas gracias tío, se me había pasado leer el README.txt

Tema solucionado, de nuevo gracias.

Un saludo!

0voto

Peter comentado

¿Y mi voto? jajaja.

Por favor selecciona la respuesta como correcta.

Saludos.

0voto

Leonardo-Tadei comentado

Ja! Un buen caso de "2 horas de prueba y error se reemplazan por 2 minutos de leer un manual".

PD: yo me hubiera puesto con el código igual que Pabeni :-(

0voto

pabeni comentado

Hola Peter, perdona mi ignorancia pero no se si te he votado correctamente, si es así házmelo saber ya que estoy en deuda con tigo.

Un saludo!

Por favor, accede o regístrate para responder a esta pregunta.

Otras Preguntas y Respuestas


...

Bienvenido a entre Desarrolladores, donde puedes realizar preguntas y recibir respuestas de otros miembros de la comunidad.

Conecta