Como utilizar Google Maps en nuestro blog de viajes

La semana anterior en Social Media Travel hablamos de Geolocalización y como utilizarla en nuestros viajes, os seguimos con algo parecido. Os acordáis de los mapas mundos que había que rellenar la escuela? Poner ríos, montañas etc o las capitales de los países como este, que había que rellenar a mano allá en la “prehistoria” cuando no existía Internet ni mucho menos Google Maps que aparte de indicarnos no solo donde esta Londres, si no también donde esta el Tate Britain por ejemplo.

 

Pero la funcionalidad de Google Maps va mucho más allá de eso para nuestros viajes, igual no durante como la geolocalización si no de apoyo a las entradas del blog por ejemplo.

En el caso más sencillo, como decíamos antes sobre el Tate Britain, por que no incorporar un plano o indicaciones de cómo llegar en la entrada? El proceso seria el siguiente:

 

1. Ir a la web de Google Maps http://maps.google.es/ y buscar Tate Britain.

2.De las entradas que aparecen en la izquierda, hacer click sobre el marcador correspondiente. (en nuestro caso el de la letra A)

3.Posteriormente hacer click en la parte superior derecha el icono de cadena, y nos aparecerá un cuadro blanco con dos cuadros, uno con el enlace al mapa y otro con el código para incrustar.

4.Para incluir solo el link, copiar directamente del cuadro http://maps.google.es/maps?q=tate+britain,+londres&hl=es&ll=51.493328,-0.124433&spn=0.002699,0.008841&sll=51.495172,-0.128403&sspn=0.021588,0.070724&vpsrc=6&t=h&z=16&iwloc=A

 

5.Para incrustar, lo más recomendable es hacerlo a través de personalizar, para elegir el tamaño, zoom y enfocarlo donde más nos interese. Al cambiar de tamaño y mover el mapa con las teclas de control, va cambiando la vista previa y el código a insertar, así que cuando estemos contentos con el resultado, copiad el código resultante.

 
Código resultante
<iframe width=”300″ height=”300″ frameborder=”0″ scrolling=”no” marginheight=”0″ marginwidth=”0″ src=”http://maps.google.es/maps?f=q&amp;source=s_q&amp;hl=es&amp;geocode=&amp;q=tate+britain,+londres&amp;aq=&amp;sll=51.495172,-0.128403&amp;sspn=0.021588,0.070724&amp;vpsrc=6&amp;ie=UTF8&amp;hq=tate+britain,&amp;hnear=Ciudad+de+Westminster,+Londres,+Reino+Unido&amp;cid=658786556715264370&amp;ll=51.490843,-0.128703&amp;spn=0.008016,0.012875&amp;z=15&amp;iwloc=A&amp;output=embed”></iframe><br /><small><a href=”http://maps.google.es/maps?f=q&amp;source=embed&amp;hl=es&amp;geocode=&amp;q=tate+britain,+londres&amp;aq=&amp;sll=51.495172,-0.128403&amp;sspn=0.021588,0.070724&amp;vpsrc=6&amp;ie=UTF8&amp;hq=tate+britain,&amp;hnear=Ciudad+de+Westminster,+Londres,+Reino+Unido&amp;cid=658786556715264370&amp;ll=51.490843,-0.128703&amp;spn=0.008016,0.012875&amp;z=15&amp;iwloc=A” style=”color:#0000FF;text-align:left”>Ver mapa más grande</a></small>

 

Ver mapa más grande
 

Otro consejo que me dio Jesús de Fotonazos, si tenéis un blog en wordpress.com, incluido al final de todo desde la pestaña de html y guardad desde allí sin cambiar a la pestaña del editor gráfico.

 

Un truco muy interesante, si necesitáis el mapa en varios idiomas para conseguirlo rápidamente, se puede hacer unos pequeños cambios en el código resultante sea solo en la opción link o mapa insertado cambiando la extensión de google maps y el idioma que aparece representado por hl=idioma, lo malo es el que tag hl a veces no aparece. En nuestro ejemplo de Tate Britain, figura la etiqueta hl, por tanto seria

 

