updated 1:06 AM CET, Dec 11, 2016

Tutorial Google Maps

Ratio: 0 / 5

Inicio desactivadoInicio desactivadoInicio desactivadoInicio desactivadoInicio desactivado
 

Tutorial publicación Google Maps

Forma fácil de publicar el Mapa de Google sin el componente de Joomla : com_google_maps-2.6b.zip

(Ejemplo:  Crear un enlace desde un menú a un artículo de contenido).

1) Crear un nuevo artículo, p.ej.,  de contenido estático :
Contenido --> Administrador de Contenido estático   -->  Nuevo

image001.jpg

En Detalles, poner Título, Alias del título y el texto que queráis que se publique junto al mapa.
A la derecha en la pestaña Enlace al menú , marcar el menú donde querías que aparezca el mapa, p.ej.,  Othermenu.
Darle un nombre al artículo del menú (Que será el nombre que parezca en el menú) y pinchar debajo  en el recuadro   Enlace al menú .
Aparecerá el nuevo enlace en color verde, abajo en: Enlaces en el menú existentes.
Guardar el artículo.

2) Ir a Google Maps :    //maps.google.es/maps

image003.jpg

Pinchar en la pestaña Buscar Negocios  (Si ya tenéis publicada vuestra web o empresa en el Local Bussines Center y queréis que se vea el "bocadillo", rellenar los campos de Nombre y Ubicación  y,  a la derecha,  pinchar en el recuadro Buscar Negocios  y os llevará directamente a vuestra marca. Si  no tenéis todo esto es igual, podéis poner cualquier punto del mapa sin el "bocadillo" del Local Bussines Center. Acercaros con el zoom hasta la vista que deseéis .  Elegir a la derecha entre MAPA , SATELITE o HIBRIDO.  

image006.jpg

Inmediatamente arriba  pinchar en el enlace azul que dice: Enlazar con esta página. Os aparece debajo una nueva ventana amarilla con dos recuadros, elegir la opción de abajo con un enlace azul de nuevo que dice: Personalizar y obtener vista previa del mapa incrustado.

Se abrirá una nueva ventana:

image008.jpg

Aquí podéis elegir el tamaño del mapa o personalizar este. Una vez hecho, en el punto 3) Copia este código HTML para incrustar el mapa en tu sitio web, aparecerá el código para copiar y pegar en nuestro artículo. (Este es un código en HTML luego vale para cualquier página web aunque no sea desarrollada en joomla! ).

Hacerlo pues: Abrir el artículo que habíamos guardado anteriormente y pegar el código donde deseéis.

Volver a guardar.

3) Crear una nueva entrada  de menú en el menú donde queráis que aparezca, p.ej. othermenu :

image010.jpg

 

Elegir Menús --> Othermenu

image012.jpg

 

Elegir Nuevo.

image014.jpg

Marcar    Contenido --> Enlace-Contenido estático   y pinchar arriba la flecha siguiente -->

image016.jpg

En Detalles darle el nombre que queráis y elegir el artículo de contenido que hemos guardado antes (dónde hemos pegado el código).
Pinchar  arriba en el icono  Guardar.
Comprobar que en la siguiente pantalla está con la marca verde en la  columna de publicado.

Y ya está, son 5 minutos y todo en  español.
Podéis  ver la muestra en Peñíscola en Google Maps
Saludos,  
He encontrado hoy un Gadget de Google para añadir un mapa a vuestras páginas web (se puede hacer más grande o más pequeño, al gusto de cada uno). Os saldría así:


En este enlade podéis obtener el código: Gadget de Google Maps