Upload
camptocamp
View
2.869
Download
3
Embed Size (px)
DESCRIPTION
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.
Citation preview
OL3http://erilem.net/talks/foss4g2013/ol3.html
Outline1. Vision2. Design principles3. Features4. Demos5. Swisstopo application6. Status update
VisionWhere 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
Designprinciples
SoC - 1/3(Separation of Concerns)
SoC - 2/3MapMap has a rendererMap has a viewMap has layersLayers have sources
SoC - 3/3Interactions vs Controls
Interactions respond to browser events on the mapControls have a presence in the DOM
High-PerformanceFor example:
Avoid boxing/unboxing operationsBe nice with the GC and reuse objectsUse rAF and watch the frame rateRedraw as few pixels as possibleUse Closure Compiler
No opinion on the UIUse CSSProvide objects for integration with other libs(ol.Overlay)
FeaturesVarious tile sources/providers: OSM, XYZ, Stamen,TileJSON, Bing Maps, WMTS, WMSControls: Attribution, Full-screen, Mouse position,Scaleline, Zoom, Zoom sliderVector layer: rule-based styling with powerfulexpression systemParsers: GeoJSON, GPX, KML, FE, GML, WMSCapabilities, WMTS CapabilitiesAnimationsGeolocation, Device orientation
Demos
Map with controlsmap with controls example
Animationsanimation example
geo.admin.ch Third Release
New map.geo.admin.chviewer
Based on OpenLayers 3, AngularJS 1.2 & Bootstrap 3.0ComponentsMobile & desktop: all in oneRE2: 650 Ko / RE3: 250 KoIn production on 17.10.2013Code on Github
Responsiveness - phone
Responsiveness - tablet
Responsiveness - desktop
Demomap.geo.admin.ch
Status update3.0.0 beta1 about to be releasedThings in the work:
New web siteNew build systemWebGL vectorVector editing
Thanks!