1. Fernando Quadro <fernando.quadro@softplan.com.br> Introdução ao OpenLayers

3. O que é o OpenLayers?

6. Arquitetura http Webserver (Proxy) http (REST) OpenLayers Client Arquivos SQL SGBD-Geo http http Internet

7. Componentes

10. Demonstração Rápida OpenLayers Example OMNI VERDI PEGEL ONLINE http://olarchitect.com/ http://www.ominiverdi.org/openlayers/ http://www.pegelonline.wsv.de/ http://www.openlayers.org/dev/examples/

11. Mão na massa: Layers - WMS 1 2 3 4 5

12. Mão na massa: Layers - WMS // Registra o evento de click map.events.register('click', map, function (e) { // Inicializa o display de texto $('nodeList').innerHTML = &quot;Loading... &quot;; //Define os parametros para o getfeatureInfo var url = wmslayer.getFullRequestString({ REQUEST: &quot;GetFeatureInfo&quot;, EXCEPTIONS: &quot;application/vnd.ogc.se_xml&quot;, BBOX: wms.map.getExtent().toBBOX(), X: e.xy.x, Y: e.xy.y, INFO_FORMAT: 'text/html', QUERY_LAYERS: wms.params.LAYERS, REDIUS:2, WIDTH: wmslayer.map.size.w, HEIGHT: wmslayer.map.size.h}); //Realiza o GetFeatureInfo OpenLayers.loadURL(url, '', this, setHTML); Event.stop(e); } ); //Plota o resultado function setHTML(response) { $('nodeList').innerHTML = response.responseText; }

15. Mão na massa: Layers - GMaps

16. Mão na massa: Layers - GMaps var googleLayer = new OpenLayers.Layer.Google( &quot;Google Satellite&quot; , {type: G_SATELLITE_MAP, 'maxZoomLevel':18} );

17. Mão na massa: Layers - GMaps var satellite = new OpenLayers.Layer.Google( &quot;Google Maps&quot; , {type: G_NORMAL_MAP, 'maxZoomLevel':18} );

18. Mão na massa: Layers – V. Earth

20. Mão na massa: Controle

21. Mão na massa: Controle 2 3 4 6 5

22. Mão na massa: Propriedades

24. Mão na massa: Integração

25. Documentação Fonte: http://dev.openlayers.org/apidocs/files/OpenLayers-js.html [2009-01-22]

29. Obrigado! Fernando Quadro [email_address]