FOSS4G 2023 workshops

2D/3D WebGIS platform using React, OpenLayers and Cesium
06-26, 14:00–18:00 (Europe/Tirane), UBT C / N111 - Second Floor

Use open-source libraries to quickly develop previews of your geospatial data (vector, raster, point cloud, etc.) and display it on the map. Go even further and render your 2D data in 3D using Cesium.js.


Being the most used front-end development library today, React.js is probably the best foundation when it comes to building WebGIS applications. Combining it with a very robust and dynamic map library such as OpenLayers makes it a perfect tool for the job. To bring your platform to an even higher level learn how to transform your spatial data from 2D to 3D preview using Cesium.js.

Participants will learn how to:
- Setup basic React application
- Integrate OpenLayers with React
- Integrate Cesium.js with React
- Add and control basemaps displayed in 2D and 3D
- Load and display vector data and point clouds on the map
- Transition from 2D to 3D view
- Implement measure tools both in 2D and 3D

Don’t worry if you’re not proficient with React or JavaScript, this workshop is aimed to cover all the basic steps to get you going.

See also: PDF version of readme.md - Used as a guide for this workshop (693.2 KB)

M.Eng in Geodesy and Geoinformatics, with over 5 years of experience in full-stack software development, GIS, remote sensing and data science. I'm currently working as full-stack SW developer. Due to my involvement in various LIST LABS projects (including ESA founded - Near-real Time Monitoring of Coastal Zone - A Change Detection by Machine Learning model), of which all include use of React and OpenLayers libraries, I gained sufficient knowledge to design and develop highly efficient algorithms and quality webapps.

Mirna is a master of engineering in geodesy and geoinformatics (specialized geoinformatics) who currently works as a Software developer in the Croatian company LIST LABS LLC. In addition to work, she recently completed an education program for Frontend development at Algebra University in Zagreb.