Developing a map application with OpenLayers

In this session, we will make our first map and add the first layer to it.

New Concepts:

• The Map() & View() objects and their set up and configurations.

• the "target" = the HTML container of the map

• Quick introduction to the notions of Source and Layers

Prerequisite: You should have working environment and basic knowledge of OpenLayers main objects (such as the Map, Layers, Controls, etc.)

In this session, we will create a very simple map with a background layer.

New Concepts:

• Difference between layer and source

• Different existing sources and layers for backgrounds OpenStreetMap, Bing, Esri

Prerequisite: A working example of a OSM map view.

We will start to add more control to the map, to let user to change the map: move, zoomin, etc.

New Concepts: Controls and CSS for changing the aspects of the controls
Prerequisite: You should have a map with a background layer

Let's add more layers on our map. A lot of different formats exist, and we will choose some to add them in our map.

New Concepts: TileWMS & ImageSource objects.

Prerequisite: A map with a background with the previous controls added.

In this session, we will work on vector data, and we will see how to apply some styling on the layer.

New Concepts: VectorSource and default symbology.

Prerequisite: a map with the background layer and the earthquake WMS layer.

We will see how to display information and make the map prettier.

New Concepts: Style, style function, label, getLegendGraphic and canvas.

Prerequisite: As always, code from the previous session;

OpenLayers offer events to interact with the map and the layers, we will see some of them in this sequence.

New Concepts : events such map.on('pointermove', ...), layer.get('attribute')

Prerequisite: You know the drill, you will need all the code from the previous session.

Data come from various organizations and format, projection. In this sequence, we will work on data with various projection.

New Concepts: Projections and the ol/proj4, ol/proj modules.

Prerequisite: You know the drill, you will need Code from the previous session.

Today, mobil device are widely use and our maps should support this. We will see in this session how to easily adapt our small project to the mobile device.

New Concepts: OpenLayers out of the box mobile features (multi-touch gestures, pinch zoom, rotation), GeoLocation

Prerequisite: as always, code from the previous session