Nueva ventana en el mapa con información del evento

Ésta es una sugerencia que hemos recibido numerosas veces por parte vuestra: "¿por qué no añadís en el mapa al lado del evento una ventana que muestre los datos principales de éste? Así no hay que mirar el evento resaltado en la lista de la izquierda."

Bueno, pues ya lo tenemos y lo podéis ver en la siguiente imagen.

En un principio creíamos que el listado/agenda de la izquierda sería suficiente. Pero es cierto, que ahora que está ahí resulta muy útil.

Además, no queríamos y no podíamos usar la ventana que viene por defecto en Google Maps porque a parte de ser muy antiestética, cuando la ventana no cabe en el espacio disponible, el mapa se desplaza automáticamente, y en el caso de MapAgenda, eso hace que se recarguen todos los eventos.

El problema lo hemos solucionado con una ventana que es muy flexible. Si hay suficiente espacio, se coloca centrada justo encima del icono pero si el evento está en un lado del mapa o en la parte superior, la ventana cambia automáticamente de posición, debajo, a la derecha o a la izquierda.

Esperamos que os resulte útil.

Múltiples eventos en el mismo lugar del mapa

Hemos añadido al mapa de MapAgenda la capacidad de ver los eventos que ocurren en el mismo punto geográfico. Mirad las imágenes de abajo y veréis que los eventos se expanden en un círculo o espiral para mostrarlos todos. También podéis probarlo en los diferentes enlaces que acompañan a las imágenes.

Cuando hacéis una búsqueda de eventos, MapAgenda os muestra un listado con los primeros eventos que ocurren a partir de la fecha de búsqueda y esos mismos eventos los muestra en el mapa.

Pero, cuando hay varios eventos en el mismo lugar ¿Cómo los muestra el mapa?

Lo que hace el mapa inicialmente es apilarlos uno encima del otro con el evento de fecha más cercana encima del todo. Mirando el mapa, el evento que veis es el primero que va a ocurrir en ese lugar.

Y eso puede despistar mucho porque podéis pensar que solo hay un evento.

Por ejemplo, en la siguiente imagen que muestra los eventos en los alrededores de Sabiñánigo en Huesca a partir del 23 de Junio de 2012, podemos llegar a pensar que donde está el marcador verde solo hay un evento que corresponde a la marcha cicloturista Quebrantahuesos.

Sin embargo, no es así. Mirando el listado de la izquierda veréis que en el mismo Sabiñánigo tienen lugar 8 eventos.

Pues bien, a partir de ahora podéis verlos todos con solo colocar el ratón encima del marcador. Si vais al enlace siguiente y pasáis el ratón por encima del marcador verde, los eventos que hay en ese lugar se expanden formando un círculo. Los eventos están ordenados por fechas empezando en la posición de las 9:00

Sabiñánigo, 23 de junio de 2012

Al expandirse, sucede lo siguiente:

• Los eventos también se expanden cuando están muy próximos, aunque no estén exactamente en el mismo punto.
• Los eventos que están medianamente cercanos al círculo se difuminan para que los eventos del círculo destaquen más.

Ambas cosas las podéis ver si pasáis el ratón por los eventos blancos en la parte más baja. El marcador verde sigue estando ahí pero defuminado.

El círculo se crea cuando hay hasta un máximo de 7 eventos. A partir de ese número y para optimizar el espacio se crea una espiral en la que los eventos también están ordenados por fechas.

Si adelantáis la fecha del filtro para que haya más eventos en el mismo punto, esto es lo que veréis.

Sabiñánigo 5 de junio de 2012

Espero que esta pequeña mejora os ayude a navegar un poco más cómodamente por la agenda.

¿Qué eventos quieres mostrar y resaltar en tu widget?

Quizás os habéis planteado instalar el widget de MapAgenda en vuestra web o blog y con las diferentes opciones que tiene, no os habéis decidido por ninguna.

En este post vamos a poner un ejemplo de uso del widget que seguro encontráis interesante.

