OpenLayers Schuyler Erle Christopher Schmidt. What is OpenLayers?
-
date post
15-Jan-2016 -
Category
Documents
-
view
245 -
download
0
Transcript of OpenLayers Schuyler Erle Christopher Schmidt. What is OpenLayers?
![Page 2: OpenLayers Schuyler Erle Christopher Schmidt. What is OpenLayers?](https://reader036.fdocuments.in/reader036/viewer/2022081419/56649d2b5503460f94a015ea/html5/thumbnails/2.jpg)
What is OpenLayers?
![Page 3: OpenLayers Schuyler Erle Christopher Schmidt. What is OpenLayers?](https://reader036.fdocuments.in/reader036/viewer/2022081419/56649d2b5503460f94a015ea/html5/thumbnails/3.jpg)
What is OpenLayers?
An API for building web map applications
![Page 4: OpenLayers Schuyler Erle Christopher Schmidt. What is OpenLayers?](https://reader036.fdocuments.in/reader036/viewer/2022081419/56649d2b5503460f94a015ea/html5/thumbnails/4.jpg)
What is OpenLayers?
An API for building web map applications Pure client-side JavaScript
![Page 5: OpenLayers Schuyler Erle Christopher Schmidt. What is OpenLayers?](https://reader036.fdocuments.in/reader036/viewer/2022081419/56649d2b5503460f94a015ea/html5/thumbnails/5.jpg)
What is OpenLayers?
An API for building web map applications Pure client-side JavaScript “AJAX”
![Page 6: OpenLayers Schuyler Erle Christopher Schmidt. What is OpenLayers?](https://reader036.fdocuments.in/reader036/viewer/2022081419/56649d2b5503460f94a015ea/html5/thumbnails/6.jpg)
What is OpenLayers?
An API for building web map applications Pure client-side JavaScript “AJAX” “Web 2.0”
![Page 7: OpenLayers Schuyler Erle Christopher Schmidt. What is OpenLayers?](https://reader036.fdocuments.in/reader036/viewer/2022081419/56649d2b5503460f94a015ea/html5/thumbnails/7.jpg)
What is OpenLayers?
An API for building web map applications Pure client-side JavaScript “AJAX” “Web 2.0”
![Page 8: OpenLayers Schuyler Erle Christopher Schmidt. What is OpenLayers?](https://reader036.fdocuments.in/reader036/viewer/2022081419/56649d2b5503460f94a015ea/html5/thumbnails/8.jpg)
What is OpenLayers?
An API for building web map applications Pure client-side JavaScript “AJAX” Supports open standards
![Page 9: OpenLayers Schuyler Erle Christopher Schmidt. What is OpenLayers?](https://reader036.fdocuments.in/reader036/viewer/2022081419/56649d2b5503460f94a015ea/html5/thumbnails/9.jpg)
What is OpenLayers?
An API for building web map applications Pure client-side JavaScript “AJAX” Supports open standards Supports closed standards, too
![Page 10: OpenLayers Schuyler Erle Christopher Schmidt. What is OpenLayers?](https://reader036.fdocuments.in/reader036/viewer/2022081419/56649d2b5503460f94a015ea/html5/thumbnails/10.jpg)
What is OpenLayers?
An API for building web map applications Pure client-side JavaScript “AJAX” Supports open standards Supports closed standards, too BSD licensed
![Page 11: OpenLayers Schuyler Erle Christopher Schmidt. What is OpenLayers?](https://reader036.fdocuments.in/reader036/viewer/2022081419/56649d2b5503460f94a015ea/html5/thumbnails/11.jpg)
Quick Demonstration
Tiling Zoom in/out Panning Zoom Box!
![Page 12: OpenLayers Schuyler Erle Christopher Schmidt. What is OpenLayers?](https://reader036.fdocuments.in/reader036/viewer/2022081419/56649d2b5503460f94a015ea/html5/thumbnails/12.jpg)
History of the Project
Started after Where 2.0 in 2005
![Page 13: OpenLayers Schuyler Erle Christopher Schmidt. What is OpenLayers?](https://reader036.fdocuments.in/reader036/viewer/2022081419/56649d2b5503460f94a015ea/html5/thumbnails/13.jpg)
History of the Project
Started after Where 2.0 in 2005 Motivated by MetaCarta's business needs
![Page 14: OpenLayers Schuyler Erle Christopher Schmidt. What is OpenLayers?](https://reader036.fdocuments.in/reader036/viewer/2022081419/56649d2b5503460f94a015ea/html5/thumbnails/14.jpg)
History of the Project
Started after Where 2.0 in 2005 Motivated by MetaCarta's business needs Went through several internal revisions
![Page 15: OpenLayers Schuyler Erle Christopher Schmidt. What is OpenLayers?](https://reader036.fdocuments.in/reader036/viewer/2022081419/56649d2b5503460f94a015ea/html5/thumbnails/15.jpg)
History of the Project
Started after Where 2.0 in 2005 Motivated by MetaCarta's business needs Went through several internal revisions Final rewrite took only a month
![Page 16: OpenLayers Schuyler Erle Christopher Schmidt. What is OpenLayers?](https://reader036.fdocuments.in/reader036/viewer/2022081419/56649d2b5503460f94a015ea/html5/thumbnails/16.jpg)
History of the Project
Started after Where 2.0 in 2005 Motivated by MetaCarta's business needs Went through several internal revisions Final rewrite took only a month Released before Where 2.0 in 2006
![Page 17: OpenLayers Schuyler Erle Christopher Schmidt. What is OpenLayers?](https://reader036.fdocuments.in/reader036/viewer/2022081419/56649d2b5503460f94a015ea/html5/thumbnails/17.jpg)
History of the Project
Started after Where 2.0 in 2005 Motivated by MetaCarta's business needs Went through several internal revisions Final rewrite took only a month Released before Where 2.0 in 2006 Already used by > 10,000 people
![Page 18: OpenLayers Schuyler Erle Christopher Schmidt. What is OpenLayers?](https://reader036.fdocuments.in/reader036/viewer/2022081419/56649d2b5503460f94a015ea/html5/thumbnails/18.jpg)
OpenLayers Features: Layers
OGC WMS OGC WFS GeoRSS CSV ka-Map WorldWind (*) Canvas
Google Maps MSN Virtual Earth Yahoo! Maps Multimap
![Page 19: OpenLayers Schuyler Erle Christopher Schmidt. What is OpenLayers?](https://reader036.fdocuments.in/reader036/viewer/2022081419/56649d2b5503460f94a015ea/html5/thumbnails/19.jpg)
OpenLayers Features: Controls
Zoom / Pan Zoom Bar Mouse controls Layer Switcher (aka “legend”) Scale Ratio Scale Bar Permalink
![Page 20: OpenLayers Schuyler Erle Christopher Schmidt. What is OpenLayers?](https://reader036.fdocuments.in/reader036/viewer/2022081419/56649d2b5503460f94a015ea/html5/thumbnails/20.jpg)
OpenLayers Features: et cetera...
Markers Popups Feature objects Event handling ... and, of course ...
![Page 21: OpenLayers Schuyler Erle Christopher Schmidt. What is OpenLayers?](https://reader036.fdocuments.in/reader036/viewer/2022081419/56649d2b5503460f94a015ea/html5/thumbnails/21.jpg)
OpenLayers Features: et cetera...
Markers Popups Feature objects Event handling “AJAX”
![Page 22: OpenLayers Schuyler Erle Christopher Schmidt. What is OpenLayers?](https://reader036.fdocuments.in/reader036/viewer/2022081419/56649d2b5503460f94a015ea/html5/thumbnails/22.jpg)
OpenLayers: WMS
<html><head><script src="http://openlayers.org/api/2/OpenLayers.js"></script></head><body> <div style="width:100%; height:100%" id="map"></div> <script defer="defer" type="text/javascript"> var map = new OpenLayers.Map('map'); var wms = new OpenLayers.Layer.WMS("OpenLayers WMS", "http://labs.metacarta.com/wms/vmap0", {layers: 'basic'}); map.addLayer(wms); map.zoomToMaxExtent(); </script></body></html>
<html><head><script src="http://openlayers.org/api/2/OpenLayers.js"></script></head><body> <div style="width:100%; height:100%" id="map"></div> <script defer="defer" type="text/javascript"> var map = new OpenLayers.Map('map'); var wms = new OpenLayers.Layer.WMS("OpenLayers WMS", "http://labs.metacarta.com/wms/vmap0", {layers: 'basic'}); map.addLayer(wms); map.zoomToMaxExtent(); </script></body></html>
![Page 23: OpenLayers Schuyler Erle Christopher Schmidt. What is OpenLayers?](https://reader036.fdocuments.in/reader036/viewer/2022081419/56649d2b5503460f94a015ea/html5/thumbnails/23.jpg)
OpenLayers: WMS
<html><head><script src="http://openlayers.org/api/2/OpenLayers.js"></script></head><body> <div style="width:100%; height:100%" id="map"></div> <script defer="defer" type="text/javascript"> var map = new OpenLayers.Map('map'); var wms = new OpenLayers.Layer.WMS("OpenLayers WMS", "http://labs.metacarta.com/wms/vmap0", {layers: 'basic'}); map.addLayer(wms); map.zoomToMaxExtent(); </script></body></html>
<html><head><script src="http://openlayers.org/api/2/OpenLayers.js"></script></head><body> <div style="width:100%; height:100%" id="map"></div> <script defer="defer" type="text/javascript"> var map = new OpenLayers.Map('map'); var wms = new OpenLayers.Layer.WMS("OpenLayers WMS", "http://labs.metacarta.com/wms/vmap0", {layers: 'basic'}); map.addLayer(wms); map.zoomToMaxExtent(); </script></body></html>
![Page 24: OpenLayers Schuyler Erle Christopher Schmidt. What is OpenLayers?](https://reader036.fdocuments.in/reader036/viewer/2022081419/56649d2b5503460f94a015ea/html5/thumbnails/24.jpg)
OpenLayers: WMS
<html><head><script src="http://openlayers.org/api/2/OpenLayers.js"></script></head><body> <div style="width:100%; height:100%" id="map"></div> <script defer="defer" type="text/javascript"> var map = new OpenLayers.Map('map'); var wms = new OpenLayers.Layer.WMS("OpenLayers WMS", "http://labs.metacarta.com/wms/vmap0", {layers: 'basic'}); map.addLayer(wms); map.zoomToMaxExtent(); </script></body></html>
<html><head><script src="http://openlayers.org/api/2/OpenLayers.js"></script></head><body> <div style="width:100%; height:100%" id="map"></div> <script defer="defer" type="text/javascript"> var map = new OpenLayers.Map('map'); var wms = new OpenLayers.Layer.WMS("OpenLayers WMS", "http://labs.metacarta.com/wms/vmap0", {layers: 'basic'}); map.addLayer(wms); map.zoomToMaxExtent(); </script></body></html>
![Page 25: OpenLayers Schuyler Erle Christopher Schmidt. What is OpenLayers?](https://reader036.fdocuments.in/reader036/viewer/2022081419/56649d2b5503460f94a015ea/html5/thumbnails/25.jpg)
OpenLayers: WMS
<html><head><script src="http://openlayers.org/api/2/OpenLayers.js"></script></head><body> <div style="width:100%; height:100%" id="map"></div> <script defer="defer" type="text/javascript"> var map = new OpenLayers.Map('map'); var wms = new OpenLayers.Layer.WMS("OpenLayers WMS", "http://labs.metacarta.com/wms/vmap0", {layers: 'basic'}); map.addLayer(wms); map.zoomToMaxExtent(); </script></body></html>
<html><head><script src="http://openlayers.org/api/2/OpenLayers.js"></script></head><body> <div style="width:100%; height:100%" id="map"></div> <script defer="defer" type="text/javascript"> var map = new OpenLayers.Map('map'); var wms = new OpenLayers.Layer.WMS("OpenLayers WMS", "http://labs.metacarta.com/wms/vmap0", {layers: 'basic'}); map.addLayer(wms); map.zoomToMaxExtent(); </script></body></html>
![Page 26: OpenLayers Schuyler Erle Christopher Schmidt. What is OpenLayers?](https://reader036.fdocuments.in/reader036/viewer/2022081419/56649d2b5503460f94a015ea/html5/thumbnails/26.jpg)
OpenLayers: WMS
<html><head><script src="http://openlayers.org/api/2/OpenLayers.js"></script></head><body> <div style="width:100%; height:100%" id="map"></div> <script defer="defer" type="text/javascript"> var map = new OpenLayers.Map('map'); var wms = new OpenLayers.Layer.WMS("OpenLayers WMS", "http://labs.metacarta.com/wms/vmap0", {layers: 'basic'}); map.addLayer(wms); map.zoomToMaxExtent(); </script></body></html>
<html><head><script src="http://openlayers.org/api/2/OpenLayers.js"></script></head><body> <div style="width:100%; height:100%" id="map"></div> <script defer="defer" type="text/javascript"> var map = new OpenLayers.Map('map'); var wms = new OpenLayers.Layer.WMS("OpenLayers WMS", "http://labs.metacarta.com/wms/vmap0", {layers: 'basic'}); map.addLayer(wms); map.zoomToMaxExtent(); </script></body></html>
![Page 27: OpenLayers Schuyler Erle Christopher Schmidt. What is OpenLayers?](https://reader036.fdocuments.in/reader036/viewer/2022081419/56649d2b5503460f94a015ea/html5/thumbnails/27.jpg)
OpenLayers: WMS
<html><head><script src="http://openlayers.org/api/2/OpenLayers.js"></script></head><body> <div style="width:100%; height:100%" id="map"></div> <script defer="defer" type="text/javascript"> var map = new OpenLayers.Map('map'); var wms = new OpenLayers.Layer.WMS("OpenLayers WMS", "http://labs.metacarta.com/wms/vmap0", {layers: 'basic'}); map.addLayer(wms); map.zoomToMaxExtent(); </script></body></html>
<html><head><script src="http://openlayers.org/api/2/OpenLayers.js"></script></head><body> <div style="width:100%; height:100%" id="map"></div> <script defer="defer" type="text/javascript"> var map = new OpenLayers.Map('map'); var wms = new OpenLayers.Layer.WMS("OpenLayers WMS", "http://labs.metacarta.com/wms/vmap0", {layers: 'basic'}); map.addLayer(wms); map.zoomToMaxExtent(); </script></body></html>
![Page 28: OpenLayers Schuyler Erle Christopher Schmidt. What is OpenLayers?](https://reader036.fdocuments.in/reader036/viewer/2022081419/56649d2b5503460f94a015ea/html5/thumbnails/28.jpg)
OpenLayers: WMS
(demo)
![Page 29: OpenLayers Schuyler Erle Christopher Schmidt. What is OpenLayers?](https://reader036.fdocuments.in/reader036/viewer/2022081419/56649d2b5503460f94a015ea/html5/thumbnails/29.jpg)
OpenLayers + ka-Map
<html><head><script src="http://openlayers.org/api/2/OpenLayers.js"></script></head><body> <div style="width:100%; height:100%" id="map"></div> <script defer="defer" type="text/javascript"> var map = new OpenLayers.Map('map'); var wms = new OpenLayers.Layer.WMS("OpenLayers WMS", "http://labs.metacarta.com/wms/vmap0", {layers: 'basic'});
map.addLayer(wms); map.zoomToMaxExtent(); </script></body></html>
<html><head><script src="http://openlayers.org/api/2/OpenLayers.js"></script></head><body> <div style="width:100%; height:100%" id="map"></div> <script defer="defer" type="text/javascript"> var map = new OpenLayers.Map('map'); var wms = new OpenLayers.Layer.WMS("OpenLayers WMS", "http://labs.metacarta.com/wms/vmap0", {layers: 'basic'});
map.addLayer(wms); map.zoomToMaxExtent(); </script></body></html>
![Page 30: OpenLayers Schuyler Erle Christopher Schmidt. What is OpenLayers?](https://reader036.fdocuments.in/reader036/viewer/2022081419/56649d2b5503460f94a015ea/html5/thumbnails/30.jpg)
OpenLayers + ka-Map
<html><head><script src="http://openlayers.org/api/2/OpenLayers.js"></script></head><body> <div style="width:100%; height:100%" id="map"></div> <script defer="defer" type="text/javascript"> var map = new OpenLayers.Map('map'); var wms = new OpenLayers.Layer.WMS("OpenLayers WMS", "http://labs.metacarta.com/wms/vmap0", {layers: 'basic'}); var kamap = new OpenLayers.Layer.KaMap( "KaMap", "http://openlayers.org/world/index.php", {g: "satellite", map: "world"}); map.addLayer(wms); map.zoomToMaxExtent(); </script></body></html>
<html><head><script src="http://openlayers.org/api/2/OpenLayers.js"></script></head><body> <div style="width:100%; height:100%" id="map"></div> <script defer="defer" type="text/javascript"> var map = new OpenLayers.Map('map'); var wms = new OpenLayers.Layer.WMS("OpenLayers WMS", "http://labs.metacarta.com/wms/vmap0", {layers: 'basic'}); var kamap = new OpenLayers.Layer.KaMap( "KaMap", "http://openlayers.org/world/index.php", {g: "satellite", map: "world"}); map.addLayer(wms); map.zoomToMaxExtent(); </script></body></html>
![Page 31: OpenLayers Schuyler Erle Christopher Schmidt. What is OpenLayers?](https://reader036.fdocuments.in/reader036/viewer/2022081419/56649d2b5503460f94a015ea/html5/thumbnails/31.jpg)
OpenLayers + ka-Map
<html><head><script src="http://openlayers.org/api/2/OpenLayers.js"></script></head><body> <div style="width:100%; height:100%" id="map"></div> <script defer="defer" type="text/javascript"> var map = new OpenLayers.Map('map'); var wms = new OpenLayers.Layer.WMS("OpenLayers WMS", "http://labs.metacarta.com/wms/vmap0", {layers: 'basic'}); var kamap = new OpenLayers.Layer.KaMap( "KaMap", "http://openlayers.org/world/index.php", {g: "satellite", map: "world"}); map.addLayers([wms, kamap]); map.zoomToMaxExtent(); </script></body></html>
<html><head><script src="http://openlayers.org/api/2/OpenLayers.js"></script></head><body> <div style="width:100%; height:100%" id="map"></div> <script defer="defer" type="text/javascript"> var map = new OpenLayers.Map('map'); var wms = new OpenLayers.Layer.WMS("OpenLayers WMS", "http://labs.metacarta.com/wms/vmap0", {layers: 'basic'}); var kamap = new OpenLayers.Layer.KaMap( "KaMap", "http://openlayers.org/world/index.php", {g: "satellite", map: "world"}); map.addLayers([wms, kamap]); map.zoomToMaxExtent(); </script></body></html>
![Page 32: OpenLayers Schuyler Erle Christopher Schmidt. What is OpenLayers?](https://reader036.fdocuments.in/reader036/viewer/2022081419/56649d2b5503460f94a015ea/html5/thumbnails/32.jpg)
OpenLayers + ka-Map
(demo)
![Page 33: OpenLayers Schuyler Erle Christopher Schmidt. What is OpenLayers?](https://reader036.fdocuments.in/reader036/viewer/2022081419/56649d2b5503460f94a015ea/html5/thumbnails/33.jpg)
Google Maps in OpenLayers
<html><head><script src="http://openlayers.org/api/2/OpenLayers.js"></script></head><body> <div style="width:100%; height:100%" id="map"></div> <script defer="defer" type="text/javascript"> var map = new OpenLayers.Map('map'); var layer = new OpenLayers.Layer.Google("Google"); map.addLayer(layer); map.zoomToMaxExtent(); </script></body></html>
<html><head><script src="http://openlayers.org/api/2/OpenLayers.js"></script></head><body> <div style="width:100%; height:100%" id="map"></div> <script defer="defer" type="text/javascript"> var map = new OpenLayers.Map('map'); var layer = new OpenLayers.Layer.Google("Google"); map.addLayer(layer); map.zoomToMaxExtent(); </script></body></html>
![Page 34: OpenLayers Schuyler Erle Christopher Schmidt. What is OpenLayers?](https://reader036.fdocuments.in/reader036/viewer/2022081419/56649d2b5503460f94a015ea/html5/thumbnails/34.jpg)
Google Maps in OpenLayers
(demo)
![Page 35: OpenLayers Schuyler Erle Christopher Schmidt. What is OpenLayers?](https://reader036.fdocuments.in/reader036/viewer/2022081419/56649d2b5503460f94a015ea/html5/thumbnails/35.jpg)
MSN Virtual Earth in OpenLayers
<html><head><script src="http://openlayers.org/api/2/OpenLayers.js"></script></head><body> <div style="width:100%; height:100%" id="map"></div> <script defer="defer" type="text/javascript"> var map = new OpenLayers.Map('map'); var layer = new OpenLayers.Layer.VirtualEarth("MSN VE"); map.addLayer(layer); map.zoomToMaxExtent(); </script></body></html>
<html><head><script src="http://openlayers.org/api/2/OpenLayers.js"></script></head><body> <div style="width:100%; height:100%" id="map"></div> <script defer="defer" type="text/javascript"> var map = new OpenLayers.Map('map'); var layer = new OpenLayers.Layer.VirtualEarth("MSN VE"); map.addLayer(layer); map.zoomToMaxExtent(); </script></body></html>
![Page 36: OpenLayers Schuyler Erle Christopher Schmidt. What is OpenLayers?](https://reader036.fdocuments.in/reader036/viewer/2022081419/56649d2b5503460f94a015ea/html5/thumbnails/36.jpg)
MSN Virtual Earth in OpenLayers
(demo)
![Page 37: OpenLayers Schuyler Erle Christopher Schmidt. What is OpenLayers?](https://reader036.fdocuments.in/reader036/viewer/2022081419/56649d2b5503460f94a015ea/html5/thumbnails/37.jpg)
Commercial Layers in OpenLayers
Additionally, OpenLayers supports...
![Page 38: OpenLayers Schuyler Erle Christopher Schmidt. What is OpenLayers?](https://reader036.fdocuments.in/reader036/viewer/2022081419/56649d2b5503460f94a015ea/html5/thumbnails/38.jpg)
Commercial Layers in OpenLayers
Y! Maps
Additionally, OpenLayers supports...
![Page 39: OpenLayers Schuyler Erle Christopher Schmidt. What is OpenLayers?](https://reader036.fdocuments.in/reader036/viewer/2022081419/56649d2b5503460f94a015ea/html5/thumbnails/39.jpg)
Commercial Layers in OpenLayers
Y! Maps MultiMap
Additionally, OpenLayers supports...
![Page 40: OpenLayers Schuyler Erle Christopher Schmidt. What is OpenLayers?](https://reader036.fdocuments.in/reader036/viewer/2022081419/56649d2b5503460f94a015ea/html5/thumbnails/40.jpg)
Commercial Layers in OpenLayers
Y! Maps MultiMap (insert your own here)
Additionally, OpenLayers supports...
![Page 41: OpenLayers Schuyler Erle Christopher Schmidt. What is OpenLayers?](https://reader036.fdocuments.in/reader036/viewer/2022081419/56649d2b5503460f94a015ea/html5/thumbnails/41.jpg)
OpenLayers: Transparent WMS
var map = new OpenLayers.Map('map');
var wms = new OpenLayers.Layer.WMS( "OpenLayers WMS", "http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} );
var twms = new OpenLayers.Layer.WMS( "World Map", "http://world.freemap.in/cgi-bin/mapserv?", {map: '/www/freemap.in/world/map/factbooktrans.map', transparent:'true', layers: 'factbook', 'format':'png'} );
map.addLayers([wms,twms]);
map.zoomToMaxExtent();
var map = new OpenLayers.Map('map');
var wms = new OpenLayers.Layer.WMS( "OpenLayers WMS", "http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} );
var twms = new OpenLayers.Layer.WMS( "World Map", "http://world.freemap.in/cgi-bin/mapserv?", {map: '/www/freemap.in/world/map/factbooktrans.map', transparent:'true', layers: 'factbook', 'format':'png'} );
map.addLayers([wms,twms]);
map.zoomToMaxExtent();
![Page 42: OpenLayers Schuyler Erle Christopher Schmidt. What is OpenLayers?](https://reader036.fdocuments.in/reader036/viewer/2022081419/56649d2b5503460f94a015ea/html5/thumbnails/42.jpg)
OpenLayers: Transparent WMS
(demo)
![Page 43: OpenLayers Schuyler Erle Christopher Schmidt. What is OpenLayers?](https://reader036.fdocuments.in/reader036/viewer/2022081419/56649d2b5503460f94a015ea/html5/thumbnails/43.jpg)
OpenLayers: 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();
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();
![Page 44: OpenLayers Schuyler Erle Christopher Schmidt. What is OpenLayers?](https://reader036.fdocuments.in/reader036/viewer/2022081419/56649d2b5503460f94a015ea/html5/thumbnails/44.jpg)
OpenLayers: 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();
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();
![Page 45: OpenLayers Schuyler Erle Christopher Schmidt. What is OpenLayers?](https://reader036.fdocuments.in/reader036/viewer/2022081419/56649d2b5503460f94a015ea/html5/thumbnails/45.jpg)
OpenLayers: WFS
(demo)
![Page 46: OpenLayers Schuyler Erle Christopher Schmidt. What is OpenLayers?](https://reader036.fdocuments.in/reader036/viewer/2022081419/56649d2b5503460f94a015ea/html5/thumbnails/46.jpg)
OpenLayers: 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();
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();
![Page 47: OpenLayers Schuyler Erle Christopher Schmidt. What is OpenLayers?](https://reader036.fdocuments.in/reader036/viewer/2022081419/56649d2b5503460f94a015ea/html5/thumbnails/47.jpg)
OpenLayers: GeoRSS
(demo)
![Page 48: OpenLayers Schuyler Erle Christopher Schmidt. What is OpenLayers?](https://reader036.fdocuments.in/reader036/viewer/2022081419/56649d2b5503460f94a015ea/html5/thumbnails/48.jpg)
OpenLayers: Markers
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();
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();
![Page 49: OpenLayers Schuyler Erle Christopher Schmidt. What is OpenLayers?](https://reader036.fdocuments.in/reader036/viewer/2022081419/56649d2b5503460f94a015ea/html5/thumbnails/49.jpg)
OpenLayers: Markers
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();
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();
![Page 50: OpenLayers Schuyler Erle Christopher Schmidt. What is OpenLayers?](https://reader036.fdocuments.in/reader036/viewer/2022081419/56649d2b5503460f94a015ea/html5/thumbnails/50.jpg)
OpenLayers: Markers
(demo)
![Page 51: OpenLayers Schuyler Erle Christopher Schmidt. What is OpenLayers?](https://reader036.fdocuments.in/reader036/viewer/2022081419/56649d2b5503460f94a015ea/html5/thumbnails/51.jpg)
OpenLayers: Popups
var markers = new OpenLayers.Layer.Markers("Markers"); map.addLayer(markers);
popup = new OpenLayers.Popup.Anchored("Example", new OpenLayers.LonLat(5,40), new OpenLayers.Size(200,200), "Welcome to Barcelona"); popup.hide(); map.addPopup(popup);
var point = new OpenLayers.LonLat(5, 40) var marker = new OpenLayers.Marker(point); markers.addMarker(marker);
marker.events.register( "click", marker, function (e) { popup.toggle() } );
var markers = new OpenLayers.Layer.Markers("Markers"); map.addLayer(markers);
popup = new OpenLayers.Popup.Anchored("Example", new OpenLayers.LonLat(5,40), new OpenLayers.Size(200,200), "Welcome to Barcelona"); popup.hide(); map.addPopup(popup);
var point = new OpenLayers.LonLat(5, 40) var marker = new OpenLayers.Marker(point); markers.addMarker(marker);
marker.events.register( "click", marker, function (e) { popup.toggle() } );
![Page 52: OpenLayers Schuyler Erle Christopher Schmidt. What is OpenLayers?](https://reader036.fdocuments.in/reader036/viewer/2022081419/56649d2b5503460f94a015ea/html5/thumbnails/52.jpg)
OpenLayers: Popups
var markers = new OpenLayers.Layer.Markers("Markers"); map.addLayer(markers);
popup = new OpenLayers.Popup.Anchored("Example", new OpenLayers.LonLat(5,40), new OpenLayers.Size(200,200), "Welcome to Barcelona"); popup.hide(); map.addPopup(popup);
var point = new OpenLayers.LonLat(5, 40) var marker = new OpenLayers.Marker(point); markers.addMarker(marker);
marker.events.register( "click", marker, function (e) { popup.toggle() } );
var markers = new OpenLayers.Layer.Markers("Markers"); map.addLayer(markers);
popup = new OpenLayers.Popup.Anchored("Example", new OpenLayers.LonLat(5,40), new OpenLayers.Size(200,200), "Welcome to Barcelona"); popup.hide(); map.addPopup(popup);
var point = new OpenLayers.LonLat(5, 40) var marker = new OpenLayers.Marker(point); markers.addMarker(marker);
marker.events.register( "click", marker, function (e) { popup.toggle() } );
![Page 53: OpenLayers Schuyler Erle Christopher Schmidt. What is OpenLayers?](https://reader036.fdocuments.in/reader036/viewer/2022081419/56649d2b5503460f94a015ea/html5/thumbnails/53.jpg)
OpenLayers: Popups
(demo)
![Page 54: OpenLayers Schuyler Erle Christopher Schmidt. What is OpenLayers?](https://reader036.fdocuments.in/reader036/viewer/2022081419/56649d2b5503460f94a015ea/html5/thumbnails/54.jpg)
OpenLayers: Custom Controls
var controls = [ new OpenLayers.Control.PanZoomBar(), new OpenLayers.Control.MouseDefaults(), new OpenLayers.Control.Scale(), new OpenLayers.Control.Permalink() ];
var map = new OpenLayers.Map('map', { controls: controls });
var controls = [ new OpenLayers.Control.PanZoomBar(), new OpenLayers.Control.MouseDefaults(), new OpenLayers.Control.Scale(), new OpenLayers.Control.Permalink() ];
var map = new OpenLayers.Map('map', { controls: controls });
![Page 55: OpenLayers Schuyler Erle Christopher Schmidt. What is OpenLayers?](https://reader036.fdocuments.in/reader036/viewer/2022081419/56649d2b5503460f94a015ea/html5/thumbnails/55.jpg)
OpenLayers: Custom Controls
(demo)
![Page 57: OpenLayers Schuyler Erle Christopher Schmidt. What is OpenLayers?](https://reader036.fdocuments.in/reader036/viewer/2022081419/56649d2b5503460f94a015ea/html5/thumbnails/57.jpg)
Contributing to OpenLayers
Visit the website: http://openlayers.org/ Join the mailing lists
![Page 58: OpenLayers Schuyler Erle Christopher Schmidt. What is OpenLayers?](https://reader036.fdocuments.in/reader036/viewer/2022081419/56649d2b5503460f94a015ea/html5/thumbnails/58.jpg)
Contributing to OpenLayers
Visit the website: http://openlayers.org/ Join the mailing lists Meet on irc.freenode.net #openlayers
![Page 59: OpenLayers Schuyler Erle Christopher Schmidt. What is OpenLayers?](https://reader036.fdocuments.in/reader036/viewer/2022081419/56649d2b5503460f94a015ea/html5/thumbnails/59.jpg)
Contributing to OpenLayers
Visit the website: http://openlayers.org/ Join the mailing lists Meet on irc.freenode.net #openlayers Submit a contributor agreement
![Page 60: OpenLayers Schuyler Erle Christopher Schmidt. What is OpenLayers?](https://reader036.fdocuments.in/reader036/viewer/2022081419/56649d2b5503460f94a015ea/html5/thumbnails/60.jpg)
Contributing to OpenLayers
Visit the website: http://openlayers.org/ Join the mailing lists Meet on irc.freenode.net #openlayers Submit a contributor agreement Start sending patches!
![Page 61: OpenLayers Schuyler Erle Christopher Schmidt. What is OpenLayers?](https://reader036.fdocuments.in/reader036/viewer/2022081419/56649d2b5503460f94a015ea/html5/thumbnails/61.jpg)
Appreciation
John Frank at MetaCarta for believing in the idea
MetaCarta generally for employing us and sending us here
![Page 62: OpenLayers Schuyler Erle Christopher Schmidt. What is OpenLayers?](https://reader036.fdocuments.in/reader036/viewer/2022081419/56649d2b5503460f94a015ea/html5/thumbnails/62.jpg)
Appreciation
John Frank at MetaCarta for believing in the idea
MetaCarta generally for employing us and sending us here
Erik Uzureau and Phil Lindsay for making it happen
The growing OpenLayers community
![Page 63: OpenLayers Schuyler Erle Christopher Schmidt. What is OpenLayers?](https://reader036.fdocuments.in/reader036/viewer/2022081419/56649d2b5503460f94a015ea/html5/thumbnails/63.jpg)
Appreciation
John Frank at MetaCarta for believing in the idea
MetaCarta generally for employing us and sending us here
Erik Uzureau and Phil Lindsay for making it happen
The growing OpenLayers community You, for your time and interest