jueves, 10 de noviembre de 2011

Mapas dinámicos en nuestra página: Googlemaps Plugin

La tecnología Google Maps permite la creación de mapas dinámicos con gran cantidad de funcionalidades en nuestra página. Vamos a instalar una extensión de tipo plugin para que mediante un simple código que insertemos en cualquier artículo, Joomla nos muestre una mapa de este tipo.

La sección de geolocalización del portal de extensiones de Joomla ofrece una gran variedad de posibilidades. Vamos a localizar Googlemaps Plugin y acceder a su ficha. Desde Download vamos a descargar el fichero plugin_googlemap_J16_J17.2.14.zip, el cual es compatible con Joomla 1.7 y pasaremos a instalar como siempre:

Extensiones -> Gestor de extensiones -> Subir Archivo de Paquete -> Seleccionar archivo (seleccionamos el que hemos descargado a nuestro equipo) -> Subir e instalar

Al tratarse de un plugin confirmaremos que esté activado en: Extensiones -> Gestor de plugins -> Google Maps. Si no lo estuviera, lo activamos.

Visualización:

Accedemos a la edición del artículo donde queremos insertar nuestro mapa y escribimos el siguiente código:

{mosmap}

Vemos el resultado en la página. Nos debe aparecer un mapa situado en Estados Unidos. ¿Cómo controlamos el punto exacto del icono del mapa? Pues ampliando los parámetros del código anterior:

{mosmap width='500'|height='400'|lat='52.052312'|lon='4.447141'|zoom='15'|mapType='Satellite'|text='Texto del bocadillo'}

¡Ojo! El texto anterior se debe escribir evitando cualquier retorno de carro o carácter extra que hayamos incluido al pegarlo. Las variables con las que jugar serían:
  • width y height son las dimensiones que queréis que tenga el mapa en vuestra página
  • lat y lon son las coordenadas en las que se centrará. Como referencia, podéis coger los de la UPNA: lat='42.800116'|lon='-1.636233'
  • zoom es el valor del zoom en el rango 0-19. Cuanto mayor zoom, imágenes más cercanas
  • text es el texto que mostrará el bocadillo del icono

No hay comentarios:

Publicar un comentario