Foros del Web » Programando para Internet » Javascript »

seleccionar zonas en un mapa

Estas en el tema de seleccionar zonas en un mapa en el foro de Javascript en Foros del Web. Hola, me gustaria saber si existe alguna forma de hacer lo siguiente: - mostrar un mapa, dividido por provincias, y que éstas se puedan seleccionar ...
  #1 (permalink)  
Antiguo 18/02/2013, 03:37
Avatar de mj1984  
Fecha de Ingreso: septiembre-2008
Mensajes: 129
Antigüedad: 15 años, 7 meses
Puntos: 0
Pregunta seleccionar zonas en un mapa

Hola, me gustaria saber si existe alguna forma de hacer lo siguiente:

- mostrar un mapa, dividido por provincias, y que éstas se puedan seleccionar sobre la imagen, poniendo los trozos de provincias seleccionadas de un color, pulsando sobre distintas zonas del mapa. Y que una vez seleccionadas, al pulsar un boton, se envien los nombres de las provincias.

Gracias.
  #2 (permalink)  
Antiguo 18/02/2013, 03:46
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Respuesta: seleccionar zonas en un mapa

Hola:

Entre las opciones que puedo recomendarte están un mapa con sus áreas definidas (map/area) e imágenes para destacar las provincias: Mapa de España, o un fichero o etiquetas svg: Mapas interactivos svg... la segunda opción tiene la contra de la compatibilidad con viejos navegadores, y la primera el peso de todos los archivos.

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #3 (permalink)  
Antiguo 27/02/2013, 04:36
Avatar de mj1984  
Fecha de Ingreso: septiembre-2008
Mensajes: 129
Antigüedad: 15 años, 7 meses
Puntos: 0
Respuesta: seleccionar zonas en un mapa

al final lo he hecho usando areas (<area shape="POLY" coords="......") y quiero que al pasar el ratón por encima de cada área y al pulsar se cambie el color de ese área.

Ya he intentado hacerlo poniendo la imagen con el fondo transparente, usando background-color, y nada...

Ayuda por favor!!
  #4 (permalink)  
Antiguo 27/02/2013, 09:27
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Respuesta: seleccionar zonas en un mapa

Hola:

Deberías leer las referencias que he puesto... las áreas no pueden colorearse; el truco consiste en tener una imagen por cada provincia y simplemente mostrar y ocultar esas imágenes con estilos... pero primero deberías ver las páginas que te indiqué.

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #5 (permalink)  
Antiguo 27/02/2013, 10:22
Avatar de mj1984  
Fecha de Ingreso: septiembre-2008
Mensajes: 129
Antigüedad: 15 años, 7 meses
Puntos: 0
Respuesta: seleccionar zonas en un mapa

He estado echando un ojo a esas paginas que me comentas pero no sé cómo hacer para crear las imágenes que me tienen que salir encima de las provincias... ni cómo colocarlas justo donde necesito.
  #6 (permalink)  
Antiguo 27/02/2013, 10:26
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Respuesta: seleccionar zonas en un mapa

Hola:

Cita:
Iniciado por mj1984 Ver Mensaje
He estado echando un ojo a esas paginas...
Entre esas páginas, siguiendo enlaces, puedes encontrar una página que general las áreas y las imágenes...

¡Busca, busca!...

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #7 (permalink)  
Antiguo 04/03/2013, 05:54
Avatar de mj1984  
Fecha de Ingreso: septiembre-2008
Mensajes: 129
Antigüedad: 15 años, 7 meses
Puntos: 0
Respuesta: seleccionar zonas en un mapa

Hola de nuevo,

estoy investigando cómo hacerlo a través de lo que explicas en las páginas, pero estoy un poco perdida...

¿Me podrías explicar cómo usar lo de "Capturar áreas en imágenes"? He insertado una imagen y no me deja seleccionar areas...

Gracias.

EDITO: ya he conseguido seleccionar las áreas, pero ahora... ¿cómo utilizo el mapa que he conseguido en mi web?

Gracias de nuevo.

Última edición por mj1984; 04/03/2013 a las 06:44
  #8 (permalink)  
Antiguo 04/03/2013, 11:43
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Respuesta: seleccionar zonas en un mapa

Hola:

Lo más sencillo es desde la pestaña "visión" pulsar el botón "Ver efecto en popup", y guardar la página resultante, pero no recuerdo si hay navegadores que no exportan las imágenes al gurdar la página. Luego copiar y pegar el código tanto javascript como html (el mapa y las areas) en tu página, junto a las imágenes creadas.

Otra opción es crearte una imagen svg, de la que las coordenadas obtenidas se pueden aprovechar en un tag polygon, en su atributo "points" (supongo que deberás leer algo de ese formato antes)... las coordenadas también podrían ser útiles con php y las librerías GD (imagepolygon). Tal vez también sirvan con canvas, pero aún no he tratado ese tipo de imágenes.

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #9 (permalink)  
Antiguo 05/03/2013, 07:17
Avatar de mj1984  
Fecha de Ingreso: septiembre-2008
Mensajes: 129
Antigüedad: 15 años, 7 meses
Puntos: 0
Respuesta: seleccionar zonas en un mapa

El problema que tengo es cuando le doy a guardar la pagina resultante, ya que lo intento hacer copiando el codigo fuente de la pagina, pero no me sale esa opción...

Alguna idea de cómo guardarla?
  #10 (permalink)  
Antiguo 05/03/2013, 13:09
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Respuesta: seleccionar zonas en un mapa

Hola:

En el primer enlace del primer mensaje sobre el Mapa de España hay un apartado "Creando áreas y coloreando" se aclara que no todos los navegadores no generan el código correctamente y nosotros lo hicimos con firefox portable -yo uso habitualmente chrome (también lo prefiero portable), y posiblemente ese navegador no sea bueno-... ¿Te has planteado qhe la imagen sea svg?... en ese caso te valdría cambiar el fondo con estilos (hover -> fill)

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #11 (permalink)  
Antiguo 08/03/2013, 03:24
Avatar de mj1984  
Fecha de Ingreso: septiembre-2008
Mensajes: 129
Antigüedad: 15 años, 7 meses
Puntos: 0
Respuesta: seleccionar zonas en un mapa

Yo lo estaba probando en Chrome. Probaré en Firefox a ver qué tal.

¿A qué te refieres con cambiar el fondo?

¿Cómo creo una imagen svg?

Un saludo y gracias.
  #12 (permalink)  
Antiguo 08/03/2013, 15:40
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Respuesta: seleccionar zonas en un mapa

Hola.

Cambiar el fondo de un área de una imagen svg con el ratón (mouseover) se consigue simplemente con estilos (con los mapas de siempre eso no es posible).

Para crear imágenes svg debes conocer pocas etiquetas svg -> xml... entre mis apuntes hay algunos ejemplos.

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

Etiquetas: mapa, zonas
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 22:52.