-
Fernando Quadro Introduo ao OpenLayers
-
AgendaO que o
OpenLayers?HistriaArquiteturaComponentesLayersControlesDemonstrao
RpidaBotando a mo na massaDocumentaoConcluso
-
O que o OpenLayers?
-
O que o OpenLayers?API para construir aplicaes
webmappingJavaScriptAJAXWeb 2.0Suporte a padres abertosLicena
BSDProjeto da Open Source Geospatial Foundation (OSGeo)
-
HistriaIniciado em 2005 (Where 2.0)Motivado pela necessidade de
negcios da MetaCartaPassou por vrias revises internasNo final, foi
reescrito em um msFoi lanado oficialmente em 2006 no Where 2.0Mais
de 10.000 pessoas j esto utilizando
-
ArquiteturahttpWebserver (Proxy)http
(REST)OpenLayersClientArquivosSQLSGBD-GeohttphttpInternet
-
Componentes
-
Componentes: LayersOGC WMSOGC WFSGeoRSSka-MapGoogle MapsMSN
Virtual EarthYahoo! MapsMultimap
-
Componentes: ControlesZoomMouse
ControlsLegendaRefernciaEscalaPermalinkMarcadoresPopup
-
Demonstrao RpidaOpenLayers ExampleOMNI VERDIPEGEL
ONLINEhttp://olarchitect.com/http://www.ominiverdi.org/openlayers/http://www.pegelonline.wsv.de/http://www.openlayers.org/dev/examples/
-
Mo na massa: Layers - WMS12345
-
Mo na massa: Layers - WMS// Registra o evento de
clickmap.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 resultadofunction setHTML(response) {
$('nodeList').innerHTML = response.responseText;}
-
Mo na massa: Layers - WFS
OpenLayers.ProxyHost="/cgi-bin/proxy.cgi?url=";
var map = new OpenLayers.Map('map'); var wms = new
OpenLayers.Layer.WMS( "OpenLayers WMS",
"http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} );
var layer = new OpenLayers.Layer.WFS( "Owl Survey",
"http://www.bsc-eoc.org/cgi-bin/bsc_ows.asp?", {typename: "OWLS",
maxfeatures: 30});
map.addLayers([wms,georss]);
map.zoomToMaxExtent();
-
Mo na massa: Layers GeoRSS
OpenLayers.ProxyHost="/cgi-bin/proxy.cgi?url=";
var map = new OpenLayers.Map('map'); var wms = new
OpenLayers.Layer.WMS( "OpenLayers WMS",
"http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} );
var georss = new OpenLayers.Layer.GeoRSS( "GeoRSS",
"http://earthquake.usgs.gov/recenteqsww/eqs7day-M2.5.xml" );
map.addLayers([wms,georss]);
map.zoomToMaxExtent();
-
Mo na massa: Layers - GMaps
-
Mo na massa: Layers -
GMapsvargoogleLayer=newOpenLayers.Layer.Google("GoogleSatellite",
{type:G_SATELLITE_MAP,'maxZoomLevel':18});
-
Mo na massa: Layers -
GMapsvarsatellite=newOpenLayers.Layer.Google("GoogleMaps",
{type:G_NORMAL_MAP,'maxZoomLevel':18});
-
Mo na massa: Layers V. Earth
-
Mo na massa: Layers E maisYahoo! MapsMultiMapOpenStreetMap
-
Mo na massa: Controle
-
Mo na massa: Controle2346
5
-
Mo na massa: Propriedades
-
Mo na massa: Marcadores var map = new OpenLayers.Map('map');
var markers = new OpenLayers.Layer.Markers("Markers");
map.addLayer(markers);
var point = new OpenLayers.LonLat(5, 40) var marker = new
OpenLayers.Marker(point); markers.addMarker(marker);
map.zoomToMaxExtent();
-
Mo na massa: Integrao
-
DocumentaoFonte:
http://dev.openlayers.org/apidocs/files/OpenLayers-js.html
[2009-01-22]
-
ConclusoPromissora API para desenvolvimento webmapping;
Integrao de vrias tecnologias;
Implementa padres;
Robusta, de fcil aprendizado e utilizao
-
FREE Map BrowsersGoogle Maps,
http://www.google.com/apis/maps/Yahoo! Maps API,
http://developer.yahoo.com/maps/MapGuide Open Source,
https://mapguide.osgeo.org/OpenLayer,
http://www.openlayers.org/FlashEarth,
http://www.flashearth.com/WorldKit, http://worldkit.org/ka-Map,
http://ka-map.maptools.org/ deegree iGeoPortal,
http://www.lat-lon.deMappingWidgets,
http://mappingwidgets.sourceforge.net/Chameleon,
http://chameleon.maptools.org/P.mapper, http://www.pmapper.net/WMS
Mapper, http://wms-map.sourceforge.net/
-
CrditosProf. Dr. Franz-Josef Behr - Hochschule fr Technik,
Stuttgarthttp://www.gis-news.de/papers/fjb_openlayers_4e.ppt
Schuyler Erle - MetaCartaChristopher Schmidt
MetaCartahttp://mappinghacks.com/talks/foss4g2006/openlayers.ppt
-
Obrigado!Fernando [email protected]
