2026-08-31 –, 610
Terra Draw is a cross-platform library such as Maplibre, Leaflet, OpenLayers, Mapbox, Google Maps, ArcGIS. It brings advanced drawing features for all web map applications with a unified API. This workshop introduces you how you can develop drawing feature with TerraDraw in your application.
Terra Draw is developed and maintained by James Milner. This workshop's proposed agenda includes two parts - presentation and hands-on:
Firstly, introduction of Terra Draw will be delivered in order to let you understand what Terra Draw can bring to your map application.
The next part will be hands-on exercise. As an example of use of Terra Draw, the workshop will show you how you can integrate drawing feature with Maplibre GL JS. The agenda of exercise will be:
- Installation and setup basic functionality of raw Terra Draw
- Advanced functinalities of Terra Draw (layer stying, events, adding data, etc)
- Quick introduction and tutorial of maplibre-gl-terradraw plugin
Each participant is expected to bring a laptop computer installed in NodeJS LTS and VSCode to exercise TerraDraw in own computer with provided sample codes. The workshop will use Maplibre as an example However if time is allowed, the exercise will show you how you can integrate Terra Draw with different map libraries other than Maplibre. Terra Draw has a unified API, so it will be pretty easier for you to adapt it once you will be familiar.
References
- Terra Draw: https://github.com/JamesLMilner/terra-draw
- Terra Draw Workshop material: https://workshops.terradraw.water-gis.com/
- maplibre-gl-terradraw: https://github.com/watergis/maplibre-gl-terradraw
- Bring own laptop
- Install NodeJS LTS
- Install VSCode
If any participants want to use GitHub Codespace, that can be an alternative to install VSCode and NodeJS in local computer.
What skills do participants require to have?:Basic knowledge of JavaScript is preferable. Knowledge and skills for mapping libraries like Maplibre GL JS is also preferable if participants already have, but not required.
Link to software source code:
Jin Igarashi is an open source full stack GIS developer, mainly working in water industry in Eastern Africa. He holds a master's degree in Water, Sanitation and Health Engineering, and several open source libraries used in managing water assets in water utilities in Kenya and Rwanda is maintain in GitHub. In professional work, he has worked in UNDP for developing GeoHub for nearly four years, then now he is working for Fracta which develop AI solution to identify the risk of water and sewer infrastructure in USA and Japan.