Ejemplo usando la APIs de google

Preview:

Citation preview

1

EJEMPLO

USANDO LA APIS

DE GOOGLE

2

Google

Earth

3

Es un programa gratuito que hace posible observar todo el planea, navegar y moverse de un lugar a otro y acercarse a cualquier punto de la tierra viendo detalles impresionantes. Es posible partir del espacio exterior hasta la calle de alguna ciudad del planeta en cuestión de segundos. 

4

<script src="http://www.google.com/jsapi?key= ABCDEFG"> </script>

<script type="text/javascript"> var ge; google.load("earth", "1"); function init() { google.earth.createInstance('map3d', initCB, failureCB); } function initCB(instance) { ge = instance; ge.getWindow().setVisibility(true); } function failureCB(errorCode) { } google.setOnLoadCallback(init); </script>

Este Script s

e

añade dentro

del <head>

de tu pagina

5

<div id="map3d" style="height: 400px; width: 600px;"></div>

El

complemento

de Google

Earth se carga

en un

elemento DIV ,

este se añade

al  <body> de

tu página 

6

Si ya tienes una pagina

web y quieres esta

aplicación en tu pagina

tienes que registrarte

para obtener tu clave

7

URL de tu sitio

8

Clave para usar

la API Google Earth

9

<script src="http://www.google.com/jsapi?key= clave "> </script>

<script type="text/javascript"> var ge; google.load("earth", "1"); function init() { google.earth.createInstance('map3d', initCB, failureCB); } function initCB(instance) { ge = instance; ge.getWindow().setVisibility(true); } function failureCB(errorCode) { } google.setOnLoadCallback(init); </script>

Se añade

la clave

que se te

otorga al

registrar

tu sitio

10

Google

Analytics

11

Es un servicio gratuito de estadísticas desitios web. Ofrece información agrupadasegún los intereses de tres tipos distintos

de personas involucradas en elfuncionamiento de una página.

12

13

14

15

Este código se tiene que añadir a tu sitio dentro de la etiqueta

<head>