Training: Developing a map application with OpenLayers
As a developer, you are interested to add a map on your website? You want to let user be able to interact with it?
OpenLayers is a JavaScript library that enables you to display and query data from multiple sources in order to integrate a dynamic map in any web page.
What is the role of OpenLayers in an open source web mapping stack?
Within the different sequences we will show you, how to
- create a map
- add multiple layers plus controls and events to interact with your map
- manage different data formats and projections
- enhance your map, export it and make it available for mobile devices
Questions (i.e. quiz) and exercises will help you consolidate your new skills for each sequence.
These first steps help you to build the foundation before working on bigger projects. A lot more functionalities are available in OpenLayers, such as vector editing, distance & surface measurements, vector tiles and 3D.
But, before working with these complex features, we strongly recommend to start with this introduction to the OpenLayers API! Are your ready to code? Let's get started.
Target audience and prerequisites
- GIS managers
- Web developer
- GIS specialist
- Good Notions in web development (JS, HTML, CSS)
- Basic knowledge of Web Services OGC.
- Basic knowledge of GIS (layers, style, features...)
Goals
- Become familiar with the main components of an OpenLayers project
- Understand the interactions between components and the structure of an OpenLayers project
- Understand the different concepts proposed by OpenLayers
- Be able to create a map with a background, different layers and interactions
Price
- This training can be booked online, just use the following link.
Camptocamp curriculum
Lecture content/Topics
Online, when you are ready!
- 1 full day with 1,5 h on-Demand-Video, quiz and exercises
- splitted into 10 sequences
- Introduction • 30 Min.
- The map (Map object) • 30 Min.
- Create a simple map with a background XYZ • 30 Min.
- Adding map control • 35 Min.
- Create a map with a WMS Layer • 35 Min.
- Create a map with a Vector Layer • 35 Min.
- Displaying information and making the map prettier • 35 Min.
- Querying map layers • 35 Min.
- Changing the projection of the map • 35 Min.
- Managing display on mobile • 30 Min.
- Sharing my maps • 30 Min.
- Conclusion • 1 Min.
Your Trainer:
Julien Waddle
Additional training
This training can be accompanied by:
Career
Interested in working in an inspiring environment and joining our motivated and multicultural teams?
