Insertar un mapa Google Maps en Joomla!3

Categorias: Joomla, Tutoriales

Hoy en día es bastante común encontrarnos con un mapa descriptivo en muchas páginas web. Ya sea una indicación sobre el cómo llegar a nuestro negocio, una localización de los mejores restaurantes de la zona o incluso la ruta en bicicleta programada para el fin de semana, la aplicación Maps de Google es la más utilizada en este sentido.

Hoy vamos a aprender cómo integrar un mapa en Joomla.


SUSCRÍBETE AHORA  para recibir en tu email más artículos de expertos en Joomla. CLICK AQUÍ – ES GRATIS!!!

¿Cómo insertar un mapa Google Maps en Joomla!3?

Para ello accedemos a Google Maps y buscamos una dirección cualquiera en la barra de búsqueda.

imagen joomla

Una vez localizada nuestra geolocalización, en la parte baja de la pantalla veremos el icono de una rueda dentada, en la que haremos click para después seleccionar la opción “Compartir e insertar mapa”:

imagen joomla

Se nos abre una ventanita nueva en la que se nos brindan dos opciones:

Compartir enlace

Este enlace es lo mismo que tenemos en nuestra barra de navegación. Podríamos copiarlo y pegarlo en nuestra entrada para generar así un link al mapa que se abriría en nuestro navegador.

imagen joomla

imagen joomla

Esta solución es muy provisional y nada práctica para nuestros visitantes. Nosotros queremos que el propio mapa quede embebido en nuestro artículo. Para ello, seleccionaremos la segunda opción:

Insertar mapa

En esta sección nos encontramos el código para embeber un mapa en nuestra publicación. En la pestañita en la que por defecto aparece “Mediano” podemos escoger el tamaño del mapa que queremos publicar entre tres tamaños predeterminados (Pequeño, Mediano y Grande), e incluso podemos darle el tamaño del mapa en píxeles escogiendo la opción “Tamaño personalizado”.

Una vez tengamos el código copiado, lo tendríamos que añadir en nuestra publicación vía texto. Para ello, hacemos click en el botón “cambiar editor” de nuestra entrada para que este nos permita introducir texto con etiquetas e introducimos el código copiado en Google Maps en el lugar escogido.

imagen joomla

imagen joomla

Publicamos la entrada y ya tendríamos nuestro mapa embebido en nuestro artículo.

Pero Joomla! tiene un problema: al pegar el código, éste desaparece sin motivo alguno y no nos permite embeber un mapa. Este problema lo causa del editor de textos que por defecto viene asignado en Joomla. Vamos a aprender a alterar este editor y a conseguir que nuestro mapa quede embebido.

Para ello, accedemos a la sección Usuarios > Gestor de Usuarios.

imagen joomla

En este apartado, visualizamos los usuarios que hemos creado. Hacemos click en editar el usuario con el que vamos a embeber el mapa.

imagen joomla

Accedemos a la pestaña “Opciones Básicas”.

imagen joomla

En este apartado, seleccionamos el menú desplegable de “Editor” y seleccionamos la opción “Editor – Ninguno”.

imagen joomla

Aplicamos los cambios y volvemos a nuestro artículo. Veremos que en este momento únicamente podemos editar el artículo en forma de texto. Es el momento de pegar el código <iframe> que hemos copiado de Google Maps:

imagen joomla

Guardamos los cambios y visualizamos el artículo. Veremos que el mapa se ha pegado sin problemas. El resultado sería el siguiente:

Podemos volver a Usuarios > Gestor de Usuarios y editar las Opciones básicas del usuario para que vuelva a tener su propio editor.

¡CUIDADO! Si volvemos a editar la entrada con un usuario con el editor por defecto, el mapa de Google Maps desaparecerá. Una solución puede ser crear un usuario únicamente para embeber Google Maps y utilizarlo una vez el artículo ha sido completamente redactado.


SUSCRÍBETE AQUÍ para recibir en tu email más artículos de expertos en Joomla. 100% GRATIS

El Hosting Joomla de Hostinet

En Hostinet te ofrecemos un Hosting Joomla de gran calidad por tan solo 13,26€ al mes. También te ofrecemos el mejor soporte técnico avanzado para resolver todos los problemas que te puedan surgir con tu site Joomla. ¡Somos expertos en los principales CMS del mercado: Joomla, WordPress y PrestaShop! Además, trabajamos desde hace más de 15 años con servidores ubicados en España (Madrid); ofreciendote un gran precio en los productos que contrates, una seguridad impenetrable y una confianza sin igual.

HOSTINET = SEGURIDAD + CONFIANZA + PRECIO + 15 AÑOS DE EXPERIENCIA

VN:F [1.9.22_1171]
Rating: 5.0/5 (Votos: 1)

¿NECESITAS AYUDA? Llama a nuestro soporte técnico 946 545 762 / 902 011 590

De Lunes a Viernes de 08:00 a 20:00 horas.


¡¡SOLO PARA TI!! Aprovéchate Ahora ...

¡¡Descubre los Mejores Artículos de Expertos en Tecnología!!

-

¡¡Descubre los mejores Artículos de Tecnología con Hostinet!!
Todos realizados por Expertos.

¡¡SOLO PARA TI!! Aprovéchate Ahora ...

¡¡Descubre los Mejores Artículos de Expertos en Tecnología!!

-

¡¡Descubre los mejores Artículos de Tecnología con Hostinet!!
Todos realizados por Expertos.

¡¡SOLO PARA TI!! Aprovéchate Ahora ...

¡¡Descubre los Mejores Artículos de Expertos en Tecnología!!

-

¡¡Descubre los mejores Artículos de Tecnología con Hostinet!!
Todos realizados por Expertos.