Foros del Web » Creando para Internet » HTML »

Mapas en HTML

Estas en el tema de Mapas en HTML en el foro de HTML en Foros del Web. como puedo hacer mapas de este tipo, que no sea con swf [URL="http://www.fotocasa.es/search/search_maps.aspx?mi=11&tti=1&bti=2&pbti=2&ci=724&l l1i=1&ll2i=11&opi=38&cu=es-ES"]http://www.fotocasa.es/search/search_maps.aspx?mi=11&tti=1&bti=2&pbti=2&ci=724&l l1i=1&ll2i=11&opi=38&cu=es-ES[/URL] desde ya gracias...
  #1 (permalink)  
Antiguo 09/06/2010, 15:16
 
Fecha de Ingreso: febrero-2009
Mensajes: 15
Antigüedad: 8 años, 9 meses
Puntos: 0
Pregunta Mapas en HTML

como puedo hacer mapas de este tipo, que no sea con swf

[URL="http://www.fotocasa.es/search/search_maps.aspx?mi=11&tti=1&bti=2&pbti=2&ci=724&l l1i=1&ll2i=11&opi=38&cu=es-ES"]http://www.fotocasa.es/search/search_maps.aspx?mi=11&tti=1&bti=2&pbti=2&ci=724&l l1i=1&ll2i=11&opi=38&cu=es-ES[/URL]

desde ya gracias
  #2 (permalink)  
Antiguo 09/06/2010, 16:55
Avatar de Carlangueitor
Moderador ლ(ಠ益ಠლ)
 
Fecha de Ingreso: marzo-2008
Ubicación: México
Mensajes: 9.968
Antigüedad: 9 años, 9 meses
Puntos: 1314
Respuesta: Mapas en HTML

Lo puedes hacer con mapas de imágenes y un poco de javascript.

Saludos
__________________
Grupo Telegram Docker en Español
  #3 (permalink)  
Antiguo 09/06/2010, 20:21
Avatar de joseomaker  
Fecha de Ingreso: junio-2010
Ubicación: Maracaibo
Mensajes: 314
Antigüedad: 7 años, 6 meses
Puntos: 22
Respuesta: Mapas en HTML

puedes hacerlo facilmente con GIMP que es como photoshop pero en mi opinion es mejor para diseñar webs,aca te dejo el tutorial:

http://docs.google.com/Doc?id=dhs3vfzq_1786db5m72ds

el tutorial es propiedad de joaclint istgud.

PD: esta explicado con GIMP y Kompozer pero puedes hacer lo mismo con GIMP y notepad++,Gimp y Dreamweaver,etc.
  #4 (permalink)  
Antiguo 10/06/2010, 01:14
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.547
Antigüedad: 15 años, 8 meses
Puntos: 1262
Respuesta: Mapas en HTML

Hola:

Con imágenes planas, también se puede hacer online: Capturar áreas en imágenes

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #5 (permalink)  
Antiguo 10/06/2010, 02:01
Ami
 
Fecha de Ingreso: noviembre-2004
Mensajes: 67
Antigüedad: 13 años
Puntos: 0
Respuesta: Mapas en HTML

Hola aabramovichq

No especificas si quieres aprender a construir el mapa o simplemente lo quieres hacer. Si es lo último se me vinieron a la mente dos programas que te pueden servir, ambos gratuitos:

Handy ImageMapper 1.5
http://www.brothersoft.com/handy-imagemapper-46119.html

Image Mapper
http://www.tomaweb.com/image-mapper.asp
  #6 (permalink)  
Antiguo 10/06/2010, 08:47
 
Fecha de Ingreso: febrero-2009
Mensajes: 15
Antigüedad: 8 años, 9 meses
Puntos: 0
Respuesta: Mapas en HTML

Gracias a todos, ya tengo hecho el mapa en photoshop, lo q kiero lograr es, el mismo efecto al hacer el mousehover, intente hacer con jquery e imagenes png, no funciona porq se sobreponen las imagenes, desde gracias a todos.
  #7 (permalink)  
Antiguo 10/06/2010, 09:07
Avatar de joseomaker  
Fecha de Ingreso: junio-2010
Ubicación: Maracaibo
Mensajes: 314
Antigüedad: 7 años, 6 meses
Puntos: 22
Respuesta: Mapas en HTML

busca un modulo ya hecho en JQuery,ahi muchos y deben haber con efecto mousehover
  #8 (permalink)  
Antiguo 10/06/2010, 11:47
 
Fecha de Ingreso: julio-2008
Ubicación: valencia
Mensajes: 18
Antigüedad: 9 años, 4 meses
Puntos: 0
Respuesta: Mapas en HTML

