Web-map development

Used software

• Leaflet - an open-source JavaScript library for mobile-friendly interactive maps. Licensed under BSD 2-Clause. Copyright (c) 2010-2018, Vladimir Agafonkin
• Leaflet.markercluster a JavaScript plugin for Leaflet to display multiple objects as clusters. Licensed under MIT-LICENSE. Copyright (c) 2012 David Leaver
• leaflet-measure - a JavaScript plugin for leaflet to make measurements on the map. Licensed under MIT-LICENSE. Copyright (c) 2017 LJA Engineering, Inc - GIS
• leaflet-sidebar - a JavaScript plugin for leaflet that provides a responsive sidebar. Licensed under MIT-LICENSE. Copyright (c) 2013 Tobias Bieniek
• Leaflet.VectorGrid - a JavaScript plugin that enables the use of vector tiles in leaflet. Licensed under THE BEER-WARE LICENSE. Copyrightholder: ivan@sanchezortega.es
• noUiSlider - a lightweight JavaScript range slider. Licensed under MIT-LICENSE. Copyright (c) Léon Gersen
• tippecanoe - to build vector tilesets from large collections of GeoJSON features. Licensed under BSD 2-Clause. Copyright (c) 2014, Mapbox Inc.

Description

The provided webmap is based on leaflet. Three different basemaps are displayed as external resources. All overlayed information is hosted locally. The solar irradiation layer was created in QGIS using the QTiles plugin. Settlements were converted from GeoJSON to vector tiles using tippecanoe. All vector tiles are hosted using tileserver-gl. Vector styles and filters are implemented directly in JavaScript. The download link, in the selection detail view, uses the overpass-api to download OpenStreetMap buildings directly from the OSM-database. All buildings within the bounding box of the selected settlement are downloaded in OpenStreetMap's xml format.