Revista Informática

Tutorial Joomla - Insertar mapas de google en nuestro sitio web

Publicado el 09 septiembre 2014 por Francves


Tutorial Joomla - Insertar mapas de google en nuestro sitio web
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 - Insertar mapas de google en nuestro sitio web
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 - Insertar mapas de google en nuestro sitio web
Para insertar el mapa de google haremos clic en extensiones >>  Gestor de módulos
Tutorial Joomla - Insertar mapas de google en nuestro sitio web
Posterior a esto hacemos clic en nuevo y elegimos HTML Personalizado.
Tutorial Joomla - Insertar mapas de google en nuestro sitio web
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-wspor 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 - Insertar mapas de google en nuestro sitio web
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 - Insertar mapas de google en nuestro sitio web
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 - Insertar mapas de google en nuestro sitio web
Al pegar el código html y guardar el módulo, el mapa interactivo debería ver de la siguiente manera.


Volver a la Portada de Logo Paperblog