Insertar mapa google

Una de las cosas que podemos hacer para que nuestra web sea mas atractiva al usuario y de este modo captar su interés es la inclusión en los casos necesarios de un mapa de localización o ubicación.

Esto aparte de darle un toque profesional a la web, pondrá al servicio del usuario una herramienta practica y de fácil uso que sin duda agradecerá y que le servira para llegar hasta ti o sea hasta tu negocio.

Una de las maneras mas practicas y fáciles de incluir un mapa de situación en nuestro sitio es la utilización de la herramienta de google: "Maps"

Lo primero que tenemos que hacer es darnos de alta una cuenta de correo en google. Para ello nos dirigimos a esta dirección: Dar de alta una cuenta gmail.

Una vez creada nuestra cuenta en gmail y logeados, debeis de fijaros en la parte superior del navegador y pinchar sobre la pestaña que pone "Maps".

Te quedara una ventana abierta con el siguiente aspecto en la que lo primero que tienes que hacer es introducir la dirección de la calle que quieras ubicar (yo voy a elegir para el ejemplo nuestro museo del Prado) y una vez centrada en el mapa pinchar sobre mis mapas:

Una vez hecho esto, fijate bajo mis mapas como hay una pestaña que pone "crear un mapa nuevo", pincha sobre ella:

Y ahora solo te queda poner el titulo que quieras al mapa, la descripción y ensayar con las herramientas que te permitirán añadir un marcador de posición del lugar concreto, dibujar una linea simple o a través de calles desde un punto a otro, o una forma para delimitar una zona concreta.

En fin es cuestión de ensayar un poco con las múltiples posibilidades que ofrece la herramientas.

Para no perderos, os muestro la situación de las mismas:

Bueno pues casi llegamos al final.

Una vez que tienes el mapa configurado solo te queda extraer los codigos que google te facilita para insertarlo en el lugar de tu web que quieras.

Para ello tienes que pinchar sobre la pestaña que dice enlazar, situada en la parte superior izquierda del mapa que acabas de hacer:

Veras como se te desplegan dos pestañas con opciones de pegar el mapa en un correo por ejemplo o copiar el código html para insertarlo en tu web el cual aun puedes personalizar aun mas si pinchas sobre la pestaña "personalizar y obtener vista previa" ubicada en la parte inferior:

Espero os sea de utilidad, todo sea por hacer la web mas accesible al usuario y adquirir cierto grado de profesionalidad.

Estos son articulos que te pueden interesar:
1.- Capturas de color html (ir al articulo)
2.- Como subir imagenes a un foro (ir al articulo)