Utilizaré el ejemplo de nuestros amigos de Pirenaica que lo están utilizando en su Calendario. Lo podéis ver reproducido con algunos eventos del 2013 en esta imagen.

Si os fijáis también en la pestaña "mapa" (reproducida en la imagen de más abajo), observaréis lo siguiente:

1. Solo aparecen los eventos que el propietario del widget decide.

El widget se puede configurar para que muestre todos los eventos del mapa para una zona determinada o para que solo aparezcan los eventos que el propietario decide.

Esto se puede utilizar, por ejemplo, como en el caso de Pirenaica, para dar a conocer eventos de otros organizadores o de clubs con los que colaboran y los eventos que ellos mismos organizan.

Y si eres un corredor o ciclista o formas parte de un club puedes mostrar los eventos públicos que hayas añadido a tu agenda bien porque vas a participar en ellos o porque te interesa que los visitantes de tu página los conozcan.

2. Se resaltan los eventos del propietario

El propietario del widget puede decidir resaltar sus propios eventos sobre el resto.

En la imagen de arriba podéis ver resaltados los eventos organizados por Pirenaica. Esos eventos se resaltan automáticamente ya que Pirenaica es el propietario tanto del widget como de los eventos.

3. El mapa muestra automáticamente todos los eventos

Tal como veis en la imagen siguiente, el widget personal adapta automáticamente la región visible del mapa para que aparezcan todos los eventos de la agenda del propietario.

Si queréis probar todas estas cosas podéis hacerlo en la página de widgets de MapAgenda. Y ahí tenéis enlaces a unas cuantas páginas que ya han experimentado con ello.

Tu Agenda de Carreras y Marchas en MapAgenda

Aquí podéis ver un pantallazo de la agenda personal que encontraréis en MapAgenda y con la que podréis hacer un seguimiento de vuestras carreras y marchas.

Haced click en la pestaña "Mi Agenda" y entraréis directamente si estáis conectados.

Para añadir eventos haced lo siguiente:

Desde la agenda principal acceded a la página del evento que os interesa. Después de la sección del título encontraréis un enlace que dice "Añadir a Mi Agenda".

Al pulsarlo os preguntará si queréis que la cita sea pública o privada. De momento solo el usuario puede ver su agenda, pero en el futuro será posible ver las agendas de otros usuarios para la citas que se hayan marcado como públicas.

Si queréis mostrar vuestras citas en un widget tal como explicamos en uno de los posts posteriores, entonces debéis marcarlas como públicas.

Y siempre podéis eliminar una cita de vuestra agenda, bien desde esta misma página del evento, bien desde la pestaña "Mi Agenda".

El mapa es importante, pero no hay que olvidar el calendario

Los que lleváis un tiempo visitando MapAgenda os habréis dado cuenta de que recientemente hemos cambiado el ancho de pantalla de la página principal que contiene el mapa y los filtros de búsqueda de eventos. De ocupar todo el ancho ha pasado ha tener un ancho más reducido.

El elemento que más se ha visto afectado ha sido el propio mapa y esperamos que eso no sea un incoveniente para nadie. Ahora podéis verlo así:

Los dos motivos que nos han movido a hacer este cambio son los siguientes:

1. Tamaño de las pantallas

Muchas de las pantallas, sobre todo con el auge de las tabletas y de los netbooks, es de 1024 píxeles. Considerar este tamaño desde el principio ayuda a presentar la información de forma más organizada y aprovechando más el espacio.

2. Importancia del listado de eventos

Además, haciendo el mapa un poco más pequeño se consigue dar más visibilidad al listado de eventos o calendario en pantallas muy grandes.

Este punto es importante.

En MapAgenda los eventos están ordenados cronológicamente. Y esto es cierto tanto para el listado como para el mapa. El mapa está puesto para poder localizar fácilmente los eventos que están en el listado de la izquierda. Por eso el mapa solo presenta los eventos que aparecen en el listado.

Cuando vemos un mapa en una página, nuestros ojos se nos van directamente al mapa, obviando todo lo demás. Y estamos muy acostumbrados (las webs con mapas nos han acostumbrado a ello) a que si no vemos algo en el mapa ya no existe.

