Åtgärder

Qgis - Karta över Eriksgata: Skillnad mellan sidversioner

Från Skolbok

mIngen redigeringssammanfattning
mIngen redigeringssammanfattning
Rad 14: Rad 14:
:En karta ur en historiebok för år 6: holma08.weebly.com/uploads/5/8/8/3/58837977/70215253-2912533125429501-6113028923786788864-n_orig.jpg  
:En karta ur en historiebok för år 6: holma08.weebly.com/uploads/5/8/8/3/58837977/70215253-2912533125429501-6113028923786788864-n_orig.jpg  


Vi måste också ha olika symboler på kartan. De hämtar vi från freepic.com
 
'''Symboler'''
 
Vi måste också ha olika symboler som passa historiska kartor på kartan. De hämtar vi från freepic.com
:By cdn-icons-png.freepik.com/512/9026/9026204.png
:By cdn-icons-png.freepik.com/512/9026/9026204.png
:Stad cdn-icons-png.freepik.com/512/1825/1825275.png
:Stad cdn-icons-png.freepik.com/512/1825/1825275.png
Rad 22: Rad 25:
:Ett snyggt segelskepp ute på Östersjön: img.freepik.com/premium-vector/old-vintage-sailing-boat-caravel-hand-drawn-vector-sketch_532372-22.jpg?w=360
:Ett snyggt segelskepp ute på Östersjön: img.freepik.com/premium-vector/old-vintage-sailing-boat-caravel-hand-drawn-vector-sketch_532372-22.jpg?w=360


Samtliga bilder konverteras till svg-filer i ''Inkscape'' innan de läggs in på kartan.
Samtliga bilder konverteras till svg-filer i ''Inkscape'' innan de läggs in på kartan (''se nedan'').




Rad 30: Rad 33:
:Skapa en ny karta i Google MyMaps och döp första lagret till punkter. Lägg sedan ut de platser som besöks under eriksgatan enligt tidningsartikeln
:Skapa en ny karta i Google MyMaps och döp första lagret till punkter. Lägg sedan ut de platser som besöks under eriksgatan enligt tidningsartikeln
:Skapa ett nytt lager, gör det aktivt, och dra streck mellan punkterna
:Skapa ett nytt lager, gör det aktivt, och dra streck mellan punkterna
:Spara kartan och exportera den som en .kmz fil.
:Spara kartan och exportera den som en .kmz-fil.




Rad 49: Rad 52:
===Ytterligare punkter enligt medeltida kartor===
===Ytterligare punkter enligt medeltida kartor===


Skapa ett tredje lager i MyMaps, kalla det platser och lägg till följande platser:
Det får inte vara för enkelt för eleverna att hitta stoppen under eriksgatan. Skapa ett tredje lager i MyMaps, kalla det platser och lägg till följande extra platser:
:Stockholm
:Stockholm
:Åbo
:Åbo
Rad 92: Rad 95:




==Lägg in svg-filer som objekt på kartan==
==Gör om png-bilderna till svg-filer som kan användas som objekt på kartan==
 
Bäst är naturligtvis om du hittar bilder som är svg-filer från början, så slipper du all konvertering. Alternativ två ör att skapa filerna direkt i Inkscpe- Spara ALLTID svg-filer som "simple svg" i Inkscape och inte Inkscapes variant av svg-filer..


Om bilden har flera färger så gör om bilden till svart-vit png i Gimp med den vita bakgrunden genomskinlig. Har den bara två färger, oavsett vilka, kan du behålla den som den är.
===Konvertera png-fil===
Om bilden har flera färger så gör vi om bilden till svart-vit png i Gimp med den vita bakgrunden genomskinlig. Har den bara två färger, oavsett vilka, kan vi behålla den som den är.
:Öppna Gimp och importera bilden.
:Öppna Gimp och importera bilden.
:BILD - LÄGE - INDEXERAD - "Använd svart/vit" (1 bit) palett
:BILD - LÄGE - INDEXERAD - "Använd svart/vit" (1 bit) palett


