what is this open layers business

8/8/2019 What is This Open Layers Business

1/16

Dejung GewisslerDejung Gewissler

>


2/16

AJAXAJAX

Pure clientPure client--side JavaScriptside JavaScript

An API for building web mapping applicationsAn API for building web mapping applicationswith no serverwith no server--side dependenciesside dependencies

Similar to the Google Maps and MSN Virtual EarthSimilar to the Google Maps and MSN Virtual EarthAPIs, but is free Open Source softwareAPIs, but is free Open Source software

Supports open and closed standardsSupports open and closed standards

Already used by > 10,000 peopleAlready used by > 10,000 people

Constant bug fixes, performance improvementsConstant bug fixes, performance improvements

and new feature additionsand new feature additions

OpenLayers is OpenLayers is


3/16

Company ScenariosCompany Scenarios

Small GIS shop/division of larger companySmall GIS shop/division of larger company ----$ for expensive server infrastructure$ for expensive server infrastructure

Definitely needs to hire out webDefinitely needs to hire out web--focused workfocused work

Medium sized GIS centric companyMedium sized GIS centric company --$ for expensive server infrastructure$ for expensive server infrastructure Probably hires out some webProbably hires out some web--focused workfocused work

Large GIS consulting firm or stateLarge GIS consulting firm or stategovernmentgovernment ++$ for expensive server infrastructure++$ for expensive server infrastructure

Has GIS developers on staff for webHas GIS developers on staff for web--focusedfocusedworkwork


4/16

Use case scenariosUse case scenarios

Mashups with markers and popupsMashups with markers and popups

HTML form submission with lat/longHTML form submission with lat/long Points, Lines, PolygonsPoints, Lines, Polygons Display of vector layers in browserDisplay of vector layers in browser

Rich user interactions (popups, colors, editing)Rich user interactions (popups, colors, editing)

Previewing GIS dataPreviewing GIS data From WMS or WFSFrom WMS or WFS

Very rapid deployment of lightweightVery rapid deployment of lightweightclient applicationsclient applications

Simple GIS requirement for web app butSimple GIS requirement for web app butno GIS programmers or $$no GIS programmers or $$


5/16

OpenLayers will not OpenLayers will not

Replace the ESRI ADFsReplace the ESRI ADFs

Server, Mobile, etcServer, Mobile, etc

Replace server side application logicReplace server side application logic

.Net or Java data validation or.Net or Java data validation ortransformation still remainstransformation still remains

Analyze dataAnalyze data

Replace commercial APIs, it onlyReplace commercial APIs, it only

enhances themenhances them


6/16

ArcSDE($$$)

Oracle

Spatial($$$)

Open

SourceDB

ArcGISServer($$$)

ArcGIS

ServerADF($$$)

ArcIMS($$$)

ESRI Client

ArcIMS

ConnectorsJava,.Net,

etc.

ESRI Client OpenLayers

GeoServerOr

MapServer

Crude Architecture DiagramCrude Architecture Diagram


7/16

FlexibilityFlexibility

Basemaps can range fromBasemaps can range from ArcGIS ServerArcGIS Server

Cached or notCached or not

ArcIMSArcIMS

Any WMS serverAny WMS server

GoogleGoogle

YahooYahoo

Virtual EarthVirtual Earth

Custom tilesCustom tiles

One common abstracted API, so code can beOne common abstracted API, so code can bewritten once and reused!written once and reused!

No need for big GIS infrastructure if WMSNo need for big GIS infrastructure if WMS

services already exist from other sources!services already exist from other sources!


8/16

Quick DemoQuick Demo

Simple (single file build ~ 400kb)Simple (single file build ~ 400kb)

TilingTiling Zoom In/OutZoom In/Out

PanningPanning Zoom BoxZoom Box

Commercial basemaps with WMSCommercial basemaps with WMS

overlaysoverlays


9/16

Standards SupportedStandards Supported

OGC WMSOGC WMS

OGC WFSOGC WFS

XML (Extensible Markup Language)XML (Extensible Markup Language)

GMLGML KMLKML

GeoRSSGeoRSS JSON (JavaScript Object Notation)JSON (JavaScript Object Notation)

GeoJSONGeoJSON

WKT (WellWKT (Well--Known Text)Known Text)


10/16

Controls availableControls available

Zoom / PanZoom / Pan

Mouse controlsMouse controls Layer Switcher (aka legend)Layer Switcher (aka legend)

ScaleScale Scale bar/lineScale bar/line

Vector display/editingVector display/editing

Panels/ToolbarsPanels/Toolbars

create your own and share them!create your own and share them!


11/16


12/16

More DemosMore Demos

Prepared:Prepared: MarkersMarkers

Form submission and GeocoderForm submission and Geocoder

Vector overlaysVector overlays

ChoroplethChoropleth

Alive in the wild:Alive in the wild: http://sightline.org/maps/animated_maps/sprhttp://sightline.org/maps/animated_maps/spr

awlawl--andand--smartsmart--growthgrowth--inin--greatergreater--vancouvervancouver--bcbc

http://wildfishconservancy.org/mapshttp://wildfishconservancy.org/maps

http://mapdata.thehumanjourney.net/http://mapdata.thehumanjourney.net/


13/16

Additional open source APIsAdditional open source APIs

Proj4JSProj4JS

Projection and reprojectionProjection and reprojection http://proj4js.com/http://proj4js.com/

EXTJSEXTJS

Advanced styling and windowingAdvanced styling and windowing

http://extjs.comhttp://extjs.com


14/16

Places to learn morePlaces to learn more

Javascript (even has videos)Javascript (even has videos)

http://blog.mootools.net/2007/6/5/helphttp://blog.mootools.net/2007/6/5/help--ii--dontdont--knowknow--javascriptjavascript

OpenLayersOpenLayers OpenLayers examplesOpenLayers examples

http://openlayers.org/dev/doc/examples.htmlhttp://openlayers.org/dev/doc/examples.html

EXTJSEXTJS

http://extjs.com/learnhttp://extjs.com/learn


15/16

FirebugFirebug

http://www.getfirebug.comhttp://www.getfirebug.com

Very useful for:Very useful for:

Debugging problems in web pageDebugging problems in web page Page/code/DOM inspectionPage/code/DOM inspection

Live CSS manipulationLive CSS manipulation Monitor network activityMonitor network activity

etc.etc.


16/16

Dejung GewisslerDejung Gewissler< [email protected] >< [email protected] >

what is this open layers business

Documents