OL3http://erilem.net/talks/foss4g2013/ol3.html
Intro
Introducing OpenLayers 3
http://ol3js.org/
Outline
1. Vision
2. Design principles
3. Features
4. Demos
5. Swisstopo application
6. Status update
Vision
Where OL3 is going
2D 3D Convergence
(Image courtesy of the OSM-3D.org project)
Client-side rendering
Maps are Graphics
Where does OL3 fit?
OpenLayers 2
OpenLayers 3
Design
principles
SoC - 1/3
(Separation of Concerns)
SoC - 2/3
Map
Map has a renderer
Map has a view
Map has layers
Layers have sources
SoC - 3/3
Interactions vs Controls
Interactions respond to browser events on the map
Controls have a presence in the DOM
High-Performance
For example:
Avoid boxing/unboxing operations
Be nice with the GC and reuse objects
Use rAFand watch the ...
No opinion on the UI
Use CSS
Provide objects for integration with other libs
(ol.Overlay)
FeaturesVarious tile sources/providers: OSM, XYZ, Stamen,
TileJSON, Bing Maps, WMTS, WMS
Controls: Attribution, Full-scree...
Demos
Map with controls
map with controls example
Animations
animation example
geo.admin.ch Third Release
New map.geo.admin.ch
viewer
Based on OpenLayers 3, AngularJS 1.2 & Bootstrap 3.0
Components
Mobile & desktop: all in one
R...
Responsiveness - phone
Responsiveness - tablet
Responsiveness - desktop
Demomap.geo.admin.ch
Status update3.0.0 beta1 about to be released
Things in the work:
New web site
New build system
WebGL vector
Vector editing
Thanks!
OpenLayers 3
OpenLayers 3
OpenLayers 3
OpenLayers 3
Upcoming SlideShare
Loading in …5
×

OpenLayers 3

5,409 views

Published on

Presentation of OpenLayers 3 (development: presentation is focused on a specific technology, demonstrating either a new product or new developments in an existing product.)

Cool demonstrations of how OpenLayers 3 opens up new possibilities for presenting your geospatial data.

OpenLayers 3 enables a huge range of new web mapping functionality. In this talk, we'll show off many of the cool features of OpenLayers 3, including: Rich interaction and animation Virtual globe integration Raster layer effects Wide-ranging data source support The talk will be light on technical details and heavy with cool demos to show you how OpenLayers 3 opens up new and exciting ways of presenting your geospatial data.

Published in: Technology
0 Comments
10 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
5,409
On SlideShare
0
From Embeds
0
Number of Embeds
126
Actions
Shares
0
Downloads
107
Comments
0
Likes
10
Embeds 0
No embeds

No notes for slide

OpenLayers 3

  1. 1. OL3http://erilem.net/talks/foss4g2013/ol3.html
  2. 2. Intro Introducing OpenLayers 3 http://ol3js.org/
  3. 3. Outline 1. Vision 2. Design principles 3. Features 4. Demos 5. Swisstopo application 6. Status update
  4. 4. Vision Where OL3 is going
  5. 5. 2D 3D Convergence (Image courtesy of the OSM-3D.org project)
  6. 6. Client-side rendering
  7. 7. Maps are Graphics
  8. 8. Where does OL3 fit? OpenLayers 2 OpenLayers 3
  9. 9. Design principles
  10. 10. SoC - 1/3 (Separation of Concerns)
  11. 11. SoC - 2/3 Map Map has a renderer Map has a view Map has layers Layers have sources
  12. 12. SoC - 3/3 Interactions vs Controls Interactions respond to browser events on the map Controls have a presence in the DOM
  13. 13. High-Performance For example: Avoid boxing/unboxing operations Be nice with the GC and reuse objects Use rAFand watch the frame rate Redraw as few pixels as possible Use Closure Compiler
  14. 14. No opinion on the UI Use CSS Provide objects for integration with other libs (ol.Overlay)
  15. 15. FeaturesVarious tile sources/providers: OSM, XYZ, Stamen, TileJSON, Bing Maps, WMTS, WMS Controls: Attribution, Full-screen, Mouse position, Scaleline, Zoom, Zoom slider Vector layer: rule-based styling with powerful expression system Parsers: GeoJSON, GPX, KML, FE, GML, WMS Capabilities, WMTS Capabilities Animations Geolocation, Device orientation
  16. 16. Demos
  17. 17. Map with controls map with controls example
  18. 18. Animations animation example
  19. 19. geo.admin.ch Third Release
  20. 20. New map.geo.admin.ch viewer Based on OpenLayers 3, AngularJS 1.2 & Bootstrap 3.0 Components Mobile & desktop: all in one RE2: 650 Ko / RE3: 250 Ko In production on 17.10.2013 Code on Github
  21. 21. Responsiveness - phone
  22. 22. Responsiveness - tablet
  23. 23. Responsiveness - desktop
  24. 24. Demomap.geo.admin.ch
  25. 25. Status update3.0.0 beta1 about to be released Things in the work: New web site New build system WebGL vector Vector editing
  26. 26. Thanks!

×