Publicera detaljplaner på en webbkarta med hjälp av QGIS

Just nu håller jag på att titta på hur man kan använda QGIS till att publicera detaljplaner på en webbkarta. Ambitionen så här långt har inte varit att hitta lämpligast sätt, eller djupdyka i vad och hur man publicerar detaljplaner på bästa sätt, utan jag har fokuserat på snabbt, enkel och gratis.

I detta skede har jag valt att ta fram en webbkarta, inspirerad av Helsingborgs webbkarta med detaljplaner. Webbkartan visar området för detaljplaner, samt har detaljplanerna fått olika färg beroende på om det är en detaljplan som håller på att utarbetas ("Pågående detaljplaner", blå), eller om det är en gällande detaljplaner ("Gällande detaljplaner", brun).

På webbkartan kan man sedan klicka på detaljplaneområdet, och en pop-up med information om detaljplanens namn, samt länk till plankarta och planbeskrivning visar sig. Denna pop-up kan givetvis fyllas med ytterligare information.

Kartan kan du för tillfället prova på här: Webbkarta med detaljplaner. Observera att detaljplaneområdena på kartan enbart är exempel, och att länkarna enbart leder till testdokument med texten "DP1 Plankarta".

Exempel på hur man kan publicera detaljplaner på en webbkarta med hjälp av QGIS.

Program och underlag som använts för att ta fram webbkartan med detaljplaner

Sedan tidigare jobbar jag med GIS-programvaran QGIS som är ett gratisprogram baserat på öppen källkod (ett så kallat FOSS-program - Free and open source software).
GIS står för geografiska informationssystem –kort sagt ett avancerat kartprogram med möjligheten att skapa allt från enkla kartor till att göra avancerade geografiska analyser.

Programmet kan utökas med olika funktioner med hjälp av insticksprogram (även insticksprogrammen är gratis).

Följande program använde jag alltså för att ta fram en enkel webbkarta:

• QGIS, tillsammans med insticksprogrammet
• qgis2web

Med hjälp av insticksprogrammet qgis2web skapar man snabbt kartor som kan publiceras på nätet. qgis2web skapar helt enkelt samtliga filer som behövs för att kunna publicera en webbkarta. Filerna som skapas laddar du upp på din webbplats.

Underlaget man behöver för att skapa en webbkarta med detaljplaner är:

• Ett lager med gränserna för detaljplaner (t ex ett shape-lager med samtliga detaljplaner i en kommun)

Snabbguide till webbkarta med detaljplaner

Här kommer den minst genomarbetade guiden jag någonsin skrivit tror jag. För att följa guiden krävs det att du redan har en del kunskap om hur QGIS fungerar. Jag återkommer med en ordentlig "steg för steg"-guide med exempeldata i framtiden.

1. Lägg till lagret med detaljplaner i QGIS
2. Symbolisera/Färglägg lagren med olika färger beroende på om arbetet med detaljplanen pågår eller om det är gällande detaljplaner (man kan även tänkas ge olika färger beroende på i vilket skede de är). Observera att varje färg tycks behöva ligga i ett eget lager för att qgis2web ska kunna skapa en karta med de olika färgerna.
3. Skapa kolumner i attributtabellen med information om vilken webbadress det är till plankarta och planbeskrivning.
4. Skapa en kolumn i attributtabellen som sammanställer informationen från de olika kolumner i ett html-uttryck.
   Själv hade jag en kolumn för webbadressen för plankarta (www_plank), och en kolumn för webbadressen till planbeskrivningen (www_planb). Sedan slog jag ihop informationen i en ny kolumn (html_exp) med uttrycket:
   concat('<h3>', "Namn",', ',"Akt_nr", '</h3><table>', '<tr><td>Plankarta: <b><a href=',"www_plank",' >', "Namn",', ',"Akt_nr",'</a></b></td></tr><tr><td>Planbeskrivning: <b><a href=',"www_planb",' >', "Namn",', ',"Akt_nr",'</a></b></td></tr></table>')
   baserat på testtabellen:
   

   Exempeltabell.

5. Öppna qgis2web. 
6. Välj att visa kolumnen med HTML-uttrycket (FIELD: html_exp) i en pop-up. Och testa dig fram för att få till en fungerande karta. När jag testade verkade jag tvungen att använda Leaflet för att kunna visa transparenta färger på webbkartan.
   

   Exempel på inställningar i qgis2web.

7. Exportera kartan för skapa de filer spom krävs för en webbkarta
8. Ladda upp filer på din webbplats