Gör en färg genomskinlig i Gimp:
Gör sedan en färg genomskinlig i Gimp:
:LAGER - TRANSPARENS - Färg till Alfa...
:LAGER - TRANSPARENS - Färg till Alfa...
Oftast är vitt förhandsvalet men det finns en pipett du kan använda för att välja en annan färg.
Oftast är vitt förhandsvalet men det finns en pipett vi kan använda för att välja en annan färg.
Exportera sedan som .png i Gimp. Starta Inkscape. Importera din .png-fil i Inkscape och exportera den däreifrån som simple .svg så har du en svg-fil där endast en färg syns. Den kan du lägga in i Qgis senare.
Exportera sedan som .png i Gimp. Starta Inkscape. Importera .png-fil en i Inkscape och exportera den därifrån som simple .svg så har vi en svg-fil där endast en färg syns. Den kan vi lägga in i Qgis senare.
 


Alternativ 2 år att använda Inkscäpe som kakform. Det gör vi om det finns många färger i svg-filen som vi vill behålla. Till exempel m det är en logotyp.


Alternativ 2, att använda Inkscäpe som kakform. Konvertera png-filerna med Inkscape: https://imageretouchinglab.com/inkscape-convert-png-to-svg/ Här finns en enkel film som visar samma sak: https://www.youtube.com/watch?v=1BOv6-MG_E0
Konvertera png-filerna med Inkscape på följande vis: https://imageretouchinglab.com/inkscape-convert-png-to-svg/ Här finns en enkel film som visar samma sak: https://www.youtube.com/watch?v=1BOv6-MG_E0


:NEW DOCUMENT
:NEW DOCUMENT
Rad 115: Rad 123:
:Avmarkera allt och sedan markera allt som är kvar
:Avmarkera allt och sedan markera allt som är kvar
:OBJECT - SET CLIP  /  OBJEKT - BESKÄR- SET CLIP
:OBJECT - SET CLIP  /  OBJEKT - BESKÄR- SET CLIP
Nu ska du ha fått en form där du kan markera bakgrundsbitar med fel färg och radera dem, samt ge annan färg till objektet om du vill.
Nu ska bakgrunden vara osynlig.





Versionen från 9 mars 2025 kl. 09.06

Det finns många olika kartor över eriksgatans upplägga ute på nätet, men hur gör du om du vill skapa en helt egen kartuppgift där eleverna ska rita in eriksgatan på en egen karta? Hur kan du göra då?


Förberedelse - kartor och symboler

Först måste vi hitta litet historisk bakgrund till kartan. Den kan vi söka upp på Internet. En bra beskrivning finns i Populär historia: https://popularhistoria.se/sveriges-historia/medeltiden/hyllningsresa-genom-riket och där finns även en snygg karta i början av artikeln, ungefär som den elever troligen uppskattar att jobba med. Enkel i sitt upplägg utan alltför många extradetaljer.

Baskartan

Först måste vi ha en baskarta, den tar vi från "Natural Earth II" så att vi vet att kartan är tömd på städer. https://www.naturalearthdata.com/downloads/ Vi ska bara ha rasterkartan i TIFF-format till det här projektet. Klicka på "Large scale data, 1:10m" och "Raster". På den nya sidan Klickar vi på "Natural Earth II" för att komma till nästa sida och slutligen "Natural Earth II with Shaded Relief, Water, and Drainages", nästan längst ner. Ta största storleken denna gång. Skapa en mapp i projektet och Zippa upp zipfilerna i den så att vi lätt hittar kartorna.

Men vi måste också ha en karta över vilka städer som fanns runtomkring eriksgatan på 1300-talet. Annars lägger vi ju enbart ut de platser som ingår i eriksgatan och då blir det för enkelt. Eller så lägger vi ut städer som inte fanns på den tiden. Då lär sig eleverna fel, och det är minst lika illa. Förutom de orter som omnämns i Populär historia finns:

En karta över städer i Sverige på 1300-talet finns här: commons.wikimedia.org/wiki/File:Cities_in_Sweden_1300.png
En karta ur en historiebok för år 6: holma08.weebly.com/uploads/5/8/8/3/58837977/70215253-2912533125429501-6113028923786788864-n_orig.jpg


Symboler

