Portada Joomla Tutoriales Insertar un mapa Google Maps en Joomla!3
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.
Para ello accedemos a Google Maps y buscamos una dirección cualquiera en la barra de búsqueda.
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”:
Se nos abre una ventanita nueva en la que se nos brindan dos opciones:
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.
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:
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.
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.
En este apartado, visualizamos los usuarios que hemos creado. Hacemos click en editar el usuario con el que vamos a embeber el mapa.
Accedemos a la pestaña “Opciones Básicas”.
En este apartado, seleccionamos el menú desplegable de “Editor” y seleccionamos la opción “Editor – Ninguno”.
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:
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.
En Hostinet te ofrecemos un Hosting Joomla SSD de gran calidad por tun precio increíble. 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.