En MapAgenda eso no es así. El evento puede estar en la zona visualizada, pero puede no ser visible porque no está incluido en la ventana temporal que incluye el calendario.

Más todavía. El mapa puede tener dos eventos en el mismo punto pero mostrar solo un icono, el del evento más cercano temporalmente. Puede haber otro evento en el mismo sitio pero que tenga lugar en una fecha más lejana. Esa información la encontráis en el listado.

Por eso no os olvidéis de que existe el listado, de que el mapa puede no mostrar todos los eventos de la zona, y de que siempre tenéis el enlace inferior "Siguiente" que os permite ir a la siguiente página de eventos tanto en el listado como en el mapa. O también podéis cambiar la fecha de inicio del filtro.

Usar una serie para añadir grupos de eventos a MapAgenda

Normalmente, los eventos que pertenecen a un circuito o a un campeonato suelen tener bastantes cosas en común. Puede ser el organizador o patrocinador, la zona, la modalidad deportiva, quizás comparten cartel o lugar y método de inscripción, persona de contacto, etc.

Y surge la pregunta ¿Cómo añadir a MapAgenda un conjunto de eventos, por ejemplo del mismo circuito, sin tener que repetir toda la información común?

La respuesta es usando las Series. Dentro de MapAgenda las series son un agrupamiento de eventos de tal manera que cuando se selecciona una serie se ven todos los eventos que contiene. En teoría, las series pueden contener cualquier tipo de evento, pero en la práctica, son muy útiles para añadir eventos con características o datos comunes. Éstos se configuran en la serie, y luego, al asignar un evento a la serie, se puede hacer que el evento coja automáticamente todas esos datos sin repetir el trabajo.

Vamos a verlo en los dos pasos siguientes:

1. Crear una Serie

Hacer click en el enlace "Añadir serie" que está en la zona "Mis eventos" dentro de la pestaña "Serie".

En el formulario de creación de la serie se introducen todos los datos del circuito o campeonato. Por ejemplo, el título "7º Circuito Provincial BTT Diputación de Huelva", categoría Ciclismo - BTT, el organizador la Diputación de Huelva, el cartel, la web del circuito, cómo inscribirse, etc.

Como fecha y lugar de la serie se puede tomar el 1 de Enero y la capital de la provincia o de la región, por ejemplo, pero quizás lo mejor, es utilizar sencillamente la fecha y lugar del primer evento o del más representativo.

La fecha y el lugar de la serie ayudarán en la búsqueda de series una vez esta funcionalidad esté implementada en MapAgenda.

2. Añadir evento a la serie

Cuando se termina de rellenar la serie, ésta aparece seleccionada en marrón en la pestaña Series.

Para añadir un evento a la serie pulsar "Añadir evento". Esto abrirá el formulario correspondiente.

En la parte alta del formulario aparece el siguiente recuadro que declara que el evento ya pertenece a la serie a la que lo hemos añadido.

Al principio, todos los campos del evento están vacíos. Si se pulsa el enlace "Rellenar campos vacíos con esta serie" automáticamente todos los campos vacíos del evento se rellenarán con la información contenida en la serie.

Lo mejor es rellenar primero los campos del evento con los datos propios, y luego ya pulsar el enlace anterior para terminar de rellernarlo con la información común.

Así de sencillo es no tener que repetir los mismos datos para todos los eventos.

Aviso:
En ocasiones, el que rellena la serie e introduce todos sus eventos puede no ser el organizador de todos y cada uno de los eventos. En esos casos es una buena idea, en el momento de rellenar el evento, marcar que NO es el organizador. De esta forma, el evento podrá ser recuperado automáticamente por cada uno de los organizadores individuales por si se quiere añadir un cartel personalizado o una web propia o realizar cualquier otra edición.

Cuando se guarda el evento, éste aparece debajo de la serie (incluido en ella).

Y de esa misma forma a por los siguientes eventos.