![\"Skärmdump](\"/images/svd-artikel.webp\")
![\"SL](\"/images/screensaver-hero.jpg\")
\nSedan lanseringen har flera personer frågat om man kan ha kartan igång på en skärm utan att behöva hålla en webbläsare öppen. Nu finns SL Live Map som skärmsläckare — för både macOS och Windows.
\nSkärmsläckaren öppnar kartan i helskärm utan verktygsfält, menyrad eller muspekare. Du ser bara kartan med alla Stockholms fordon som rör sig i realtid. Inget att konfigurera — den laddar ner, installerar och aktiverar sig själv.
\nMac-versionen är ett installationspaket (.pkg) som lägger sig direkt i Systeminställningar. Windows-versionen är en liten installer (.exe, 587 KB) som sätter upp allt med ett dubbelklick. Om din dator saknar WebView2 — vilket de flesta har sedan 2021 — erbjuder den att ladda ner det automatiskt.
\nJag ville ha kartan på en skärm i köket. En webbläsare i helskärm funkar, men den kräver att man håller den öppen manuellt. En skärmsläckare startar av sig själv efter några minuters inaktivitet och försvinner när man rör musen. Det kändes rätt.
\nSkärmsläckaren uppdateras automatiskt — den laddar alltid den senaste versionen av kartan från nätet. Om servern uppdateras laddar den om sig själv, utan att du behöver göra något.
\nGå till skärmsläckarsidan och välj din plattform. Har du frågor eller problem med installationen? Hör gärna av dig via formuläret nedan.
" }, { "slug": "batteri-fix-for-appen", "title": "🪫→🔋 Appen dränerar inte batteriet längre", "date": "2026-03-13", "summary": "En användare upptäckte att kartan fortsatte hämta data i bakgrunden efter att ha installerat den som app på iPhone. Tusentals onödiga anrop per dag — nu noll.", "body": "Göran hörde av sig efter att ha installerat kartan som app på sin iPhone. Batteriet gick från fullt till halvt på en förmiddag. Han hade helt rätt — kartan fortsatte att hämta fordonspositioner varannan sekund, även när appen låg i bakgrunden eller telefonen var låst.
\nDet innebar ungefär 43 000 anrop per dag som ingen hade nytta av. Varje anrop väcker telefonens nätverksradio, som sedan håller sig vaken i väntan på nästa — ett klassiskt mönster för batteridränering på mobiler.
\nKartan byggdes som en vanlig webbsida som man besöker i webbläsaren. När man stänger fliken eller navigerar bort försvinner sidan och all kod slutar köra — ingen batteripåverkan.
\nMen när kartan installeras som PWA (app på hemskärmen) beter den sig annorlunda. iOS kan hålla appen vid liv i bakgrunden, och de tre datahämtningslooparna — fordonspositioner var 2:a sekund, besökarantal var 30:e sekund, versionskontroll var 60:e sekund — fortsatte snurra i tomma intet.
\nKartan lyssnar nu på webbläsarens Page Visibility API. Så fort appen inte syns på skärmen stoppas all datahämtning. När du öppnar appen igen startar allt omedelbart — du märker ingen skillnad, förutom att batteriet håller.
\nJag mätte med Puppeteer före och efter, med 30 sekunder synlig → 60 sekunder gömd → 30 sekunder synlig igen:
\n| Före 🪫 | Efter 🔋 | |
|---|---|---|
| Anrop (60 s gömd) | 33 | 0 |
| Data (60 s gömd) | 1,2 MB | 0 B |
| Polling när synlig | 16 req/30 s | 16 req/30 s |
Screensaver-läget (?screensaver) är undantaget — det är tänkt att köras kontinuerligt på en dedikerad skärm och pausar aldrig.
Tack Göran för rapporten! Har du installerat kartan som app och märkt av batteriproblem bör det vara löst nu — appen uppdateras automatiskt nästa gång du öppnar den.
" }, { "slug": "dar-ar-bat-80", "title": "Där är båt 80", "date": "2026-03-13", "image": "images/batar-linje80.webp", "summary": "Flera besökare har hört av sig och undrat varför pendelbåt linje 80 inte syns på kartan. Det visade sig att en föråldrad databas gjorde sex av sju båtar osynliga — nu är de tillbaka.", "body": "![\"Karta](\"/images/batar-linje80.webp\")
\nLinje 80 är SL:s pendelbåt mellan Nybroplan och Ropsten, via Nacka strand, Kvarnholmen och Blockhusudden. Vissa turer fortsätter till Storholmen i Lidingö. Det är en av Stockholms mest trafikerade båtlinjer — och den saknades nästan helt på kartan.
\nFlera besökare har hört av sig och undrat varför just den linjen inte syns. Jag grävde i datan och hittade orsaken.
\nAlla fordonspositioner kommer från Trafiklabs GTFS-RT-flöde, som uppdateras varannan sekund. Varje fordon identifieras med ett tur-ID — ett unikt nummer för just den specifika turen (till exempel \"avgång 08:15 från Nybroplan mot Ropsten\").
\nMen tur-ID:t i sig säger ingenting om vilken linje fordonet tillhör. För att veta att det är \"båt 80 mot Ropsten\" behöver vi slå upp tur-ID:t i en separat databas — trip_lookup.json — som kopplar varje tur till linje, trafikslag och destination. Fordon som inte hittas i databasen visas inte på kartan, eftersom vi inte vet vilken linje de tillhör.
\nDatabasen byggdes den 17 februari, baserat på SL:s statiska GTFS-data. Sedan dess har SL uppdaterat sina underliggande data med nya tur-ID:n. Det innebar att de gamla ID:na för linje 80:s innerstadsturer (Nybroplan–Ropsten via Nacka) inte längre matchade.
\nEn av sju båtar — den som kör förlängningen till Storholmen — hade ett äldre tur-ID som fortfarande fanns kvar. Den syntes. De sex andra, som trafikerar den mest besökta sträckan, försvann.
\nTotalt var 32 fordon osynliga på grund av samma problem. Förutom linje 80 saknades bland annat:
\nEfter uppdateringen gick matchningen från 97,2 % till 100 % — alla fordon som rapporterar position syns nu på kartan.
\nFör att förhindra att detta händer igen planerar jag att automatisera uppdateringen av trip_lookup.json, så att den hålls i synk med SL:s statiska data utan manuellt arbete.
\nTack till alla som hört av sig om detta — det hjälper verkligen. Ser du något annat som saknas eller ser konstigt ut? Hör gärna av dig via formuläret nedan.
" }, { "slug": "38-procent-mindre-data", "title": "38 % mindre data med delta-uppdateringar", "date": "2026-03-06", "image": "images/delta-bandwidth.svg", "summary": "Ett mejl fick mig att ifrågasätta hur mycket data kartan egentligen skickar. Svaret: alldeles för mycket. Nu skickar servern bara det som ändrats sedan förra uppdateringen — och sparar över en megabyte per minut för varje besökare under rusningstid.", "body": "![\"Stapeldiagram](\"/images/delta-bandwidth.svg\")
\nI förra veckan fick jag ett mejl från Teodor:
\n\"Blev lite intresserad av valet av överföring av datan till klienten. Det ser ut som klienten hämtar en komplett lägesbild av alla fordon från servern varje sekund. En väldig massa data som skickas. Nu kanske det är så att mycket av datan faktiskt ändras varje sekund?\"\n
Bra fråga. Jag visste att kartan pollade varje sekund, men hade aldrig mätt exakt hur mycket data det innebar. Dags att ta reda på det.
\nJag skrev ett mätscript med Puppeteer som öppnar kartan och loggar all nätverkstrafik under en minut. Först mätte jag klockan tre på natten — 65 fordon ute, ~180 KB per minut. Inte så farligt.
\nMen 80 % av kartans besökare sitter på mobilen, och de flesta tittar under dagen — morgonrusningen sammanfaller med flest besökare. Så jag mätte igen klockan åtta, med ~1 500 fordon i trafik:
\n| Tid | Fordon | Per poll (gzip) | Per minut |
|---|---|---|---|
| 03:00 (natt) | 65 | 3 KB | 180 KB |
| 08:00 (rusning) | 1 500+ | 61 KB | 3,7 MB |
Nu ska det sägas att servern redan komprimerar all data med gzip innan den skickas. Den råa JSON-datan för 1 500 fordon är ungefär 500 KB, men gzip pressar ner den till ~60 KB. Det är alltså den komprimerade storleken som skickas — men med en poll varje sekund blir det ändå 3,7 MB per minut. Teodor hade rätt: det var en väldig massa data, även med komprimering.
\nAlla fordonspositioner kommer från Trafiklabs GTFS-RT-flöde, som SL:s operatörer matar med GPS-data. Varje fordon har 13 fält: id, position (lat/lon), bearing, speed, linje, headsign, transportmedel, med mera. Men de flesta fälten — linje, headsign, transportmedel, route_id — ändras aldrig under en tur. Det enda som rör sig är positionen och tidsstämpeln.
\nJag jämförde två på varandra följande snapshots under rusningstid:
\n| Fält | Andel som ändrades |
|---|---|
| timestamp | 79 % |
| lon | 62 % |
| lat | 58 % |
| speed | 45 % |
| bearing | 43 % |
| line, headsign, transport_mode, ... | 0 % |
Hälften av alla fält skickas om i onödan varje sekund utan att ha ändrats.
\nKonceptet är inspirerat av hur multiplayer-spel och appar som Flightradar24 hanterar realtidsdata — istället för att skicka hela världen varje frame, skickar man bara deltan.
\nServern håller nu koll på de senaste ögonblicksbilderna. Klienten skickar med tidsstämpeln från sin senaste uppdatering, och servern svarar bara med:
\nFörsta anropet ger fortfarande en komplett bild. Allt efter det är en liten diff. Mönstret liknar hur operational transformation fungerar i Google Docs — fast enklare, eftersom det bara finns en skrivare (servern).
\nJag körde Puppeteer-mätningen i två minuter och jämförde gamla och nya versionen sida vid sida, mot samma realtidsdata under morgonrusningen:
\n| Före | Efter | |
|---|---|---|
| Data per minut | 3 370 KB | 2 097 KB |
| Antal fordon (snitt) | 1 429 | 1 429 |
| Skillnad i fordon | 0 |
38 % mindre data, exakt samma karta. Det är ~1,3 MB per minut som varje mobilanvändare slipper ladda ner. Under en kvarts pendling sparar det ~20 MB — märkbart om man sitter på en begränsad mobildataplan.
\nOm klienten inte skickar med en tidsstämpel, eller om servern inte har kvar den begärda ögonblicksbilden, faller systemet tillbaka till ett fullständigt svar — en teknik som ibland kallas graceful degradation. Samma sak händer om något går fel — klienten nollställer sin lokala data och börjar om från en komplett bild. Ingen besökare märker skillnad, förutom att det går snabbare.
\nTack till Teodor för mejlet som satte igång det hela! Har du fler funderingar kring hur kartan funkar, eller idéer på förbättringar? Hör gärna av dig via formuläret nedan.
" }, { "slug": "varfor-hoppar-sparvagnarna", "title": "Varför hoppar spårvagnarna?", "date": "2026-02-28", "summary": "En besökare undrade varför spårvagnarna rör sig ryckigare än bussarna. Jag kollade på rådata från Trafiklab — och hittade stora skillnader i hur ofta olika linjer faktiskt uppdateras.", "body": "En besökare hörde av sig och undrade varför spårvagnarna på kartan verkar röra sig ryckigare än bussarna, som i jämförelse ser ut att glida på. Det är en bra observation — och svaret visar sig ligga i källdatan, inte i kartan.
Kartan hämtar fordonspositioner från Trafiklabs GTFS-RT-flöde ungefär varannan sekund. Varje fordon har ett timestamp-fält som anger när GPS-positionen senast uppdaterades hos källsystemet. Jag hämtade flödet vid två tillfällen med 30 sekunders mellanrum och jämförde: hur gamla är tidsstämplarna, och hur stor andel av fordonen fick ett nytt värde?
| Linje | Namn | Uppdaterade (30 s) | Snittålder | Värst |
|---|---|---|---|---|
| 7 | Spårväg City | 80 % | 46 s | 219 s |
| 21 | Lidingöbanan | 60 % | 2 min 10 s | 9 min 28 s |
| 25–26 | Saltsjöbanan | 67 % | 1 min 37 s | 7 min 23 s |
| 27–29 | Roslagsbanan | 87 % | 45 s | 6 min 11 s |
| 30 | Tvärbanan (öst) | 86 % | 47 s | 5 min 14 s |
| 31 | Tvärbanan (väst) | 50 % | 4 min 24 s | 9 min 14 s |
| — | Bussar (jämförelse) | 91 % | 30 s | — |
Kolumnen Uppdaterade visar andelen fordon som faktiskt fick ett nytt GPS-värde under mätfönstret. Snittålder är hur gamla tidsstämplarna i genomsnitt är när de dyker upp i flödet. Värst är det enskilda fordon som hade äldst data vid mätningstillfället.
Kortversionen: Trafiklab vidarebefordrar i princip rå data från respektive operatörs fordonssystem. Bussar uppdateras ungefär varannan sekund — det stämmer väl med att Nobina och andra bussoperatörer har moderna GPS-system. Spårvagnarna är en annan historia. Linje 31 (Tvärbanan väst, Liljeholmen–Alvik) hade i genomsnitt 4,5 minuters gammal GPS-data, och enstaka fordon dök upp med nästan tio minuters fördröjning.
Det innebär att kartan ibland visar ett fordon på en position det lämnade för länge sedan. Animationerna fyller ut gapen och gör det så smidigt som möjligt, men när källdatan hoppar från 9 minuter gammal till en ny position är hoppet oundvikligt.
En sak gäller alla spårvagnar oavsett linje: bearing-fältet i GTFS-RT rapporteras alltid som 0 för spårvagnar — de uppger helt enkelt ingen riktningsinformation. Kartan beräknar istället riktningen själv utifrån hur fordonet rör sig längs det kända spåret. Det fungerar bra när positionerna uppdateras tillräckligt ofta, men vid långa gap kan beräknad riktning bli fel tills nästa uppdatering landar.
Sett något konstigt, eller vill du rapportera en linje som beter sig märkligt? Hör gärna av dig via formuläret nedan.
" }, { "slug": "spara-kartan-pa-hemskarmen", "title": "Spara kartan på hemskärmen", "date": "2026-02-27", "image": "images/pwa.jpg", "summary": "SL Live Map kan nu sparas som en app på hemskärmen — öppnas i helskärm utan adressfält. Plus en ny dela-knapp som använder telefonens inbyggda delning.", "body": "![\"SL](\"/images/pwa.jpg\")
Sedan starten har SL Live Map varit en webbsida du besöker i Safari eller Chrome. Det fungerar — men varje gång behöver du skriva in adressen eller hitta bokmärket. Nu kan du spara kartan som en app direkt på hemskärmen.
När du lägger till kartan på hemskärmen blir den en PWA (Progressive Web App). Det betyder:
Det är inte en app från App Store — det är samma webbsida som alltid, fast paketerad som en genväg som öppnas på ett snyggare sätt.
Det tar ungefär tio sekunder:
Behöver du mer hjälp? Det finns en steg-för-steg-guide med bilder.
Dela-knappen i kartan har också uppdaterats. På mobilen öppnar den nu telefonens inbyggda dela-ark så att du kan skicka kartan via SMS, AirDrop, Messenger eller vilken app du vill. På datorer kopieras länken till urklipp som förut.
I hamburgermenyn finns nu också en Dela-länk och en länk till Installera app-guiden.
" }, { "slug": "ljust-lage-och-bussar-overallt", "title": "Ljust läge och bussar överallt", "date": "2026-02-27", "image": "images/ljust-lage-karta.webp", "summary": "Det mest efterfrågade önskemålet den senaste veckan har varit att kunna välja ett ljusare tema. Nu finns det — och bussarna syns i alla zoomlägen.", "body": "![\"SL](\"/images/ljust-lage-karta.webp\")
Sedan kartan gick live har det mest återkommande önskemålet varit: \"Kan man inte få en ljus karta?\" Det mörka temat är mysigt, men alla vill inte sitta i mörker mitt på dagen.
Nu finns ett ljust läge. Tryck på sol-ikonen i menyn så byter kartan till ljusa kartbilder, ljusa paneler och mörk text. Valet sparas och följer med mellan besök.
![\"Närbild](\"/images/ljust-lage-meny.jpg\")
Kartan använder CSS-variabler för alla färger i gränssnittet — toolbar, popups, knappar, statusfält. Ett klick byter ~35 variabler och laddar ljusa kartbilder från CartoDB Positron istället för Dark Matter.
Det mörka läget är fortfarande standard. Screensaver-läget (?screensaver) är alltid mörkt.
En annan sak folk har frågat om: bussarna försvann när man zoomade ut. Det var en medveten begränsning från början — tusen bussprickar på en utzoomad karta kunde vara överväldigande. Men folk ville se dem, så nu syns de oavsett zoomnivå. De visas som små prickar när man är utzoomad, och växer till fulla markörer med linjenummer när man zoomar in.
" }, { "slug": "p4-stockholm-intervju", "title": "P4 Stockholm: \"Slow tv fast för webben\"", "date": "2026-02-25", "image": "images/p4-stockholm-artikel.jpg", "summary": "Sveriges Radio P4 Stockholm intervjuade Gunnar om SL Live Map — \"en stjärnhimmel med trafik dygnet runt\".", "body": "![\"Gunnar](\"/images/p4-stockholm-artikel.jpg\")
P4 Stockholms reporter Farza träffade Gunnar för en intervju om SL Live Map och hobbyprogrammering.
Kartan beskrivs som \"lite Flight Radar för Stockholm\" — en realtidskarta där man kan följa bussar, tunnelbana, pendeltåg, spårvagnar och båtar. Idén föddes en kväll förra veckan efter att ha hittat öppen data på Trafiklab.
\"Det här är som slow tv fast för webben. Slow web. Man kan bara sitta och titta och tycka att det är vackert.\"
Reaktionerna har varit överväldigande — folk skriver att de inte kan slita sig, och tågförare har hört av sig med glädje. Om motivationen:
\"Det är lite som en kolonilott där man går och vattnar och funderar. Allting behöver inte bli någonting.\"
Lyssna på intervjun:
Klipp från P4 Stockholm, Sveriges Radio, 25 februari 2026.
" }, { "slug": "svd-kartan-visar-sl-trafiken-i-realtid", "title": "SvD: \"Gunnars karta visar SL-trafiken – i realtid\"", "date": "2026-02-25", "image": "images/svd-artikel.webp", "summary": "Svenska Dagbladet skriver om SL Live Map — \"Som mindfulness att titta på\".", "body": "Svenska Dagbladet publicerade en artikel av reportern Maria Carling under rubriken \"Gunnars karta visar SL-trafiken – i realtid\". Foto av Banfa Jawla.
Artikeln beskriver kartan som \"i högsta grad användbar — och en lisa för själen att titta på\" och lyfter fram reaktionerna från alla som hittat den:
\"Bättre än tidtabellen ju.\"
\"Ser en prick för min buss på kartan, tittar upp och ser bussen åka förbi utanför fönstret!\"
\"Jag kan inte slita mig, vill bara sitta och titta på prickarna.\"
Om motivationen bakom projektet:
\"Att göra sånt här är min stickning eller kolonilott om du vill. Något jag går och petar i på lediga stunder.\"" }, { "slug": "battre-riktningsdetektering", "title": "Bättre riktningsdetektering i kurvor", "date": "2026-02-24", "summary": "Fordon som passerar skarpa kurvor i spårnätet hanteras nu korrekt — de fastnar inte längre i fel riktning.", "body": "
Ett fordon på röda linjen mot Ropsten rapporterades hoppa fram och tillbaka istället för att glida jämnt. Orsaken visade sig vara en grundläggande brist i hur kartan avgör vilken riktning ett fordon färdas.
Varje spårbundet fordon har en bearing — en kompassriktning från GPS:en. Kartan jämför denna bearing med spårets riktning vid den aktuella positionen för att avgöra om fordonet åker \"framåt\" eller \"bakåt\" längs spåret.
Vid Ropsten gör tunnelbanespåret en skarp sväng där riktningen svänger från 30° (nordost) via 325° (nordväst) tillbaka till 58° (nordost). När ett fordon var mitt i kurvan kunde dess GPS-bearing peka i en helt annan riktning än det lokala spårsegmentet — och koden tolkade det som att fordonet åkte bakåt.
![\"Schematisk](\"/images/ropsten-kurva.svg\")
När riktningen sätts fel ignoreras alla framåtförflyttningar (de ser ut som \"bakåt\" ur kodens perspektiv). Fordonet står stilla. Efter ett antal ignorerade uppdateringar godkänns till sist en riktningsväxling — och fordonet hoppar fram hela den ackumulerade sträckan på en gång.
En genomsökning av hela spårnätet hittade 16 platser med skarpa kurvor (>120° riktningsändring) som kunde utlösa samma problem:
Dessutom påverkades flera pendeltåg (linje 40 och 48) av liknande problem.
Riktningsdetekteringen har nu en dead zone: om vinkeln mellan fordonets bearing och spårets riktning ligger mellan 45° och 135° klassas riktningen som tvetydig och fordonet antas åka framåt. Bara tydliga matchningar (<45°) eller tydliga motsatser (>135°) ger ett aktivt riktningsbeslut.
![\"Diagram](\"/images/riktning-deadzone.svg\")
Gränsen för att godkänna en äkta riktningsväxling (som vid en ändhållplats) sänktes också från 5 till 3 på varandra följande bakåtuppdateringar — så att fordon vid terminus vänder snabbare.
" }, { "slug": "snabbare-kartladdning", "title": "Snabbare kartladdning och ny meny", "date": "2026-02-24", "summary": "Kartan laddar nu betydligt snabbare tack vare lokalt hostad Leaflet, optimerad geodata och omstrukturerad laddningsordning. Dessutom en helt ny meny.", "body": "Laddtiden för kartan har förbättrats rejält — First Contentful Paint gick från 2,4 till 1,0 sekunder. Här är vad som ändrades.
Kartbiblioteket Leaflet laddades tidigare från unpkg.com, ett publikt CDN. Det innebar att webbläsaren först behövde göra en DNS-uppslagning, sedan TLS-handskakning, och till sist ladda ner filerna — allt innan kartan kunde börja renderas.
Nu servas Leaflets CSS och JavaScript direkt från samma server som resten av sidan. Det eliminerar hela den externa rundturen.
Spårsträckningarna för tunnelbana, pendeltåg och spårväg lagras som GeoJSON. Koordinaterna hade 14 decimalers precision — långt mer än vad som behövs. Sex decimaler (≈1 meters precision) räcker gott för en karta.
Resultatet: tunnelbanans spårfil krympte från 353 KB till 97 KB, en minskning på 72%. Totalt sparades flera hundra kilobyte nätverkstrafik.
Drygt 240 stationer med namn och koordinater var tidigare hårdkodade direkt i HTML-filen och tog upp 62% av sidans storlek. Nu ligger de i en separat JSON-fil som laddas asynkront. HTML-filen krympte från 74 KB till 61 KB, och stationerna laddas i bakgrunden utan att blockera kartan.
Leaflets CSS laddas nu icke-renderingsblockerande — sidan börjar renderas direkt och kartans stilmallar appliceras när de är klara. De centrala kartrutorna preloadas också, så de finns i cache redan innan kartan skapas.
Den gamla titelraden och lagerpanelen har ersatts av en kompakt toolbar med glasmorfism-design. På desktop syns lagerknapparna (T-bana, Pendeltåg, Spårväg, Båtar, Bussar) som klickbara chips direkt i verktygsfältet. På mobil finns en hamburgermeny.
I botten ligger en ny footer med fordonsräknare, antal besökare och senaste uppdateringstid.
" }, { "slug": "morgonpasset-i-p3", "title": "Morgonpasset i P3 pratade om SL Live Map", "date": "2026-02-22", "image": "images/morgonpasset-artikel.png", "summary": "Branne och Matilda testade SL Live Map i direktsändning i Sveriges Radios Morgonpasset i P3.", "body": "![\"Skärmdump](\"/images/morgonpasset-artikel.png\")
Söndagen den 22 februari tog Morgonpasset i P3 upp SL Live Map. Programledarna Branne Pavlovic och Matilda Rånge pratade om kartan och det fina med att den finns.
Lyssna på inslaget:
Klipp från Morgonpasset i P3, Sveriges Radio, 22 februari 2026.
Hela avsnittet på sverigesradio.se
" }, { "slug": "linjar-animation", "title": "Linjär animation ger jämnare rörelser", "date": "2026-02-22", "summary": "Fordonsanimering byter från ease-out cubic till linjär interpolering, med 13% mer synlig rörelse och mjukare känsla.", "body": "Alla fordon på kartan animeras mellan positionsuppdateringar för att ge en känsla av flyt. Tidigare användes en ease-out cubic-kurva: fordonen startade snabbt och bromsade in mot slutet av varje cykel. Det lät bra i teorin, men skapade ett problem.
![\"Jämförelse](\"/images/easingkurvor.svg\")
Genom att analysera 60 på varandra följande API-svar kunde jag mäta hur ofta varje fordonstyp uppdaterar sin position:
Med ease-out cubic tillbringade fordonen de sista 50% av varje animationscykel med att knappt röra sig — de såg ut att \"krypa\". Med 2 sekunders uppdateringsintervall betydde det en hel sekund av nästan-stillastående per cykel.
Genom att byta till linjär interpolering rör sig fordonen med jämn hastighet under hela animationscykeln. Resultatet mätt med ett Puppeteer-baserat testverktyg som spårar markörrörelser pixelvis:
Båtar uppdaterar sin position bara var 6:e sekund, men kartan känner till deras hastighet och kurs. Genom att extrapolera positionen 3 sekunder framåt fyller kartan gapet och båtarna glider naturligt även mellan uppdateringar.
" }, { "slug": "snap-to-track", "title": "Fordon följer spåren", "date": "2026-02-22", "summary": "Tunnelbana, pendeltåg och spårväg snappar nu till sina spår istället för att glida fritt över kartan.", "body": "Tunnelbanetåg, pendeltåg och spårvagnar rör sig nu längs sina faktiska linjesträckningar hämtade från OpenStreetMap. Tidigare rörde sig alla fordon i raka linjer mellan GPS-uppdateringar — det kunde se konstigt ut i kurvor och tunnlar.
Spårsträckningarna lagras som GeoJSON med koordinater för varje linje. När en ny position kommer in söks den närmaste punkten på rätt spår — en teknik som kallas snap-to-track. Sedan animeras fordonet längs spårets geometri till nästa position, vilket gör att det följer kurvor, växlar och tunnlar korrekt.
![\"Illustration](\"/images/snap-to-track.svg\")
Varje fordon har en intern riktning (framåt eller bakåt längs spåret) som härleds från vilken riktning det rör sig. Riktningen är \"klibbig\" — det krävs fem på varandra följande baklänges-uppdateringar för att vända, vilket förhindrar flimmer vid stillastående eller vid stationer.
Sökningen efter närmaste spårpunkt är begränsad till ett fönster runt fordonets senaste kända position. Det hindrar fordon från att hoppa till parallella spår i närheten — särskilt viktigt där tunnelbanelinjer delar tunnel.
" }, { "slug": "ny-teknik-folk-sitter-och-tittar", "title": "Ny Teknik: \"Folk sitter i timmar och tittar\"", "date": "2026-02-20", "image": "images/nyteknik-artikel.png", "summary": "Ny Teknik publicerar en artikel om SL Live Map — \"Hans sajt visar hur SL-trafiken rör sig\".", "body": "![\"Skärmdump](\"/images/nyteknik-artikel.png\")
Ny Teknik publicerade en artikel av reportern Kalle Wiklund under rubriken \"Hans sajt visar hur SL-trafiken rör sig — folk sitter i timmar och tittar\".
Citatet i rubriken kommer från alla meddelanden som strömmat in sedan lanseringen:
\"Det har kommit massor av kommentarer. Allting från personal som kör tågen som öser ut glädje, till andra som säger att de bara sitter i timmar och tittar.\"
Läs hela artikeln på nyteknik.se
" }, { "slug": "destinationer-i-popupen", "title": "Destinationer i popupen", "date": "2026-02-20", "summary": "Klicka på ett fordon för att se vart det är på väg — \"Buss 3 mot Södersjukhuset\".", "body": "Popupen som öppnas när man klickar på ett fordon visar nu slutdestination, till exempel \"Buss 3 mot Södersjukhuset\". Det gör det mycket lättare att förstå vad man tittar på.
Destinationerna kommer från Trafiklabs GTFS Sweden 3 Static-dataset. Det innehåller över 95 000 unika tur-ID:n som varje fordon rapporterar i realtid.
Vid serverstart byggs en uppslagstabell som kopplar varje tur-ID till rutt, linjenummer, trafikslag och destination. Tabellen är komprimerad till 3,4 MB genom att deduplicera strängar — varje unikt linje- och destinationsnamn lagras bara en gång.
" }, { "slug": "feber-harmonisk-livekarta", "title": "Feber: \"Harmonisk livekarta\"", "date": "2026-02-18", "image": "images/feber-artikel.webp", "summary": "Teknikbloggen Feber skriver om kartan — \"en otroligt harmonisk karta över Stockholm\".", "body": "![\"Skärmdump](\"/images/feber-artikel.webp\")
Teknikbloggen Feber uppmärksammade SL Live Map under rubriken \"Harmonisk livekarta över alla bussar och tåg\". Artikeln publicerades av Roger Åberg.
Feber, som tidigare skrivit om Biljettkoll, beskriver kartan som \"en otroligt harmonisk karta över Stockholm\" och noterar att det vid skrivande stund rullade omkring 1 700 fordon i SL:s regi.
" }, { "slug": "tunnelbana-till-dalaro", "title": "\"Tunnelbana 19 mot Dalarö\"", "date": "2026-02-18", "image": "images/tunnelbana-dalaro.jpg", "summary": "En uppmärksam pendlare upptäckte att Waxholmsbolagets båtar visades som tunnelbanetåg — mitt ute i skärgården.", "body": "Johnny som jobbar på pendeln och bor i Haninge uppmärksammade på Facebook att det var sällsynt med tunnelbana till Dalarö. Han hade rätt — det var en bugg.
![\"Skärmdump](\"/images/tunnelbana-dalaro.jpg\")
\"Tunnelbana 19 mot Dalarö\" — en Waxholmsbåt förvirrad av delade linjenummer.
Waxholmsbolagets båtlinjer delar nummer med tunnelbanan: linje 10, 11, 13, 14, 17 och 19 finns hos båda. Kartans fordonsdata kommer från GTFS och varje fordon identifieras via sitt tur-ID som kopplas till en rutt och ett trafikslag.
Den första fixen var enkel men för bred: alla fordon med kända tunnelbanenummer klassades som tunnelbana, oavsett vad GTFS-datan sa. Det löste det ursprungliga problemet (tunnelbanelinjer som felaktigt visades som båtar) men skapade motsatt bugg — Waxholmsbåtarna blev tunnelbanetåg.
Fixen var en extra kontroll: om GTFS-typen säger att fordonet är en båt, får det vara en båt — oavsett linjenummer. Bara fordon som inte redan är klassade som båt kan övergå till tunnelbana via linjenummer.
Tack Johnny för att du hörde av dig — gör gärna som Johnny och rapportera om du ser något som ser konstigt ut!
" }, { "slug": "lansering", "title": "SL Live Map lanseras", "date": "2026-02-17", "summary": "Kartan är live med bussar, tunnelbana, pendeltåg, spårväg och båtar i realtid.", "body": "Första versionen av SL Live Map är publicerad. Kartan visar alla SL-fordon som rapporterar GPS-position via Trafiklabs GTFS Realtime-flöde.
Under rusningstid syns runt tusen fordon samtidigt. Varje fordon visas som en färgad prick med linjenummer — röda och blåa bussar, gröna/röda/blåa tunnelbanetåg, lila pendeltåg, blå spårvagnar och turkosa båtar.
Kartan är byggd med Leaflet och mörka kartplattor från CARTO. Positionerna uppdateras varje sekund och fordonen animeras smidigt mellan uppdateringarna med requestAnimationFrame.
" } ]