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 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.

  • Joomla 1 Hosting especializado en Joomla con discos SSDdesde 4 ´38 €/mes
  • Joomla 2 Hosting especializado en Joomla con discos SSDdesde 5 ´54 €/mes
  • Joomla 3 Hosting especializado en Joomla con discos SSDdesde 8 ´34 €/mes
  • Joomla 1 Hosting especializado en Joomla con discos SSDdesde 4 ´38 €/mes
  • Joomla 2 Hosting especializado en Joomla con discos SSDdesde 5 ´54 €/mes
  • Joomla 3 Hosting especializado en Joomla con discos SSDdesde 8 ´34 €/mes
    • Almacenamiento en disco duro ultra rápido SSDAlmacenamiento en disco duro ultra rápido SSDAlmacenamiento en disco duro ultra rápido SSDAlmacenamiento en disco duro ultra rápido SSD
    • El espacio en disco es la suma del espacio que ocupan los archivos que forman la web y el correo electrónico.El espacio en disco es la suma del espacio que ocupan los archivos que forman la web y el correo electrónico.El espacio en disco es la suma del espacio que ocupan los archivos que forman la web y el correo electrónico.El espacio en disco es la suma del espacio que ocupan los archivos que forman la web y el correo electrónico.
    • La transferencia de datos mensual es la cantidad total de información que se descargan los visitantes de nuestra web en cada acceso más nuestro uso a través de FTP y correo.La transferencia de datos mensual es la cantidad total de información que se descargan los visitantes de nuestra web en cada acceso más nuestro uso a través de FTP y correo.La transferencia de datos mensual es la cantidad total de información que se descargan los visitantes de nuestra web en cada acceso más nuestro uso a través de FTP y correo.La transferencia de datos mensual es la cantidad total de información que se descargan los visitantes de nuestra web en cada acceso más nuestro uso a través de FTP y correo.
    • Ideado para sacar el máximo partido a tu JoomlaIdeado para sacar el máximo partido a tu JoomlaIdeado para sacar el máximo partido a tu JoomlaIdeado para sacar el máximo partido a tu Joomla
    • Te ayudamos vía email y teléfono en todas tus consultas sobre hosting web
    • Elige la versión de PHP que necesites
    • Certificado SSL autofirmadoCertificados Let's Encrypt. Mas Información AQUICertificados Let's Encrypt. Mas Información AQUICertificados Let's Encrypt. Mas Información AQUI
    • Contrata tu hosting web y consigue dominios gratisUna vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM, .INFO, .NET, .ORG ó .EU.
    • Ideado para sacar el máximo partido a tu Joomla
    • Te ayudamos vía email y teléfono en todas tus consultas sobre hosting web
    • Hosting específicamente preparado para sacar el máximo rendimiento a tu JoomlaHosting específicamente preparado para sacar el máximo rendimiento a tu JoomlaHosting específicamente preparado para sacar el máximo rendimiento a tu JoomlaHosting específicamente preparado para sacar el máximo rendimiento a tu Joomla
    • Contrata tu hosting web y consigue dominios gratisUna vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM, .INFO, .NET, .ORG ó .EU.
    • Cada dominio alojado muestra un contenido único y diferente del resto
    • Aparcando un dominio secundario en el alojamiento de nuestro dominio principal conseguimos que ambos dominios resuelvan indistintamente con la misma página que tenemos colgada.
    • Cuentas de correo gestionables a través de POP, IMAP y servicio Webmail
    • Tus buzones de correo y mails limpios de virus y con un potente filtro antispam
    • Centro de datos en Madrid (España)
    • Opción de contratación de IP dedicadaPuedes contratar tu Ip dedicada por solo 11,95 € al año AQUIPuedes contratar tu Ip dedicada por solo 11,95 € al año AQUIPuedes contratar tu Ip dedicada por solo 11,95 € al año AQUI
    • Opción de contratación de certificados SSL. Se requiere Ip dedicada.Puedes contratar tu certificado SSL por solo 14,95 € al año AQUIPuedes contratar tu certificado SSL por solo 14,95 € al año AQUIPuedes contratar tu certificado SSL por solo 14,95 € al año AQUI
    • Bases de datos MySQL disponibles para su uso en cada alojamiento web
    • ¿Quieres realizar desarrollos con Python? En Hostinet innovamos dia a dia en tu beneficio y por ello te presentamos como última novedad en todos nuestros servidores Web la posibilidad de desplegar tus aplicaciones con Python directamente desde el cPanel de tu Hosting.
    • ¿Quieres desarrollar tus aplicaciones con Ruby? En Hostinet te presentamos como última novedad en todos nuestros servicios de Hosting Web la posibilidad de desplegar tus aplicaciones con Ruby on Rails directamente desde el panel de control cPanel.
    • El fichero .htaccess permite modificar diferentes variables en la configuración de nuestra cuenta de alojamiento en el servidor.
    • El módulo mod_rewrite permite crear direcciones URL alternativas a las dinámicas generadas por la programación de nuestros sitio web (blog, foro, portal…), de tal modo que sean más legibles y fáciles de recordar
    • Te ayudamos vía email y teléfono en todas tus consultas sobre hosting web. Soporte en español por personal de Hostinet.
    • Completa recopilación de tutoriales sobre Hosting, Dominios y Joomla
    • 30 dias para probar tu servicio de Hosting y si no te convence el servicio... te devolvemos el dinero!!

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

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.