Enviar búsqueda
Cargar
Introdução ao OpenLayers
•
Descargar como PPT, PDF
•
0 recomendaciones
•
2,335 vistas
Fernando Quadro
Seguir
Tecnología
Diseño
Denunciar
Compartir
Denunciar
Compartir
1 de 29
Descargar ahora
Recomendados
Open layers pt_br
Open layers pt_br
Marcos Rosa
Introdução ao GeoServer 2.0
Introdução ao GeoServer 2.0
Fernando Quadro
WEB-SIG: Geoserver e OpenLayers
WEB-SIG: Geoserver e OpenLayers
CI&T
IRJET- Android Malware Detection System
IRJET- Android Malware Detection System
IRJET Journal
Was migration benefits, planning, best practices
Was migration benefits, planning, best practices
sflynn073
Introduction To PostGIS
Introduction To PostGIS
mleslie
Knowledge Sharing : Java Servlet
Knowledge Sharing : Java Servlet
Fahmi Jafar
Recycler view
Recycler view
Sudhanshu Vohra
Recomendados
Open layers pt_br
Open layers pt_br
Marcos Rosa
Introdução ao GeoServer 2.0
Introdução ao GeoServer 2.0
Fernando Quadro
WEB-SIG: Geoserver e OpenLayers
WEB-SIG: Geoserver e OpenLayers
CI&T
IRJET- Android Malware Detection System
IRJET- Android Malware Detection System
IRJET Journal
Was migration benefits, planning, best practices
Was migration benefits, planning, best practices
sflynn073
Introduction To PostGIS
Introduction To PostGIS
mleslie
Knowledge Sharing : Java Servlet
Knowledge Sharing : Java Servlet
Fahmi Jafar
Recycler view
Recycler view
Sudhanshu Vohra
공간정보연구원 PostGIS 강의교재
공간정보연구원 PostGIS 강의교재
JungHwan Yun
Gps Navigation Survey
Gps Navigation Survey
Daniel Kim
System Monitoring With Nagios PowerPoint Presentation Slides
System Monitoring With Nagios PowerPoint Presentation Slides
SlideTeam
Cwin16 - Paris - mule soft
Cwin16 - Paris - mule soft
Capgemini
Google maps api 3
Google maps api 3
Muhammad Younis
Citrix StoreFront - Implementation Guide
Citrix StoreFront - Implementation Guide
Nuno Alves
Making Sense of APEX Security by Christoph Ruepprich
Making Sense of APEX Security by Christoph Ruepprich
Enkitec
Security applications with Java Card
Security applications with Java Card
Julien SIMON
Python qgis advanced
Python qgis advanced
Jiyoon Kim
Java Servlets
Java Servlets
university of education,Lahore
MuleSoft JWT Demystified
MuleSoft JWT Demystified
Patryk Bandurski
QGIS 소개 및 ArcMap과의 비교
QGIS 소개 및 ArcMap과의 비교
BJ Jang
The right Wireless Architecture for you
The right Wireless Architecture for you
Cisco Canada
State management servlet
State management servlet
Thakur Amit Tomer
Using Ansible at Scale to Manage a Public Cloud
Using Ansible at Scale to Manage a Public Cloud
Jesse Keating
Getting Started with WooCommerce
Getting Started with WooCommerce
Anthony Hortin
Introduction to Storage technologies
Introduction to Storage technologies
Kaivalya Shah
Java Applet
Java Applet
jalinder123
GeoServer 기초
GeoServer 기초
Seong geon Kim
Jeni Intro2 Bab07 Abstract Windowing Toolkit Dan Swing
Jeni Intro2 Bab07 Abstract Windowing Toolkit Dan Swing
Individual Consultants
Geospatial for Java
Geospatial for Java
Jody Garnett
Desenvolvendo aplicações geográficas com Software Livre
Desenvolvendo aplicações geográficas com Software Livre
Fernando Quadro
Más contenido relacionado
La actualidad más candente
공간정보연구원 PostGIS 강의교재
공간정보연구원 PostGIS 강의교재
JungHwan Yun
Gps Navigation Survey
Gps Navigation Survey
Daniel Kim
System Monitoring With Nagios PowerPoint Presentation Slides
System Monitoring With Nagios PowerPoint Presentation Slides
SlideTeam
Cwin16 - Paris - mule soft
Cwin16 - Paris - mule soft
Capgemini
Google maps api 3
Google maps api 3
Muhammad Younis
Citrix StoreFront - Implementation Guide
Citrix StoreFront - Implementation Guide
Nuno Alves
Making Sense of APEX Security by Christoph Ruepprich
Making Sense of APEX Security by Christoph Ruepprich
Enkitec
Security applications with Java Card
Security applications with Java Card
Julien SIMON
Python qgis advanced
Python qgis advanced
Jiyoon Kim
Java Servlets
Java Servlets
university of education,Lahore
MuleSoft JWT Demystified
MuleSoft JWT Demystified
Patryk Bandurski
QGIS 소개 및 ArcMap과의 비교
QGIS 소개 및 ArcMap과의 비교
BJ Jang
The right Wireless Architecture for you
The right Wireless Architecture for you
Cisco Canada
State management servlet
State management servlet
Thakur Amit Tomer
Using Ansible at Scale to Manage a Public Cloud
Using Ansible at Scale to Manage a Public Cloud
Jesse Keating
Getting Started with WooCommerce
Getting Started with WooCommerce
Anthony Hortin
Introduction to Storage technologies
Introduction to Storage technologies
Kaivalya Shah
Java Applet
Java Applet
jalinder123
GeoServer 기초
GeoServer 기초
Seong geon Kim
Jeni Intro2 Bab07 Abstract Windowing Toolkit Dan Swing
Jeni Intro2 Bab07 Abstract Windowing Toolkit Dan Swing
Individual Consultants
La actualidad más candente
(20)
공간정보연구원 PostGIS 강의교재
공간정보연구원 PostGIS 강의교재
Gps Navigation Survey
Gps Navigation Survey
System Monitoring With Nagios PowerPoint Presentation Slides
System Monitoring With Nagios PowerPoint Presentation Slides
Cwin16 - Paris - mule soft
Cwin16 - Paris - mule soft
Google maps api 3
Google maps api 3
Citrix StoreFront - Implementation Guide
Citrix StoreFront - Implementation Guide
Making Sense of APEX Security by Christoph Ruepprich
Making Sense of APEX Security by Christoph Ruepprich
Security applications with Java Card
Security applications with Java Card
Python qgis advanced
Python qgis advanced
Java Servlets
Java Servlets
MuleSoft JWT Demystified
MuleSoft JWT Demystified
QGIS 소개 및 ArcMap과의 비교
QGIS 소개 및 ArcMap과의 비교
The right Wireless Architecture for you
The right Wireless Architecture for you
State management servlet
State management servlet
Using Ansible at Scale to Manage a Public Cloud
Using Ansible at Scale to Manage a Public Cloud
Getting Started with WooCommerce
Getting Started with WooCommerce
Introduction to Storage technologies
Introduction to Storage technologies
Java Applet
Java Applet
GeoServer 기초
GeoServer 기초
Jeni Intro2 Bab07 Abstract Windowing Toolkit Dan Swing
Jeni Intro2 Bab07 Abstract Windowing Toolkit Dan Swing
Destacado
Geospatial for Java
Geospatial for Java
Jody Garnett
Desenvolvendo aplicações geográficas com Software Livre
Desenvolvendo aplicações geográficas com Software Livre
Fernando Quadro
GISVM
GISVM
Fernando Quadro
Por dentro do GeoServer
Por dentro do GeoServer
Fernando Quadro
Geo server pt_br
Geo server pt_br
Marcos Rosa
VRaptor 3, JPA, Hibernate, Geotools e OpenLayers, ajudando Pedro Alvares Cabr...
VRaptor 3, JPA, Hibernate, Geotools e OpenLayers, ajudando Pedro Alvares Cabr...
Carlos A. Junior Spohr Poletto
Introdução ao PostGIS
Introdução ao PostGIS
Fernando Quadro
Sistema de Informação Geográfica: Um mundo a ser desvendado.
Sistema de Informação Geográfica: Um mundo a ser desvendado.
Fernando Quadro
Destacado
(8)
Geospatial for Java
Geospatial for Java
Desenvolvendo aplicações geográficas com Software Livre
Desenvolvendo aplicações geográficas com Software Livre
GISVM
GISVM
Por dentro do GeoServer
Por dentro do GeoServer
Geo server pt_br
Geo server pt_br
VRaptor 3, JPA, Hibernate, Geotools e OpenLayers, ajudando Pedro Alvares Cabr...
VRaptor 3, JPA, Hibernate, Geotools e OpenLayers, ajudando Pedro Alvares Cabr...
Introdução ao PostGIS
Introdução ao PostGIS
Sistema de Informação Geográfica: Um mundo a ser desvendado.
Sistema de Informação Geográfica: Um mundo a ser desvendado.
Similar a Introdução ao OpenLayers
Chrome Apps e NodeWebkit: traga seu webapp para o Desktop - #outubrorosa
Chrome Apps e NodeWebkit: traga seu webapp para o Desktop - #outubrorosa
Joselito Nascimento
Html5
Html5
SouWebPel Grupo
JSF2 c/ PrimeFaces, RichFaces e ICEfaces
JSF2 c/ PrimeFaces, RichFaces e ICEfaces
Eder Magalhães
DevDay - O elo perdido: sincronizando webapps
DevDay - O elo perdido: sincronizando webapps
Suissa
JavaScript e JQuery para Webdesigners
JavaScript e JQuery para Webdesigners
Harlley Oliveira
Interfaces Ricas para WEB com jQuery e jQueryUI (User Interface)
Interfaces Ricas para WEB com jQuery e jQueryUI (User Interface)
Evandro Klimpel Balmant
Melhorando a Experiência do Usuário com JavaScript e jQuery
Melhorando a Experiência do Usuário com JavaScript e jQuery
Harlley Oliveira
Mashups: Criando Valor na Web 2.0 (BandTec)
Mashups: Criando Valor na Web 2.0 (BandTec)
Carlos Duarte do Nascimento
IoTizando com JavaScript
IoTizando com JavaScript
Heider Lopes
Apresentação Phonegap
Apresentação Phonegap
Paulo Vitor Mira Fonseca
Criando plugins jQuery
Criando plugins jQuery
Ricardo Coelho
RubyConfBr 2015 - Rails & Javascript: faça isso direito
RubyConfBr 2015 - Rails & Javascript: faça isso direito
Cezinha Anjos
Introdução aos aplicativos tipo canvas
Introdução aos aplicativos tipo canvas
Guilherme
TDC2016POA | Trilha Banco de Dados - Firebase e Realm, o NoSQL ganha força no...
TDC2016POA | Trilha Banco de Dados - Firebase e Realm, o NoSQL ganha força no...
tdc-globalcode
Tornando as coisas mais simples com Azure Functions e Node.JS
Tornando as coisas mais simples com Azure Functions e Node.JS
Matheus Donizete
Artigoajax
Artigoajax
MoisesInacio
HTTP, JSON, REST e AJAX com AngularJS
HTTP, JSON, REST e AJAX com AngularJS
Rodrigo Branas
Led Lua Workshop
Led Lua Workshop
Mauricio Bomfim
2016/08/19 - Uma visão geral da AWS para desenvolvedores
2016/08/19 - Uma visão geral da AWS para desenvolvedores
Jardel Weyrich
JSF 2.0 e ScrumToys
JSF 2.0 e ScrumToys
Dr. Spock
Similar a Introdução ao OpenLayers
(20)
Chrome Apps e NodeWebkit: traga seu webapp para o Desktop - #outubrorosa
Chrome Apps e NodeWebkit: traga seu webapp para o Desktop - #outubrorosa
Html5
Html5
JSF2 c/ PrimeFaces, RichFaces e ICEfaces
JSF2 c/ PrimeFaces, RichFaces e ICEfaces
DevDay - O elo perdido: sincronizando webapps
DevDay - O elo perdido: sincronizando webapps
JavaScript e JQuery para Webdesigners
JavaScript e JQuery para Webdesigners
Interfaces Ricas para WEB com jQuery e jQueryUI (User Interface)
Interfaces Ricas para WEB com jQuery e jQueryUI (User Interface)
Melhorando a Experiência do Usuário com JavaScript e jQuery
Melhorando a Experiência do Usuário com JavaScript e jQuery
Mashups: Criando Valor na Web 2.0 (BandTec)
Mashups: Criando Valor na Web 2.0 (BandTec)
IoTizando com JavaScript
IoTizando com JavaScript
Apresentação Phonegap
Apresentação Phonegap
Criando plugins jQuery
Criando plugins jQuery
RubyConfBr 2015 - Rails & Javascript: faça isso direito
RubyConfBr 2015 - Rails & Javascript: faça isso direito
Introdução aos aplicativos tipo canvas
Introdução aos aplicativos tipo canvas
TDC2016POA | Trilha Banco de Dados - Firebase e Realm, o NoSQL ganha força no...
TDC2016POA | Trilha Banco de Dados - Firebase e Realm, o NoSQL ganha força no...
Tornando as coisas mais simples com Azure Functions e Node.JS
Tornando as coisas mais simples com Azure Functions e Node.JS
Artigoajax
Artigoajax
HTTP, JSON, REST e AJAX com AngularJS
HTTP, JSON, REST e AJAX com AngularJS
Led Lua Workshop
Led Lua Workshop
2016/08/19 - Uma visão geral da AWS para desenvolvedores
2016/08/19 - Uma visão geral da AWS para desenvolvedores
JSF 2.0 e ScrumToys
JSF 2.0 e ScrumToys
Introdução ao OpenLayers
1.
Fernando Quadro <fernando.quadro@softplan.com.br>
Introdução ao OpenLayers
2.
3.
O que é
o OpenLayers?
4.
5.
6.
Arquitetura http Webserver
(Proxy) http (REST) OpenLayers Client Arquivos SQL SGBD-Geo http http Internet
7.
Componentes
8.
9.
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 = "Loading... "; //Define os parametros para o getfeatureInfo var url = wmslayer.getFullRequestString({ REQUEST: "GetFeatureInfo", EXCEPTIONS: "application/vnd.ogc.se_xml", 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; }
13.
14.
15.
Mão na massa:
Layers - GMaps
16.
Mão na massa:
Layers - GMaps var googleLayer = new OpenLayers.Layer.Google( "Google Satellite" , {type: G_SATELLITE_MAP, 'maxZoomLevel':18} );
17.
Mão na massa:
Layers - GMaps var satellite = new OpenLayers.Layer.Google( "Google Maps" , {type: G_NORMAL_MAP, 'maxZoomLevel':18} );
18.
Mão na massa:
Layers – V. Earth
19.
20.
Mão na massa:
Controle
21.
Mão na massa:
Controle 2 3 4 6 5
22.
Mão na massa:
Propriedades
23.
24.
Mão na massa:
Integração
25.
Documentação Fonte:
http://dev.openlayers.org/apidocs/files/OpenLayers-js.html [2009-01-22]
26.
27.
28.
29.
Obrigado! Fernando Quadro
[email_address]
Descargar ahora