http://maps.google.es/maps?q=tate+britain,+londres&hl=es&ll=51.493328,-0.124433&spn=0.002699,0.008841&sll=51.495172,-0.128403&sspn=0.021588,0.070724&vpsrc=6&t=h&z=16&iwloc=A

 

Enlace a mapa de Tate Britain en Inglés maps.google.co.uk en vez de maps.google.es y hl=en en vez de hl=es

 

Enlace a mapa de Tate Britain en alemán maps.google.de y hl=de

 

Enlace a mapa de Tate Britain en francés maps.google.fr y hl=fr

 

Si se hace el cambio sobre el código, es conveniente revisar si redirige al mapa correcto porque a veces un lugar aparece con un nombre en un idioma y otro nombre en otro. En ese caso se cambia la url desde el navegador y se busca el lugar de nuevo y copiar ese código nuevo para el idioma correspondiente.

 

La opción esta también es aplicable a itinerarios en google maps, seleccionado el origen y la salida y tomar el enlace correspondiente de la misma manera que para un lugar solo. Esta opción es útil para incluir más de un lugar aunque en ese caso, lo más correcto es usar la opción de crear mapas personalizados.

 

Para crear mapas personalizados, no hay más que buscarlos en google maps, seleccionar el lugar que nos interese y en el cuadro blanco que aparece al hacer click en el icono marcador, volver a hacer click en la opción guardar en que nos dará opción a crear mapa nuevo o utilizar mapa existente.

Una vez hecho esto editando el mapa se pueden hacer una serie de cambios, como incluir texto, enlaces sobre el lugar y cambiar el icono marcador por una serie de iconos predefinidos o añadir uno personalizado por nosotros mismos. Los iconos deben medir un máximo de 64×64 píxeles y estar en formato jpg, gif, bmp o png. Aunque admita hasta 64×64, lo más recomendable es utilizar 30×30 o 15×15 para evitar que se solape con otros iconos del mapa. Para añadir un icono se tiene que hacer mediante enlace a la imagen, es decir tiene que estar en internet. Las imágenes con enlaces de flickr no funcionan, desgraciadamente, solo funciona la del icono del perfil que mide 48×48.

Si la creáis con un programa de diseño gráfico, photoshop o similar, se puede subir de dos maneras via ftp a un servidor y buscar el enlace directo o lo más sencillo si tenéis WordPress, subirla con el panel en el apartado de media como si fuera una imagen para un post y copiar el enlace a la imagen que aparece con los datos de la imagen. Teniendo en cuenta que si cambiamos o borramos la imagen se notará en nuestro mapa.

 

Utilizando Google Maps en español a veces esta opción no esta disponible, la caja blanca del lugar aparece cortada y no se puede cambiar el icono, cambiando el idioma inglés vuelve a aparece el icono para cambiar. La explicación a esto la podéis encontrar aquí.

 

Si el lugar que queremos añadir no aparece en google maps es posible marcarlo en el mapa y personalizarlo a nuestro gusto igual que con los lugares guardados.

Y como colofón también permite marcar lineas como itinerarios.

 

Para añadir el mapa a una entrada o página de blog se hace igual que para añadir el mapa de un lugar, seleccionar si copiar el enlace o incluir mapa completo seleccionando tamaño y zoom correspondiente.

 

Como ejemplo os dejo el mapa de Travelling Dijuca con los lugares visitados marcados con el icono predefinido de chincheta y mi lugar de residencia marcado con el icono del blog, preparado a 15×15.

 

Ver Travelling Dijuca en un mapa más grande

Hasta la próxima

7 comentarios en «Como utilizar Google Maps en nuestro blog de viajes»

  1. Hola!
    Me parece muy útil la información de este post, además me gusta mucho como queda el mapa con las chichetas!
    Al igual que Babyboom, Gracias por compartirlo!!

    =)

    1. Gracias, me alegro que te guste, las chinchetas estan por defecto para elegir 🙂

Los comentarios están cerrados.