Tutorial Joomla - Insertar mapas de google en nuestro sitio web



Tutorial Joomla

En una anterior entrada hablamos sobre como Insertar mapas de google en nuestro sitio web en esta ocasión lo explicaremos en especifico para JOOMLA. Básicamente es el mismo proceso, solo que debemos desactivar el editor en la configuración global y agregar un módulo html a nuestro sitio web. 

Inicialmente vamos a la configuración global de nuestro panel de administración de joomla.  

Tutorial Joomla

Ahora en el editor predeterminado elegiremos la opción sin editor (IMPORTANTE: una vez insertado el mapa de google en joomla, regresar a la configuración global y elegir el editor de su preferencia).

Tutorial Joomla

Para insertar el mapa de google haremos clic en extensiones >>  Gestor de módulos

Tutorial Joomla

Posterior a esto hacemos clic en nuevo y elegimos HTML Personalizado.

Tutorial Joomla

Allí será donde colocaremos el código html que nos proporciona google maps. Este código lo obtendremos ingresando a:
https://www.google.co.ve/maps/preview?source=newuser-ws por defecto nos mostrará nuestra ubicación. 
En el extremo superior izquierdo del mapa nos encontramos con un campo de texto en el cual colocaremos el lugar que queremos localizar en el mapa.

Tutorial Joomla

Yo buscaré la Torre Eiffel, la cual me dice que está ubicada en Avenue Anatole France, París, Francia. Y esto es lo que nos muestra el mapa.

Tutorial Joomla

Listo, ahora debemos agregar el mapa a joomla. En el extremo inferior izquierdo haremos clic en el icono con forma de engranaje, luego clic en compartir e insertar mapa.

Nos mostrará una ventana como la siguiente, en donde elegiremos las dimensiones del mapa y copiaremos el código html que pegaremos en el módulo html personalizado de joomla.

Tutorial Joomla

Al pegar el código html y guardar el módulo, el mapa interactivo debería ver de la siguiente manera.



También te podría interesar:
Insertar la insignia de Google+ en nuestro sitio web o blog.
Instalar AppServ en windows 7
Pop-up caja de me gusta facebook para blogger
Bloquear el acceso a sitios web utilizando archivo hosts


¡Ayúdanos a seguir creciendo, comparte en tus Redes Sociales!

Siguiente
« Prev Post
Anterior
Next Post »