Archivo de la categoría: Mapas

Insertar un mapa en blogger y wordpress II

Como continuación del primer artículo sobre mapas, en el que explicaba como insertar un mapa con una ruta en blogger y wordpress, hoy les explicaré como podemos crear un mapa algo más elaborado como el que muestro a continuación, donde básicamente se pueden observar tres novedades respecto a la primera entrada:

  • Incluyo pushpins (marcadores de puntos) en cualquier posición con una descripción que se puede elegir.
  • Se pueden trazar líneas.
  • Se pueden trazar polígonos tal y como se puede observar en el mapa que presento.

La muestra es la siguiente:


Ver mapa más grande

Para poder crear un mapa más complejo haremos lo siguiente:
1. En primer lugar, iremos a la web de google maps, y nos identificaremos como usuarios (sirve la cuenta de gmail, googlepages, o cualquier otra de google que ya tengan).

2. Posteriormente, en la columna izquierda elegimos la opción “Mis mapas”, y después elegimos “Crear un mapa nuevo”.

3. A continuación, tendremos que introducir un título para el mapa y una descripción. Además, para que lo puedan ver todos los visitantes, nos aseguraremos que la configuración de privacidad sea “Público”. 

iconos4. Paralelamente podremos ir introduciendo nuevos elementos en el mapa. Si nos fijamos observaremos que han aparecido los siguientes nuevos elementos en la parte superior izquierda del mapa. Su funcionalidad es la siguiente:
– El primero de ellos nos permitirá insertar un pushpin (un punto) en el que podremos marcar un monumento por ejemplo.
– El segundo nos permitirá definir una ruta donde nos calculará la distancia de los diferentes puntos.
– Finalmente, el tercero nos permitirá crear un polígono para delimitar un parque por ejemplo.

5. Una vez finalizado pulsamos “Listo”. A continuación pulsamos sobre “Enlazar” y copiamos el código que aparece junto a “Pegar HTML para insertar en sitio web”, y lo pegamos en la pestaña “Edición de HTML” de nuestra nueva entrada en blogger.

Insertar un mapa en un blog de blogger o wordpress

Hoy, les mostraré como podemos insertar un mapa de manera muy sencilla en nuestro blog o web. Tengo pensado distribuir el aprendizaje en dos entradas. En esta primera entrega explicaré como insertar un mapa sencillo, y uno con una ruta en nuestro blog de blogger o wordpress. Para hacerlo usaré el servicio de mapas de Google Maps, que permite hacerlo de manera muy sencilla. Los pasos serán los siguientes:

1. Vamos a la web de Google Maps, y elegimos la vista que deseamos mostrar (podemos elegir modo mapa o modo vista aérea, y el zoom básicamente). Además también podemos hacer un como llegar en caso que queramos que se muestre una ruta de un lugar a otro en el mapa.

2. Posteriormente en la superior del mapa, buscaremos el botón “Enlazar“, y pulsaremos sobre él, y aparecerán dos cajas de texto. A continuación, copiaremos el contenido que hay debajo del texto “Pegar HTML para insertar en sitio web”.

3. A continuación, iremos a nuestro blogger, y crearemos una nueva entrada. Elegiremos la pestaña “Edición de HTML”, y a continuación pegaremos el código HTML que acabamos de copiar. El resultado podría ser algo similar a:


Ver mapa más grande

Con esto ya tendremos un mapa, en días sucesivos, explicaré como hacer un mapa con puntos (pushpin’s en tecnología de mapas), con unas etiquetas tal y como se pueden observar en algunas webs.