08 enero 2010

Insertar un mapa en blogger y wordpress II

  No hay comentarios

Hoy les explicare como insertar un mapa con una ruta en blogger y wordpress, 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.

Enlaces para compartir en tu blog o pagina web.




Widget por Friki Bloggeo


No hay comentarios :

Publicar un comentario