• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
OpenLayers 3

OpenLayers 3



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

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.



Total Views
Views on SlideShare
Embed Views



2 Embeds 31

http://www.camptocamp.com 28
http://cloud.feedly.com 3



Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
Post Comment
Edit your comment

    OpenLayers 3 OpenLayers 3 Presentation Transcript

    • 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 frame rate Redraw as few pixels as possible Use Closure Compiler
    • 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-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
    • 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 RE2: 650 Ko / RE3: 250 Ko In production on 17.10.2013 Code on Github
    • 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!