Vi måste också ha olika symboler som passa historiska kartor på kartan. De hämtar vi från freepic.com

By cdn-icons-png.freepik.com/512/9026/9026204.png
Stad cdn-icons-png.freepik.com/512/1825/1825275.png
Domkyrka img.freepik.com/premium-vector/village-church-icon-outline-village-church-vector-icon-web-design-isolated-white-background_96318-40151.jpg
Startpunkt (för att göra det lätt) vid Mora stenar - en kungakrona: img.freepik.com/premium-vector/crown-that-is-black-has-white-background_1076610-48615.jpg
Kompassros (att klistra in i kartan istället för Qgis tråkiga): img.freepik.com/premium-photo/black-white-handdrawn-illustration-nautical-compass-rose_1320664-33652.jpg
Ett snyggt segelskepp ute på Östersjön: img.freepik.com/premium-vector/old-vintage-sailing-boat-caravel-hand-drawn-vector-sketch_532372-22.jpg?w=360

Samtliga bilder konverteras till svg-filer i Inkscape innan de läggs in på kartan (se nedan).


Lägg ut punkterna under Eriksgatan i MyMaps, om du inte använder OSM

Det är mycket lättare att jobba i Google MyMaps eller Earth när det gäller att hitta och lägga ut punkter. Alternativet är att du själv försöker pricka i var de finns, och det går inte alltid så bra.

Skapa en ny karta i Google MyMaps och döp första lagret till punkter. Lägg sedan ut de platser som besöks under eriksgatan enligt tidningsartikeln
Skapa ett nytt lager, gör det aktivt, och dra streck mellan punkterna
Spara kartan och exportera den som en .kmz-fil.


Punkter, enligt artikel

(Mora stenar) Från Uppsala följde upplänningarna kungen till Strängnäs. Strängnäs hade varit ett biskopssäte sedan 1100-talet
(Troligen ner till Enköping för färd över Mälaren)
Strängnäs mot Svintuna, dagens Krokek vid Bråviken, där östgötarna
Östgötarna ledsagade sedan kungen till Holaveden (troligen vid dagens Rumlaborg) nära Jönköping
Sedan till Junabäcken, inne i nuvarande Jönköping
Sedan troligen via Falköping
Därefter över Skara och domkyrkan
Slutligen upp mot Ramundeboda i Närke. Där det senare byggdes ett kloster
Vidare till Oppboga bro, ett vadställe vid Arbogaån
Sista punkten var Östens bro vid Sagån
Sedan tillbaka till Uppsala igen


Ytterligare punkter enligt medeltida kartor

Det får inte vara för enkelt för eleverna att hitta stoppen under eriksgatan. Skapa ett tredje lager i MyMaps, kalla det platser och lägg till följande extra platser:

Stockholm
Åbo
Sigtuna
Nyköping
Söderköping
Linköping
Västervik
Visby
Skänninge
Vadstena

Byt färg på dem så att de är lätta att se. Kartan kan se ut som denna: https://www.google.com/maps/d/edit?mid=1PVkYSkFtcggd3iAVgWxzGNEV327OXmQ&usp=sharing

Ladda slutligen ner kartan som en KMZ-fil, som du kan importera till Qgis.


Skapa kartan i Qgis

Skapa en ny projektmapp som du kallar eriksgatan, starta Qgis med ett nytt projekt och spara direkt projektet i din nya mapp.

Exempel på hur man lägger in kartor från Natural Earth i Qgis: i början av det här Youtubeklippet beskrivs det ganska bra hur vi ska göra: https://www.youtube.com/watch?v=M0NZ4acHdg4 eller https://www.youtube.com/watch?v=8sTBJ_jUsdQ men inget av dem passar just oss riktigt bra.

Klicka på LAGER på menyn i överkanten, välj rasterlager och sedan tiff-filen i din uppackade baskarta. Se film: https://www.youtube.com/watch?v=4t9xP_tsfZA nu ska du ha en världskarta i Qgis.

Natural Earth har som standard WGS 84 som projektion, men Sverige blir förvrängt.

