OpenLayers Mobile Code Sprint Summary

21.2.2011 – 25.2.2011

Lausanne - EPFL - Switzerland

Mobile compatible controlsDescription

The OpenLayers controls work similarly on touch- and mouse-centric environments.

Examples

Touch Navigation ControlDescription

The navigation control handles map browsing with touch events (dragging, double-tapping, and tap with two fingers). Larger UI control.

Examples

Source code

Kinetic DraggingDescription

The kinetic dragging let the map smoothly brake after a drag.

Examples

Source code

Pinch ZoomDescription

Support pinch zoom in and zoom out (double finger touch)

Example

Source code

Anchor Permalink ControlDescription

Place a permalink in the anchor of the url.

Examples

Source code

Geolocate ControlDescription

Usage of the GeoLocation API to set or track the position of the mobile device

Example

Source Code

PerformanceDescription

In order to improve the drag action, OpenLayers now limits the pixel to map translations that occur during dragging. The performance improvement is really important.

Previous release – Current release

Minimal Support for devices without touch support

Description

Minimal support of OpenLayers when the device has no touch capabilities.

Blog - Mail

Demonstration on Nokia E7

Demonstration on Windows 7

ExamplesDescription

Mobile compatible example list and specific mobile examples.

Examples

Mobile examples

Sencha Touch ExampleDescription

Demonstration of an application created with OpenLayers and Sencha Touch

Example

Source Code Base – Specific

JQuery Mobile ExampleDescription

Demonstration of an application created with OpenLayers and JQuery Mobile (…discover the origin of the 16 participants of the OpenLayers mobile code sprint)

Example

Source Code Base – Specific

Accelerometer ExampleDescription

The information about acceleration are presented for devices with accelerometer support (for now iOS 4.2+ and Chrome)

Example

Unit testsDescription

Optimize unit tests to work with a built OpenLayers library and UI improvements to test on mobile devices

Tests

Test LabDescription

Dozen of tests have been done on various platforms

Test Sheet

Browser detectionDescription

Page used to identify the capacity and characteristics of the used browser. Allow to test the mouse and touch events.

Example

Closure Compiler Support & Build

Description

OpenLayers can be built with Google Closure Compiler and this reduces the size of it.

A specific mobile build has been created.

CSS Tidy is now used for minifying the stylesheets.

Google Closure Compiler Support

Mobile Specific Build

Link to mobile examples with http://m.openlayers.org/

CSS Tidy usage

Various ongoing developments – R&D

• Offline storage of features and tiles - Sandbox

• Mobile Layer Switcher – Ticket in review

• Editing Tool – Ticket in review

THANKS TO THE SPONSORS• Canton of Zürich: http://www.gis.zh.ch/ • Canton of Neuchâtel: http://sitn.ne.ch/• Canton of Jura: http://www.jura.ch/sit • City of Uster: http://www.uster.ch • City of Vevey: http://www.vevey.ch • Geoportail Luxembourg: http://map.geoportail.lu/ • EPFL: http://plan.epfl.ch/ • Schweizmobil: http://map.veloland.ch/ • Swiss Open Systems User Group: http://www.ch-open.ch/ • Swisstopo & geo.admin.ch: http://www.swisstopo.admin.ch/• Swisscom: http://en.swisscom.ch/ • OpenGeo: http://opengeo.org/ • Nokia: http://www.nokia.com/ • Camptocamp: http://www.camptocamp.com • Terrestris: http://www.terrestris.de/

AND THANKS TO THE CODE SPRINTERS !!!

• Christopher Schmidt • Tim Schaub• Eric Lemoine• Andreas Hocevar• Frédéric Junod • Bart van den Eijnden• Bruno Binet • Pierre Giraud

• Stéphane Brunner • Marc Jansen • Jorge Gustavo Rocha • Jennie Fletcher• Igor Tihonov • Antoine Abt• Benoît Quartier• Cédric Moullet

And thanks to Claude and Cédric for the organization