Staff en línea
Últimos temas
[recursos] Pagina HTML con mapa de Google Maps Origin10[Ocio] Contemos hasta el 5000
por Fibo Mar Nov 12, 2019 7:51 am

[recursos] Pagina HTML con mapa de Google Maps Origin10[Recursos] Paquetes de iconos
por Fibo Sáb Nov 09, 2019 9:46 pm

[recursos] Pagina HTML con mapa de Google Maps
Tema iniciado por y Añadir a favoritos

[recursos] Pagina HTML con mapa de Google Maps 
el Sáb Feb 18, 2017 10:14 pm
staff
Hola amigos,

En esta oportunidad les traigo un truco para añadir un mapa de Google Maps, en una pagina HTML, la cual puede ser una pagina de Contactos.

[info]BUSCAR EL MAPA Y OBTENER CODIGO[/info]
Para esto nos vamos a Google Maps buscamos el mapa que queremos y cuando este listo:
1. Haz clic en Menú [recursos] Pagina HTML con mapa de Google Maps 0Yt5Vwwq8e83qm3M_K_3oWRm9ddu6bWdx1I-IAnFuw5EYLAfsvD2hOvjaMIPsy1KeYX9CCs=w16
2. Selecciona Compartir o insertar el mapa. Si no aparece esta opción, haz clic en Obtener enlace a este mapa.
3. Clic en la pestaña Insertar mapa
4. OPCIONAL. Pueden seleccionar el tamaño que quieren que aparezca
5. Copiar el codigo, como este:
Código:
<iframe src="https://www.google.com/maps/embed?pb=!1m13!1m11!1m3!1d1322.9490049452434!2d-99.14866046663924!3d19.42812719781982!2m2!1f0!2f0!3m2!1i1024!2i768!4f13.1!5e1!3m2!1ses!2shn!4v1487477338897" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>

[info]CREAR PAGINA HTML[/info]
Para ello nos vamos al Panel Admin > Módulos > HTML & JavaScript > Gestión de las paginas HTML > Creación en modo Avanzado (HTML)
Titulo: Contacto - o el que ustedes quieran
¿Deseas utilizar la parte alta y la parte baja de la página de tu foro?: Si. Pueden ponerle que no, y editar un HTML mas enriquecido, pero lo recomiendo que le pongan SI.
¿Utilizar esta página como índice?: NO.

Contenido de la pagina:
[codebox]
Código:
<h1>CONTACTANOS</h1>
 <br/>
<table>
  <tr><td>
   
 
    <p>Puedes localizar nuestras oficinas en Calle de Balderas, Avenida Arcos de Belen, contiguo al Tecnologico Nacional de Mexico</p>
    <p>Correo Electronico: contacto@forodefibo.com</p>
    <p>Telefono: +505 23478923 Fax: +505 39283423984</p>
   
   
    </td>
    <td>

      <iframe src="https://www.google.com/maps/embed?pb=!1m13!1m11!1m3!1d1322.9490049452434!2d-99.14866046663924!3d19.42812719781982!2m2!1f0!2f0!3m2!1i1024!2i768!4f13.1!5e1!3m2!1ses!2shn!4v1487476227182" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
    </td>
  </tr>
</table>
[/codebox]

Aceptar los cambios y pegar el enlace a la pagina HTML en cualquier lugar del foro, en el menu es excelente idea.

Ejemplo:

[recursos] Pagina HTML con mapa de Google Maps PV3GlXHh

Fibo
Fibo

¿Que estoy pensando? :

Nuestra filosofía http://bit.ly/OpenSourcephpBB3 [table class=fecha_up][td]Se modifico:9/11/19 - 15:53 hrs. [/td][/table]


Banner en temas :

https://i.imgur.com/zVxw0kMh.png


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

616


Puntos :

896


Me gusta :

156


ingreso :

11/09/2015


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


http://www.opensourcephpbb3.com

Volver arriba Ir abajo

Genial, buen recurso.. [recursos] Pagina HTML con mapa de Google Maps 953422333
mrsrz
mrsrz

¿Que estoy pensando? :

Que aburrición... [table class=fecha_up][td]Se modifico:6/11/19 - 19:51 hrs. [/td][/table]


Banner en temas :

http://profilerehab.com/facebook_covers/musical/cool_guitar_cover_9.jpg


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

434


Puntos :

610


Me gusta :

64


ingreso :

23/12/2014


Sexo :

Masculino

Plataforma :

PunBB


Navegador :

Chrome


http://musicinstant.host-es.com/

Volver arriba Ir abajo

staff
Esta excelente este aporte..
Dosh
Dosh

¿Que estoy pensando? :

Vuelve el hijo prodigo... [table class=fecha_up][td]Se modifico:1/010/18 - 15:59 hrs. [/td][/table]


Banner en temas :

https://i.imgur.com/JdnysKr.png


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

1692


Puntos :

2450


Me gusta :

466


ingreso :

07/12/2014


Sexo :

Masculino

Plataforma :

punbb


Navegador :

Chrome


http://www.telefoneros.com/

Volver arriba Ir abajo

gracias
aisarx
aisarx

¿Que estoy pensando? :

Escribe lo que tienes en mente [table class=fecha_up][td]Se modifico:10/7/15 - 15:25 hrs.[/td][/table]


Banner en temas :

https://2img.net/h/oi64.tinypic.com/2i8tzma.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

6


Puntos :

6


Me gusta :

0


ingreso :

28/02/2017


Sexo :

Masculino

Plataforma :

invision


Navegador :

firefox


Volver arriba Ir abajo

 En la misma categoria

  Temas relacionados en otros foros de foroactivo

Permisos de este foro:
No puedes responder a temas en este foro.