Neo Humano- Gtug Labs - Google Maps API (23-01-2010)

11
GTUG Labs Google Maps(Api)

description

2do Reunión de Google Technology Users Group realizada en la Universidad Peruana de Ciencias Aplicadas (UPC) con la participación del grupo de investigación y desarrollo de Neo Humano que expuso sobre Google Maps API

Transcript of Neo Humano- Gtug Labs - Google Maps API (23-01-2010)

Page 1: Neo  Humano- Gtug Labs - Google Maps API (23-01-2010)

GTUG Labs  Google Maps(Api) 

Page 2: Neo  Humano- Gtug Labs - Google Maps API (23-01-2010)

Google Maps API

El API de Google Maps te permite insertar Google Maps en tus propias páginas web con JavaScript Existen Servicios de Google Apps - Estandar - Premier Ejemplo: http://maps.google.com/

Page 3: Neo  Humano- Gtug Labs - Google Maps API (23-01-2010)

http://www.peets.com/stores/store_locator.asp?rdir=1&

Google Maps API

Edicion Premier Google Maps - Utiliza funciones de codificación geográfica avanzadas a mayor

velocidad y volumen. - Integra los mapas con contenido seguro efectuando la entrega

a través de direcciones https. - Realiza un seguimiento de los informes sobre su uso a través

de varios dominios. - Controla los anuncios que se muestran dentro de los mapas.

Obtén beneficios de las opciones de soporte y servicio empresarial

Page 4: Neo  Humano- Gtug Labs - Google Maps API (23-01-2010)

Google Maps API

Registro para obtener llave de api Google Apps: ABQIAAAA7QUChpcnvnmXxsjC7s1fCxQGj0PqsCtxKvarsoS-iqLdqZSKfxTd7Xf-2rEc_PC9o8IsJde80Wnj4g Enlace para registro: http://code.google.com/intl/es-ES/apis/maps/signup.html

Page 5: Neo  Humano- Gtug Labs - Google Maps API (23-01-2010)

Google Maps API

- No existe limite de visitas a mi sitio con Google Maps Api. (https://spreadsheets.google.com/viewform?key=pelxSF-Eta6L1DzSa-eauYQ)

- No se muestra publicidad esto puede variar Google comunicará 90 días antes

Page 6: Neo  Humano- Gtug Labs - Google Maps API (23-01-2010)

Google Maps API http://code.google.com/intl/es-ES/apis/maps/documentation/

El API de Google Maps para JavaScript:

Page 7: Neo  Humano- Gtug Labs - Google Maps API (23-01-2010)

Google Maps API http://code.google.com/intl/es/apis/maps/documentation/flash/tutorial-flash.html

El API de Google Maps para Flash: <div id="map_canvas" name="map_canvas"> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="800px" height="600px"> <param name="movie" value="MapSimple.swf"> <param name="quality" value="high"> <param name="flashVars" value="key=your_api_key"> <embed width="800px" height="600px" src="MapSimple.swf" quality="high" flashVars="key=your_api_key" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"> </embed> </object>

</div>

Page 8: Neo  Humano- Gtug Labs - Google Maps API (23-01-2010)

Demo Aplicativo Web Usando Javascript + 

XML 

Page 9: Neo  Humano- Gtug Labs - Google Maps API (23-01-2010)

Código

<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAdiQKusPd3wRyNrv1yLeAPRTMYm8xTYUdt9bQ7oiHfIXlT5BhQRToMRdu9s9dY3VdLfxQnJOZY-hwfw" type="text/javascript">

Page 10: Neo  Humano- Gtug Labs - Google Maps API (23-01-2010)

Código function myLoadMap() { if (GBrowserIsCompatible()) { var map = new GMap2(document.getElementById("map_canvas")); map.setCenter(new GLatLng(-8.349132345093355, - 75.82659912109375), 5); map.addControl(new GSmallMapControl()); map.addControl(new GMapTypeControl()); map.setMapType(G_SATELLITE_MAP); }

Page 11: Neo  Humano- Gtug Labs - Google Maps API (23-01-2010)

Presentación desarrollada por el Equipo de Investigación y Desarrollo de  NEO Humano 

 Juan Porras 

    Enero 2010