Mostrando entradas con la etiqueta insertar mapa. Mostrar todas las entradas
Mostrando entradas con la etiqueta insertar mapa. Mostrar todas las entradas

martes, 9 de septiembre de 2014

Tutorial Joomla - Insertar mapas de google en nuestro sitio web – Domains – Asesor – Accident



En una anterior entrada hablamos sobre comoInsertar mapas de google en nuestro sitio weben esta ocasión lo explicaremos en especifico para JOOMLA.Básicamente es el mismo proceso, solo que debemos desactivar el editor en la configuración global y agregar un módulo html a nuestro sitio web.

Inicialmente vamos a laconfiguración global de nuestro panel de administración dejoomla.


Ahora en eleditor predeterminado elegiremos la opciónsin editor (IMPORTANTE: una vez insertado el mapa de google enjoomla, regresar a la configuración global y elegir el editor de su preferencia).


Para insertar el mapa de google haremos clic en extensiones Gestor de módulos


Posterior a esto hacemosclic en nuevo y elegimosHTML Personalizado.


Allí será donde colocaremosel código html que nos proporcionagoogle maps. Este código lo obtendremos ingresando a:
https://www.google.co.ve/maps/preview?source=newuser-wspor defecto nos mostrará nuestra ubicación.
En el extremo superior izquierdo del mapa nos encontramos con un campo de texto en el cual colocaremos el lugar que queremos localizar en el mapa.


Yo buscaré la Torre Eiffel, la cual me dice que está ubicada en Avenue Anatole France, París, Francia. Y esto es lo que nos muestra el mapa.


Listo, ahora debemos agregar el mapa ajoomla. En el extremo inferior izquierdo haremosclicen elicono con forma de engranaje, luegoclic en compartir e insertar mapa.

Nos mostrará una ventana como la siguiente, en donde elegiremos las dimensiones del mapa y copiaremos el código html quepegaremos en elmódulo html personalizado de joomla.


Al pegar el código html y guardar el módulo, el mapa interactivo debería ver de la siguiente manera.



También te podría interesar:
Insertar la insignia de Google+ en nuestro sitio web o blog.
Instalar AppServ en windows 7
Pop-up caja de me gusta facebook para blogger
Bloquear el acceso a sitios web utilizando archivo hosts


Insertar mapas de google en nuestro sitio web – Miami – cancer – Lawyers


google maps Venezuela

Sí queremosagregar unmapa de nuestra ubicación en nuestrositio web lo que haremos será utilizar la aplicación demapas de google. Esto es muy utilizado por los sitios web de empresas para mostrar a sus clientes donde se encuentran y como los pueden ubicar de forma presencial.

Lo primero que haremos será ir ahttps://www.google.co.ve/maps/preview?source=newuser-ws por defecto nos mostrará nuestra ubicación. En el extremo superior izquierdo del mapa nos encontramos con un campo de texto en el cual colocaremos el lugar que queremos localizar en el mapa.


Yo buscaré la Torre Eiffel, la cual me dice que está ubicada en Avenue Anatole France, París, Francia. Y esto es lo que nos muestra el mapa.


Listo, ahora debemos agregar el mapa a nuestro sitio web. Una opción sería tomar una captura de pantalla, subir la imagen al sitio web y colocarla donde deseemos. Sin embargo,google nos brinda la opción deinsertar el mapa. En el extremo inferior izquierdo haremosclic en elicono con forma de engranaje, luegoclic en compartir e insertar mapa.

Nos mostrará una ventana como la siguiente, en donde elegiremos las dimensiones del mapa y copiaremos el código html que pegaremos posteriormente en nuestro sitio web.


Al pegar el código html en nuestro sitio web el mapa interactivo debería ver de la siguiente manera.



También te podría interesar:
Insertar la insignia de Google+ en nuestro sitio web o blog.
Instalar AppServ en windows 7
Pop-up caja de me gusta facebook para blogger
Bloquear el acceso a sitios web utilizando archivo hosts