Coordenadas en imagen

Abengo · #1 (**permalink**) 09/02/2012, 09:05

Hola a todos, me surgió un problema y no encontré solución en los buscadores.

Mi problema o intención es la siguiente:
Intento poner coordenadas en una imagen, quiero dividir la imagen en pequeños recuadros de tal manera que al apretar uno de ellos me de una coordenada.
Cada cuadro tiene coordenadas distintas y hay bastantes..

Vendría a ser como un mapa con sus coordenadas respectivas.

Encontré la manera de mapear imágenes con html, pero no me interesa esa forma ya que es muy lento y solo agrega hipevinculos.

Gracias de antemano.

#2 (**permalink**) 09/02/2012, 16:39

Si usa el tag MAP

ejemplo

Código HTML:

Ver original<html>
<body>
 
<p>Click on the sun or on one of the planets to watch it closer:</p>
 
<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap" />
 
<map name="planetmap">
  <area shape="rect" coords="0,0,82,126" alt="Sun" href="sun.htm" />
  <area shape="circle" coords="90,58,3" alt="Mercury" href="mercur.htm" />
  <area shape="circle" coords="124,58,8" alt="Venus" href="venus.htm" />
</map>
 
</body>
</html>

http://www.w3schools.com/tags/tryit....ryhtml_areamap

furoya · #3 (**permalink**) 12/02/2012, 04:24

No entiendo bien lo de las muchas coordenadas ¿son partes del dibujo?, entonces son áreas. Si te parecen muchas para escribir, sólo metes las que te interesan en un array y que te escriba el código un programa en JS al llegar a la máquina cliente. O con PHP, y que le llegue al navegador ya escrito. El punto es que no tengas que escribirlo tú.

Ahora, si son realmente puntos X:Y, una opción es leer las coordenadas del puntero cuando lo pasas sobre la imagen, y después tú sabrás qué haces con ese valor.
Si no es para usarlo localmente sino para enviarlo como dato a un servidor, con meter la imagen en un <input type=image> sería suficiente; fue hecho para eso, para enviar coordenadas de su imagen al clickear.

Y lo de que el mapa sólo pone enlaces ... en realidad pone eventos, títulos y alguna cosa más que no recuerdo.

Si nos pusieras un breve y despojado ejemplo de lo que buscas sería más fácil ayudarte.

Saludos
furoya

caricatos · #4 (**permalink**) 12/02/2012, 04:50

Hola:

Si el problema está en la generación de las áreas, tengo una aplicación que las detecta si se trata de una imagen con colores planos. Lo explico en este apunte: Mapa de España.

Saludos

furoya · #5 (**permalink**) 12/02/2012, 07:54

¡Me ganaste de mano!

En cuanto nos confirmara que era como dijo 4ng3r , le iba a sugerir ese enlace.