¿Como insertar un mapa de Google en mi página de Palimpalem?

Ayuda y trucos para usar Palimpalem.
Avatar de Usuario
martin
Administrador
Administrador
MensajesCOLON 1180
RegistradoCOLON 15 Mar 2005 00:16
UbicaciónCOLON Madrid, España
CONTACTCOLON

¿Como insertar un mapa de Google en mi página de Palimpalem?

Notapor martin » 06 Jun 2013 10:01

¿Como insertar un mapa de Google en mi página de Palimpalem?

- vas a https://maps.google.es/
- insertas una dirección, por ejemplo "Plaza Puerta del Sol, 1, Madrid, España"
- a la izquierda del mapa arriba ves una impresora y al lado un simbolo de un enlace (eslabones de cadena).
- haz click en el simbolo de enlace (eslabon de cadena).
insertar mapa google 1.png

- se abre una ventanilla
insertar mapa google 2.png

- haz click en "Personalizar y obtener vista previa del mapa" que se va a insertar.
- se abre una ventana
insertar mapa google 3.png

- ahora puedes personalizar el mapa (tamaño, vista satelite...)
- una vez personalizado el mapa tienes que marcar el código que aparece abajo de "Copia este código HTML para incrustar el mapa en tu sitio web."
- Para copiar el código: Marcar todo el código con el raton, click derecha del raton y click en "copiar".
insertar mapa google 4.png

- ahora vas desde tu Centro Control de tu página Palimpalem a "editar", eligas una página para editar y se abre el editor.

Hay dos maneras de insertar el codigo del mapa:
La manera recomendada es el 1.)

1.) Con el menu del editor (eso funciona bien con Firefox y otros navegadores).
- primero haces en el editor click en el lugar donde quieres insertar el mapa.
- click en "insertar....codigo html"
insertar mapa google 5.png

- se abre una ventana.
- alli pegas el codigo (con boton derecho raton y click en "pegar" o con ctrl-v).
insertar mapa google 6.png

- click en "insertar"
- ya ves en el editor un marco. OJO: en el editor no se puede ver el mapa, solamente el marco. Eso es normal.
insertar mapa google 7.png

- Ahora tienes que hacer click para guardar lo
- En el Centro Control haz click en el nombre de tu página web (arriba).
- Y actualiza la vista (según el navegador que estas usando, se hace con F5 o con ctrl-r o pinchando en "refrescar" en el navegador.
insertar mapa google 8.png

- y ya puedes ver el mapa en tu página web de Palimpalem.

2.) con la vista HTML en el editor (eso funciona con el navegador Firefox y quizas no con Internet Explorer):
- click en el editor en "Fuente HTML"
- se abre la vista del codigo HTML de tu página.
- OJO: es muy importante que insertas el codigo despues de <body> y nunca antes!
- Despues de haber insertado el codigo en el lugar donde quieres el mapa, click en HTML
- se ve un marco (no se puede ver el mapa en el editor, solamente el marco, eso es normal)
- click en guardar.
- En el Centro Control haz click en el nombre de tu página web (arriba).
- Y actualiza la vista (según el navegador que estas usando, se hace con F5 o con ctrl-r o pinchando en "refrescar" en el navegador.
- y ya puedes ver el mapa en tu página web de Palimpalem.

Aquí unas pantallas sobre el tema:



Saludos, Martin

Volver a

¿Quién está conectado?

Usuarios navegando por este Foro: 1 y 0 invitados

cron