En esta página encuentras un mapa parecido.
[URL="http://www.restaurantesvegetarianos.es/content/view/311/296/"]http://www.restaurantesvegetarianos.es/content/view/311/296/[/URL]
Tiene que haber la imagen general como fondo y por la funcion swapImage vas cambiando la imagen Image1, deben ser de fondo transparente
Código HTML:
<div background="imagen general">

<img src="imagen que cambia" name="Image1" width="400" height="360" border="0" usemap="#MapMapMapMap" id="Image1" />
</div> 
Código HTML:
<map name="MapMapMapMap" id="Map222">
<area shape="poly" coords="coordenadas del mapa" href="#" alt="gibraltar" onMouseOver="MM_swapImage('Image1','','mapa de gibralata" onMouseOut="MM_swapImgRestore()" /> 
funcion swapImage
Código HTML:
function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
  #9 (permalink)  
Antiguo 10/06/2010, 11:50
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.547
Antigüedad: 15 años, 8 meses
Puntos: 1262
Respuesta: Mapas en HTML

Hola:

Evidentemente no has mirado todos los mensajes... y de todos modos, ¿porqué piensas que con jquery iba ser mejor que "sin librerías"?...

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #10 (permalink)  
Antiguo 10/06/2010, 12:32
Avatar de joseomaker  
Fecha de Ingreso: junio-2010
Ubicación: Maracaibo
Mensajes: 314
Antigüedad: 7 años, 6 meses
Puntos: 22
Respuesta: Mapas en HTML

Depende caricatos,toma en cuenta que si bien seria un poco mas lento con JQuery y mas complicadode hacer,se le podrian agregar muchos mas efectos que con HTML o xhtml y css.

PD:se me vino a la mente que podrias hacerlo con CSS y podrias poner un que otro efecto como si fuera un menu CSS,se cargaria mas rapido.
  #11 (permalink)  
Antiguo 10/06/2010, 12:57
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.547
Antigüedad: 15 años, 8 meses
Puntos: 1262
Respuesta: Mapas en HTML

Cita:
Iniciado por joseomaker Ver Mensaje
Depende caricatos,toma en cuenta que si bien seria un poco mas lento con JQuery y mas complicadode hacer,se le podrian agregar muchos mas efectos que con HTML o xhtml y css.

PD:se me vino a la mente que podrias hacerlo con CSS y podrias poner un que otro efecto como si fuera un menu CSS,se cargaria mas rapido.
Parece que tampoco has visto el enlace en mi mensaje, y es que lo que se pide es un simple rollover, y dudo que una librería pueda ponerle muchos efectos a un simple rollover... incluso de quererlo, jquery es una librería javascript, y lo que se quiera hacer con una librería, sería posible hacerlo solo con javascript (el eterno dilema)... de todos modos, te comento que en mi enlace, se genera automáticamente tanto los elementos (las imágenes para reemplazar) como el código (sin más condiciones que la imagen sea con colores planos, que con cualquier editor gráfico puede conseguirse)...

Bueno, siempre dependerá que se miren las respuestas y que realmente se consideren.

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #12 (permalink)  
Antiguo 10/06/2010, 16:46
Avatar de joseomaker  
Fecha de Ingreso: junio-2010
Ubicación: Maracaibo
Mensajes: 314
Antigüedad: 7 años, 6 meses
Puntos: 22
Respuesta: Mapas en HTML

entiendo,ya verifique el enlace y la verdad no me gusto mucho,para mi sigue siendo mas simple con Gimp,pero cada quien tiene sus gustos,no debatire cual es el mejor metodo.

Dejemos que aabramovichq sea el que decida cual es el metodo que usara.

Saludos
  #13 (permalink)  
Antiguo 10/06/2010, 18:18
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.547
Antigüedad: 15 años, 8 meses
Puntos: 1262
Respuesta: Mapas en HTML

Hola:

Aunque no te guste, el comparar una página (y complementarias, y demás...) escrita por mi, línea por línea (con sus copy and paste en ocasiones) en el block de notas con toda una aplicación de las que suelo aconsejar (aunque prefiero photoshop, que su versión "elements" ha sido accesible para mi bolsillo, y por lo tanto uso...), me parece todo un halago... lamentablemente no tengo tiempo para documentar la página mejor, pero si se pincha en los sitios correctos, y no se cometen errores, (además de que realmente se usen colores planos), creo que los resultados serían los mismos.

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #14 (permalink)  
Antiguo 11/06/2010, 01:36
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.547
Antigüedad: 15 años, 8 meses
Puntos: 1262
Respuesta: Mapas en HTML

Hola:

Por cierto, la página original estaba en otro dominio: Capturar áreas en imágenes.

Últimamente tenía problemas en el servidor, que parece que ya se han resuelto (no lo verán, pero tengo los dedos cruzados )

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo

Etiquetas: mapas
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 03:04.