OpenLayers 3
Upcoming SlideShare
Loading in...5
×
 

OpenLayers 3

on

  • 2,140 views

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.

Statistics

Views

Total Views
2,140
Views on SlideShare
2,107
Embed Views
33

Actions

Likes
2
Downloads
32
Comments
0

2 Embeds 33

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

Accessibility

Categories

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.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
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!