2026-08-31 –, 613
This workshop will provide an introduction to building your own Extension, a plugin component that allows adding custom functionality to the map viewer, based on the MapStore Open Source framework. MapStore is an highly modular Open Source WebGIS framework to create, manage and securely share maps and geospatial applications.
This workshop will provide an introduction to building your own Extensions for the MapStore Open Source framework, an highly modular Open Source WebGIS framework to create, manage and securely share maps and geospatial applications. An Extension is a plugin component that can be distributed as a separate package (a zip file), and be installed, activated and used at runtime. Creating an extension allows a developer to add custom components and functionalities to the map viewer.
The workshop provides an overview of the MapStore technological stack and introduces to the development of a MapStore extension.
The topics covered during the workshop are the following:
- Introduction to MapStore
- How to setup the development environment for a MapStore Extension
- Introduction to the development of an Extension
- Installation of an Extension inside a MapStore context map viewer
The material we are going to use during the workshop is available online at the following links:
- MapStore demo https://mapstore.geosolutionsgroup.com/mapstore
- MapStore repository https://github.com/geosolutions-it/MapStore2
- MapStoreExtension documentation https://docs.mapstore.geosolutionsgroup.com/en/latest/developer-guide/extensions/
- MapStoreExtension repository https://github.com/geosolutions-it/MapStoreExtension
Needed tools:
- Git - see git guides for installation instructions, https://github.com/git-guides/install-git
- NodeJS version 20, installation alternatives:
- Installation with nvm, https://github.com/nvm-sh/nvm
- Installation with nvm-windows, https://github.com/coreybutler/nvm-windows
- Download from node.js, https://nodejs.org/en/download
- Code editor (e.g. Visual Studio Code https://code.visualstudio.com/)
A clone of the the MapStoreExtension repository can be done in advance in your workspace with:
git clone --recursive https://github.com/geosolutions-it/MapStoreExtension
MapStoreExtension works with a MapStore instance in this case you could download latest binary from release pages:
What skills do participants require to have?:A general knowledge of Git, Javascript, React and NodeJS is required to follow the workshop
Link to software source code:Senior Software Engineer in GIS and Technical Lead of the MapStore project, active in the open-source GIS community since 2011. I have a background in neural networks, expert systems, and early AI approaches to the Semantic Web. In my free time, I study Japanese, follow science and technology, enjoy problem-solving, and contribute to science outreach with a local amateur astronomy group.
Senior Software Engineer and project manager at GeoSolutions Srl (https://www.geosolutionsgroup.com/).
Product Owner and coordinator of the MapStore WebGIS project. Public profile at www.linkedin.com/in/tobia-di-pisa-1b59a83a
Frontend developer at GeoSolutions, interested in interactive maps and cartography