Trucos en joomla y más

Este blog no es, ni de lejos, un curso, un tutorial, una guía, ni nada parecido para aprender a usar joomla. Simplemente son trucos explicados de forma muy sencilla para que cualquiera que tenga una web desarollada con joomla pueda usarlos sin necesidad de ser un erudito de la programación y así poder modificar su página personalizándola a su gusto. Espero que te sea útil y tus comentarios

miércoles, 28 de enero de 2015

Mapa interactivo con ContentMap

En una web que su base sean lugares como viajes, hoteles, tiendas repartidas por toda la geografía, centros de enseñanza o cualquier otra actividad queda muy vistoso insertar un mapa interactivo con iconos en cada punto geográfico que al pasar el raton enseña una imágen del lugar con enlace al artículo en cuestión que hable de ese viaje, de esa tienda....
En www.pelig.es se puede ver un ejemplo práctico. Mirad lo chulo que queda pasar el ratón y ver una imagen con el título del viaje en la que se puede pinchar para ver el artículo. Me parece una pasada.

Instalarlo es bien sencillo, se hace todo a través del administrador de joomla
Primero hay que descargarse el plugin ContentMap en la web del autor, e instalarlo en la web a través del gestor de extensiones y activarlo en gestor de plugins.
Se abre cada artículo que queramos incluir en el mapa, y en la parte de la derecha, en la opción de matadatos se pincha en contentMap y se escribe el lugar o la dirección donde se vaya a mostrar el icono. Una vez encontrado se pincha en "devolver información". En imágenes y enlaces podemos enlazar una foto pequeña que queremos que se vea al poner el raton encima . Y se guarda el artículo.

Cuando ya tengamos todos los artículos que queramos colocar,  nos vamos a gestor de  módulos y creamos un módulo nuevo tipo ContentMap, configuramos todas sus características,elegimos la zona geográfica que vamos a mostrar: España, Europa, Amñerica, todo el mundo... marcamos las categorías de los artículos que queramos que salgan en el mapa, elegimos un icono de una gran lista, ponemos la posición de nuestra plantilla, y en las páginas que queremos que se vea, y lo guardamos. Actualizamos la web y sale el mapa.
Si no nos gusta el tamaño, o cualquier otra caratcerísticas, las podemos ir cambiando en el módulo y probando hasta que quede a nuestro gusto.
Un truco atractivo es poner un icono personalizado para nuestra web, como los que yo coloqué en www.pelig.es.
Se elige la imagen que nos guste,  tiene que ser cuadrada y tipo .png. Se puede hacer con el programa paint que lleva windows. Se abre el archivo con paint, se le pone de de tamaño 32 x 32 píxeles y se guarda como tipo .PNG con el nombre que nos guste. Luego se sube con el administrador de archivos de nuestra web en: www.nuestraweb.es/media/contentmap/markers/icons/.  Actualizamos y vemos que en los artículos está en la lista de inconos a elegir. Lo elegimos, y listo.
Este módulo le dará un toque de elegancia a vuestra web.
Podéis copiar el relato de este proceso donde queráis, solo os pido, que hagáis refrencia a este blog.
Si tenéis cualquier duda sobre estre truco de joomla, preguntad y os responderé.
Emerre

4 comentarios:

  1. Hola Emerre. Muchas gracias por la información. Quiero poner un mapa como este en mi web, pero no sé bien como elegir los sitios para que salgan mis establecimientos. Mi familia tiene varias tiendas de golosinas en diferentes ciudades. Podrías ayudarme? Gracias.
    David

    ResponderEliminar
  2. Hola David. En tu web tendrías que hacer un artículo con cada uno de los establecimientos. En cada arttículo pones su ubicación en la opción de metadatos. Incluyes todos los artículos en una categría que llamas como quieras. Luego creas un módulo tipo ContentMap en la posición que quieres que se vea en tu web y seleccionas la categoria donde hayas puestos los establecimientos y ya se ven donde están. Espero que te quede bonito. Si tienes algún poblema, me dices. Un saludo, Emerre

    ResponderEliminar
  3. Hola emerre:
    El problema que tengo con esto es que veo que se necesitan API Key de Google Maps y no tengo. Es gratuita? Cómo se obtiene? Gracias

    ResponderEliminar
  4. Hola P. Antes no hacía falta la API Key de google, pero no es problema puedes obtener una gratuita en esta direccion https://developers.google.com/maps/documentation/javascript/get-api-key
    Luego la introduces en el plugin y en el módulo y ya te funcionará correctamente. Un saludo, espero que te quede genial

    ResponderEliminar

Aquí podéis dejar vuestros comentarios. En cuanto pueda os responderé