Maplibre is a open source JavaScript library that uses WebGL to render interactive maps from vector tiles and Mapbox conform styles.
This workshop will help you set up a simple webpage and create a Maplibre map based on vector tiles from Maptiler.
Maplibre is a open source JavaScript library that uses WebGL to render interactive maps from vector tiles and Mapbox conform styles.
This workshop will help you and add our own data to the map and accordingly learn the styling of vector tiles.
In this workshop you learn how to create your own datasets and modify them.
This workshop is made with Qgis version: 3.26.3-Buenos Aires
In this workshop you will install and set up Qgis. We will change some settings and start a project. Then we are ready to add data and explore.
This workshop is made with Qgis version: 3.26.3-Buenos Aires
In this workshop you learn how to create your own datasets and modify them.
This workshop is made with Qgis version: 3.26.3-Buenos Aires
Vector tile technologie is een nieuw alternatief op de traditionele raster image tiles voor web maps. Zij maken web maps sneller te publiceren en flexibeler vorm te geven.
Voor beginners ligt de focus op de front-end ontwikkeling. We maken een kaart met Maptiler . Daarna zetten we zelf een eenvoudige web-pagina met een kaart-viewer op te zetten met MapLibre.js. We gebruiken de Mapbox Style Specification om een eigen cartografische vormgeving te specificeren in de vorm van een style.json bestand. De vector tiles komen van Maptiler. Enige voorkennis van HTML, CSS en JavaScript is hierbij handig.
Leaflet is an open-source JavaScript library for interactive web maps. It’s lightweight, simple, and flexible, and is probably one of the most most popular open-source mapping library at the moment.
In Part one we will set up the basics to show a standard background map with Leaflet.
In Part two we will add markers, circles and polygons to our map.
In Part three we will change the projection to RDNew(EPSG:28992) and add a WMS service from the CBS.
In Part four we will set up a local server and add a GeoJSON file containing geo-spatial data to our map.