Tutorial Google Street View

En este tutorial vamos a ver cómo conseguir el código embebido que deberá insertarse como widget en una página de Webnode.

1. Vayamos a la página de Mapas de Google.

2. En la caja de búsquedas introducimos la dirección completa y hacemos clic en la lupa de la derecha. 

Una vez que aparece el mapa, podemos ver que hay un icono de un hombre en amarillo. Si hacemos clic sobre él (sin soltar el botón) deberemos arrastrarlo hasta el punto que deseemos ver en Google Street View. Si te das cuenta, aparecen ahora unas líneas y unos pequeños cuadrados azules. Esto quiere decir que solo sobre ellos podrás colocar el icono amarillo.
 

3. Si queremos que, como en la captura siguiente,  aparezca el mapa en la mitad inferior, deberemos hacer clic en la flecha del círculo rojo. Si prefieres que no, salta este paso.  

               

4. Ahora vamos a hacer dos acciones para obtener el código embebido que insertaremos como Widget en nuetra página de Webnode. Primero hacemos clic sobre el icono de la cadena y después, se desplegará una pequeña ventana con dos códigos. Copiamos entonces el que indica la segunda flecha.                                                                                                                                                   

5. Por último, vamos al editor de nuestra página de Webnode y lo insertaremos como Widget - Código embebido. Si no te acuerdas de cómo realizar este paso, haz clic en este enlace.