OpenLayers 3 Alpha - Introduction - 2013

Bundesamt für Landestopografie swisstopo


OpenLayersgeo.admin.ch roadmap

Cédric Moullet - swisstopo

Bundesamt für Landestopografie swisstopo 2

History

2005 2006 2007 2008 2009 2010 2011 2012 2013

Google M

aps

Where Conference

– Metac

arta p

roposa

l

OpenLaye

rs 1.0 – 27.6

OpenLaye

rs use

d in O

penStreetM

ap

OpenLaye

rs 2.0 – 25.8

OpenLaye

rs 2.7 – 5.9

OpenLaye

rs 2.12 – 27.6

Crowdfunding –

350 K USD

OpenLaye

rs 3 Alpha –

18.4

WebGL 1

.0

Introducin

g Google

Closure To

ols


Introduction OpenLayers 3

OpenLayers brings geospatial data to any modern desktop or mobile web browser. ol3 is a complete rewrite, featuring WebGL and 3D. Like OpenLayers 2, it supports a huge variety of data formats and layer types. But unlike OpenLayers 2, it is built from scratch relying on latest browser technologies like HTML5, WebGL and CSS3.

http://openlayers.org/

http://openlayers.org/


New tools

• Continuous integration: Travis• Closure Linter• JSDoc 3• Plovr: serve code with Closure• Testing: PhantomJS• GIT: https://github.com/openlayers/ol3• Examples:

http://ol3js.org/ol3/master/examples/• Mailing list: https://groups.google.com/forum/#!forum/ol3-dev

https://travis-ci.org/openlayers/ol3

https://github.com/openlayers/ol3

https://github.com/openlayers/ol3

http://ol3js.org/ol3/master/examples/

http://ol3js.org/ol3/master/examples/

https://groups.google.com/forum/#!forum/ol3-dev

https://groups.google.com/forum/#!forum/ol3-dev


Cool: Animation

http://ol3js.org/ol3/master/examples/animation.html


Cool: Drag and rotate

http://ol3js.org/ol3/master/examples/drag-rotate-and-zoom.html


Cool: Image treatment

http://ol3js.org/ol3/master/examples/brightness-contrast.html


Cool: Direct export as file

http://ol3js.org/ol3/master/examples/export-map.html


Cool: full screen

http://ol3js.org/ol3/master/examples/full-screen.html


Functions & Controls

• Map• Geolocation• Mouse Position• Overlay• Scale line• Vector Styling• Zoom slider

http://ol3js.org/ol3/master/examples/simple.html

http://ol3js.org/ol3/master/examples/geolocation.html

http://ol3js.org/ol3/master/examples/mouse-position.html

http://ol3js.org/ol3/master/examples/overlay.html

http://ol3js.org/ol3/master/examples/scale-line.html

http://ol3js.org/ol3/master/examples/scale-line.html

http://ol3js.org/ol3/master/examples/style-rules.html



http://ol3js.org/ol3/master/examples/zoomslider.html

http://ol3js.org/ol3/master/examples/zoomslider.html


Data source

• Bing Maps• KML• OSM• MapQuest• Stamen• TileJSON• Vector• WMS• WMTS

http://ol3js.org/ol3/master/examples/bing-maps.html

http://ol3js.org/ol3/master/examples/bing-maps.html

http://ol3js.org/ol3/master/examples/kml.html

http://ol3js.org/ol3/master/examples/localized-openstreetmap.html

http://ol3js.org/ol3/master/examples/mapquest.html

http://ol3js.org/ol3/master/examples/stamen.html

http://ol3js.org/ol3/master/examples/tilejson.html

http://ol3js.org/ol3/master/examples/vector-layer.html

http://ol3js.org/ol3/master/examples/wms-single-image-custom-proj.html

http://ol3js.org/ol3/master/examples/wmts.html


New website

http://ol3js.org

http://ol3js.org/

http://ol3js.org/


Implemented features

https://github.com/openlayers/ol3/issues?labels=FEATURE&page=1&state=closed





Ongoing development

https://github.com/openlayers/ol3/issues?labels=FEATURE&page=1&state=open





Impact on *.geo.admin.ch


Roadmap geo.admin.ch

Server:- Implement GeoServices REST Specification - All in one search design

Client:- Q3: api.geo.admin.ch – third release (OL3)- Q3: map.geo.admin.ch – third release (OL3)- All in one search design

Which client library ? ExtJS, Jquery, Closure UI, AngularJS, D3, etc,etc,etc… decision in May

Mobile:- Sencha 2.2


New design proposal


Topics

Topics for fast access to layers


www.geo.admin.ch

map.geo.admin.ch

api.geo.admin.ch

[email protected]

Twitter: @swiss_geoportal

THANK YOU

Technology

OpenLayers 3 Alpha - Introduction - 2013