Ejemplo usando la APIs de google
-
Upload
lilia-valles -
Category
Education
-
view
1.552 -
download
4
Transcript of Ejemplo usando la APIs de google
![Page 1: Ejemplo usando la APIs de google](https://reader036.fdocuments.co/reader036/viewer/2022062405/557bb820d8b42aac088b4688/html5/thumbnails/1.jpg)
1
EJEMPLO
USANDO LA APIS
DE GOOGLE
![Page 2: Ejemplo usando la APIs de google](https://reader036.fdocuments.co/reader036/viewer/2022062405/557bb820d8b42aac088b4688/html5/thumbnails/2.jpg)
2
Earth
![Page 3: Ejemplo usando la APIs de google](https://reader036.fdocuments.co/reader036/viewer/2022062405/557bb820d8b42aac088b4688/html5/thumbnails/3.jpg)
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.
![Page 4: Ejemplo usando la APIs de google](https://reader036.fdocuments.co/reader036/viewer/2022062405/557bb820d8b42aac088b4688/html5/thumbnails/4.jpg)
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
![Page 5: Ejemplo usando la APIs de google](https://reader036.fdocuments.co/reader036/viewer/2022062405/557bb820d8b42aac088b4688/html5/thumbnails/5.jpg)
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
![Page 6: Ejemplo usando la APIs de google](https://reader036.fdocuments.co/reader036/viewer/2022062405/557bb820d8b42aac088b4688/html5/thumbnails/6.jpg)
6
Si ya tienes una pagina
web y quieres esta
aplicación en tu pagina
tienes que registrarte
para obtener tu clave
![Page 7: Ejemplo usando la APIs de google](https://reader036.fdocuments.co/reader036/viewer/2022062405/557bb820d8b42aac088b4688/html5/thumbnails/7.jpg)
7
URL de tu sitio
![Page 8: Ejemplo usando la APIs de google](https://reader036.fdocuments.co/reader036/viewer/2022062405/557bb820d8b42aac088b4688/html5/thumbnails/8.jpg)
8
Clave para usar
la API Google Earth
![Page 9: Ejemplo usando la APIs de google](https://reader036.fdocuments.co/reader036/viewer/2022062405/557bb820d8b42aac088b4688/html5/thumbnails/9.jpg)
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
![Page 10: Ejemplo usando la APIs de google](https://reader036.fdocuments.co/reader036/viewer/2022062405/557bb820d8b42aac088b4688/html5/thumbnails/10.jpg)
10
Analytics
![Page 11: Ejemplo usando la APIs de google](https://reader036.fdocuments.co/reader036/viewer/2022062405/557bb820d8b42aac088b4688/html5/thumbnails/11.jpg)
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.
![Page 12: Ejemplo usando la APIs de google](https://reader036.fdocuments.co/reader036/viewer/2022062405/557bb820d8b42aac088b4688/html5/thumbnails/12.jpg)
12
![Page 13: Ejemplo usando la APIs de google](https://reader036.fdocuments.co/reader036/viewer/2022062405/557bb820d8b42aac088b4688/html5/thumbnails/13.jpg)
13
![Page 14: Ejemplo usando la APIs de google](https://reader036.fdocuments.co/reader036/viewer/2022062405/557bb820d8b42aac088b4688/html5/thumbnails/14.jpg)
14
![Page 15: Ejemplo usando la APIs de google](https://reader036.fdocuments.co/reader036/viewer/2022062405/557bb820d8b42aac088b4688/html5/thumbnails/15.jpg)
15
Este código se tiene que añadir a tu sitio dentro de la etiqueta
<head>