Mi elección ha sido instalar la extensión Google Maps by Reumer, entre otras muchas extensiones disponible para Joomla.
Para descargar la extensión, pincharemos aqui, y nos iremos a la web oficial.
Google Maps by Reumer es un plugin (antes se llamaba mambots) que permite integrar un mapa interactivo de Google Maps tanto en artículos, como en módulos.
Para instalarlo, necesitaremos irnos al enlace puesto anteriormente y descargar el archivo zip.
A continuación tenemos que subirle al Joomla. Para ello, nos vamos a extensiones > gestor de extensiones y en subir paquete, seleccionamos el que nos hemos descargado y le damos a «subir e instalar».
Para mostrar el mapa en un artículo, solo tendremos que poner en la descripción del artículo {mosmap} como podemos ver en la siguiente imagen. Para mostrar una zona en concreto, hay que usar parámetros. Un ejemplo puede ser: {mosmap width=’700’|height=’400’|lat=’41.409905’|lon=’2.18276’|zoom=’12’|mapType=’Hybrid’| text=’Barcelona’|tooltip=’Ciudda Condal’|marker=’1’|align=’center’}
Algunos parametros son:
- width (ancho), height (alto) para que se adapte al espacio disponible de la zona que contendrá el mapa.
- lon (longitud) y lat (latitud) para las coordenadas y/o dirección para buscar por las coordenadas se puede utilizar pos País.
- zoom puede ser cualquiera tal como se específica en la API de Google Maps.
- zoomType, puede ser Small (pequeño), Large (grande), o
- None (ninguno) si no se desea control de zoom.
- zoomNew, 1 para zoom continuo con doble-clic y 0 para un zoom por clic (por defecto es 0).
- zoomWheel, 1 para zoom con la rueda del ratón y 0 para no hacer zoom con la rueda del ratón (por defecto 0).
- mapType puede ser Normal (por defecto), Satellite (Satélite), Hybrid (Híbrido), Terrain (Terreno) o Earth (Tierra).
- showMaptype 0 para que no haya controles de Maptype y 1 para mostrar los controles (por defecto 1).
Aquí tenemos un ejemplo del resultado.
ADVERTENCIA: En mi caso el mapa desaparece por que hay que introducir un API pero me da un error.
Pasos para obtener una clave API:
Accedemos al sitio oficial de google pinchando aqui.
Una vez que acedemos, tenemos que registrarnos con nuestro usuario y contraseña. Una vez dentro, en el menú de la izquierda entramos en «API y autenticación» donde seleccionaremos APIs:
Después, nos iremos a «api access», como observamos ver en la siguiente captura.
Nos situamos en la parte de abajo de la pantalla y seleccionamos para que queremos la API.
Y por último, nos vamos a la parte de arriba y vemos como se nos ha creado la clave. Solo bastará con copiarla y pegarla en Joomla.
