Basiskaarten maken met QTiles

Tegels hebben een revolutie veroorzaakt met betrekking tot het idee van het maken van kaarten voor het web en hebben ons snel en eenvoudig toegang gegeven tot grote sets met gegevens. Schema’s voor tegels verdelen de wereld in smalle tegels (gewoonlijk 256 x 256 pixels) voor elk zoomniveau en renderen vooraf gegevenssets naar deze tegels. Op deze manier wordt op een bepaald tijdstip slechts een klein gedeelte van een enorme gegevensset ter beschikking gesteld van de gebruiker - wat resulteert in een kaart waarop gemakkelijk kan worden gezoomd en geschoven over het internet. Eer bestaan veel methoden om tegels te maken uit gegevenssets van GIS datasets. Eén gemakkelijke manier om tegels te maken vanuit uw project van QGIS is een plug-in, genaamd QTiles. In deze handleiding zult u leren hoe PNG-tegels te maken vanuit een willekeurige set lagen die zijn geladen in QGIS en een basiskaart te maken die kan worden gebruikt in een project voor webkaarten.

Overzicht van de taak

We zullen tegels maken vanuit het raster van Natural Earth dat de gehele planeet bedekt.

De gegevens ophalen

We zullen de gegevensset Natural Earth 2 van Natural Earth gebruiken.

Download het mediumgrote zip-bestand Natural Earth II with Shaded Relief, Water, and Drainages .

Gegevensbron [NATURALEARTH]

Procedure

  1. Pak het gedownloade bestand NE2_LR_LC_SR_W.zip` uit op uw computer. Open QGIS en ga naar Kaartlagen ‣ Laag toevoegen ‣ Rasterlaag toevoegen. Blader naar de plaats waar de bestanden werden uitgepakt en selecteer NE2_LR_LC_SR_W.tif. Klik op OK.

../_images/1173.png

  1. Installeer de plug-in QTiles door te gaan naar Plug-ins ‣ Plug-ins beheren en installeren. Onthoud dat de plug-in momenteel is gemarkeerd als experimental, dus u dient Ook de experimentele plug-ins tonen in Plug-ins Extra te selecteren. (Bekijk Plug-ins gebruiken voor meer details over het installeren van plug-ins in QGIS). Ga, als de plug-in eenmaal is geïnstalleerd, naar Plug-ins ‣ QTiles ‣ QTiles.

../_images/2142.png

  1. Selecteer, in het dialoogvenster van QTiles, Directory voor de Output en blader naar een map van uw keuze waar de uitvoerbestanden zullen worden gemaakt. Kies Layer extent van de laag NE2_LR_LC_SR_W als het bereik van de tegels. Stel de Maximum Zoom in op 6. Vergroot het gedeelte Parameters en selecteer de Write Leaflet-based viewer. Klik op Run om het proces voor het renderen van de tegels te beginnen.

Notitie

Het aantal tegels neemt met de factor 4 toe voor elk aanvullend zoomniveau en omdat uw laag een bereik heeft voor de gehele wereld - zullen er miljoenen tegels zijn voor de hogere zoomniveaus.

../_images/384.png

  1. Als het proces eenmaal is voltooid, sluit het dialoogvenster QTiles en blader naar de map voor de uitvoer die u had geselecteerd. U zult zien dat er mappen zijn voor elk zoomniveau tot het maximale niveau. Elke verdere map bevat submap voor X-coördinaten en dan de feitelijke tegels benoemd voor Y-coördinaten.

../_images/450.png

  1. In de bovenste map van de hoogste niveau van de map voor de tegels, zult u een bestand QTiles.html vinden. Dit is een eenvoudige viewer om de tegels te kunnen verkennen met behulp van de bibliotheek Leaflet web mapping.

../_images/544.png

  1. Dubbelklik op het bestand QTiles.html om het te openen in een webbrowser. U kunt inzoomen en verschuiven om de tegels naadloos te zien vanuit de originele rasterlaag.

../_images/642.png

  1. U kunt deze tegels gebruiken met elke willekeurige bibliotheek voor kaarten op het web die schema’s voor tegels met XYZ ondersteunt en andere lagen er overheen leggen. We zullen, om het nut en de portabiliteit van dergelijke tegels te demonstreren, de in deze handleiding gemaakte tegels toevoegen als de basiskaart voor de kaart met vliegvelden die in de handleiding In kaart brengen op het web met QGIS2Web werd gemaakt. In die handleiding kozen we ervoor om een reeds gemaakte basiskaart uit OpenStreetMap te gebruiken. We kunnen die eenvoudig omruilen met onze eigen basiskaart die we in deze handleiding hebben gemaakt. Ga naar de map voor de uitvoer van waaruit de kaart van qgis2web werd geëxporteerd. Open het bestand Kaartlagen ‣ layers.js dat tijdens het exporteren werd gemaakt.

../_images/742.png

  1. Zoek naar het codeblok waar de basislaag OSM B & W is gedefinieerd.

../_images/841.png

  1. Vervang de definitie van de basislaag door onze eigen tegels. Op dit punt bestaan de tegels alleen nog op uw computer, dus zal de URL de lokale map zijn. Maar u kunt de tegels ook uploaden naar een server en de URL van de server opgeven. Wijzig de titel en de bron met de toepasselijke waarden voor Natural Earth. Sla het bestand op.

new ol.layer.Tile({
 'title': 'Natural Earth 2',
 'type': 'base',
 source: new ol.source.XYZ({
     url: 'C://Users/Ujaval/Desktop/QTiles/{z}/{x}/{y}.png',
     attributions: [new ol.Attribution({html: 'Made with Natural Earth. Free vector and raster map data @ naturalearthdata.com.'})]
 })
})
../_images/942.png

  1. Open de webkaart in een browser en u zult zien dat de laag B & W OSM is vervangen door uw nieuw gemaakte tegels.

../_images/1049.png

If you want to give feedback or share your experience with this tutorial, please comment below. (requires GitHub account)