Klicka på EPSG nere i högra hörnet. I Menyn som kommer upp väljer vi EPSG25832 eller EPSG3045 istället så att Sverige inte ser så förvrängt ut. Se filmexempel på hur du byter referenssystem https://www.youtube.com/watch?v=OmPH1es1w1k Rotera kartan 10 grader medsols så blir det snyggare för oss.


Ändra utseende

Gå in i LAGER - EGENSKAPER - SYMBOLOGI och ändra ljusstyrka till -75. gamma till 0.97 och färgmättnad 40, för en karta med litet mer stuns i. Här går det mesta av utseendet att förändra.


Importera KMZ-filen från MyMaps.

Lägg till ett plugin som heter KML-tools så får du två nya knappar på verktygsraden. En för import och en för export av KML filer. När vi klickar på knappen för import och väljer eriksgatan.kmz så får vi in den som ett eget lager i Qgis. Så blir det lättare för oss att lägga in rätt väg. Här finns ett verktygsexempel för KML-tools: https://github.com/NationalSecurityAgency/qgis-kmltools-plugin/blob/master/readme.md

Om vi inte använder KML-tools finns en annan beskrivning här: http://www.gair.cga.harvard.edu/qgis/import/kml/

Vill du ha ännu mer precision kan du lägga in ett lager med Open Street Maps där alla moderna städer i Sverige är med.


Gör om png-bilderna till svg-filer som kan användas som objekt på kartan

Bäst är naturligtvis om du hittar bilder som är svg-filer från början, så slipper du all konvertering. Alternativ två ör att skapa filerna direkt i Inkscpe- Spara ALLTID svg-filer som "simple svg" i Inkscape och inte Inkscapes variant av svg-filer..

Konvertera png-fil

Om bilden har flera färger så gör vi om bilden till svart-vit png i Gimp med den vita bakgrunden genomskinlig. Har den bara två färger, oavsett vilka, kan vi behålla den som den är.

Öppna Gimp och importera bilden.
BILD - LÄGE - INDEXERAD - "Använd svart/vit" (1 bit) palett

Gör sedan en färg genomskinlig i Gimp:

LAGER - TRANSPARENS - Färg till Alfa...

Oftast är vitt förhandsvalet men det finns en pipett vi kan använda för att välja en annan färg. Exportera sedan som .png i Gimp. Starta Inkscape. Importera .png-fil en i Inkscape och exportera den därifrån som simple .svg så har vi en svg-fil där endast en färg syns. Den kan vi lägga in i Qgis senare.


Alternativ 2 år att använda Inkscäpe som kakform. Det gör vi om det finns många färger i svg-filen som vi vill behålla. Till exempel m det är en logotyp.

Konvertera png-filerna med Inkscape på följande vis: https://imageretouchinglab.com/inkscape-convert-png-to-svg/ Här finns en enkel film som visar samma sak: https://www.youtube.com/watch?v=1BOv6-MG_E0

NEW DOCUMENT
IMPORT PNG eventuellt förstorar vi den nu
PATH - TRACE /SLINGA - KALKERA BITMAPSBILD och APPLY
Den vita bakgrunden är kvar, det är normalt
PATH - BREAK APART / SLINGA - DELA UPP
Bilden försvann, bara konturerna syns
PATH - UNION / SLINGA - UNION
Avmarkera allt och sedan markera allt som är kvar
OBJECT - SET CLIP / OBJEKT - BESKÄR- SET CLIP

Nu ska bakgrunden vara osynlig.


Använd en egen svg-fil i Qgis

Det är ingen självklarhet att lägga in egna svg-filer i Qgis. Här finns en bra beskrivning hur du gör: https://geo.rocks/post/qgis-custom-svg-markers/ eller https://merginmaps.com/blog/support-tip-add-svg-symbols-to-your-qgis-project


Etiketter och typsnitt

Roman Antique (ttf) är fri att använda hur man vill och finns både som vanlig och som kursiv: https://www.1001fonts.com/roman-antique-font.html och jag tror den passar bra på den här kartan.

<img src="roman-antique.italic.webp" width=15%>

Det är alltid en balansgång mellan att välja konstnärliga typsnitt och att använda typsnitt med text som alla elever kan läsa.