Tag Archive | leaflet

Leaflet JS 1.0

Hur blir det med en version 1.0 av javaskripten Leaflet JS egentligen?

Det är ganska länge sedan den första betaversionen släpptes och beta 2 kom i Oktober förra året. Läs mer…

Anpassa Leafletkartan i QTiles plug-in

Igår så jobbade jag med att skapa tiles med insticksprogrammet QTiles till QGIS. I detta så går det att skapa en enkel Leaflet karta baserat på dessa.

Denna karta kan man sedan bygga vidare på och jag nämnde att jag skulle kunna spara denna till senare tillfälle och bara kopiera in mina tiles till underkatalogen, göra några enkla ändringar, så var det klart.

Nu trodde jag att jag hittat ett bättre sätt! Läs mer…

Lite Leaflet…

Nyligen släpptes Beta 2 av Leaflet 1.0, så det är inte så avlägset innan vi får se en ny release av LeafletJS.

Version 0.7.3 från 2013 har varit den vanligast förekommande versionen väldigt länge, men det finns faktiskt en uppgradering ute sedan en tid tillbaka, nämligen 0.7.5 (september 2015).

Varför ger man då ut en uppgradering till 0.7 versionen så nära release av 1.0?

1.0 är inte helt igenom kompatibel, så det kan ta ett tag att byta avancerade tjänster till ett nytt bibliotek. 0.7.5 är kompatibel, men löser några mindre problem som fanns med 0.7.3, och därmed kan de som använder 0.7 versionen få lite andrum till innan de gör det faktiska bytet till 1.0.

I detta inlägg använder jag 0.7.5 för att göra en så enkel bas att bygga vidare på som möjligt där jag skall kunna skapa så kallade Tiles i QGIS och sedan enkelt visa dessa i en webbläsare. Det finns lite plugin för Leaflet i QGIS, men dessa förutsätter att man använder webbkartor. Jag kommer att börja med något av dessa plugin och titta på vad jag kan göra för att modifiera det för att hantera mina egna lokala tiles.

Läs mer…

Leaflet 1.0 närmar sig

Det är väldigt många som använder sig av Leaflet för att visualisera kartor i webbläsare. Det är en liten, snabb, effektiv motor för att fixa det mesta man kan tänka sig för den här typen av uppgifter.

Version 0.7.3 släpptes 23 Maj 2014 och anses i huvudsak vara komplett, och även Vladimir Agafonkin som står bakom Leaflet tycker att versionen är mer eller mindre perfekt.

Version 1.0 har varit på gång ganska länge, men har av flera skäl dragit ut på tiden. Nu är det dock snart dags…

Skärmbild från 2015-07-12 12:04:25Det finns milstolpar för såväl beta1 som beta2 ute på GitHub, men det är några procent kvar innan vi får se en ”officiell” beta från Leaflet. Det går dock att testa koden genom att ladda hem den från GitHub redan nu.

Det finns massor med förbättringar och en del fixar till kända fel och om dessa går det att läsa i ändringsloggen.

Jag går inte in på några specifika detaljer eftersom då Leaflet inte skall vara fokus i webbapplikationen utan kartan, så är det inga dramatiska visuella förändringar att vänta. Använder du Leaflet mycket så kommer du dock att märka av många av dessa förändringar. Inte minst så kommer en del kod att behöva skrivas om för att fullt ut dra nytta av en del förbättringar.

En liten varning

En del förändringar är ganska påtagliga. Detta påverkar inte så mycket Leaflet i sig, men däremot så behöver många plug-in anpassas. Då Leaflet är tunn på inbyggd funktionalitet så är det många som förlitar sig på sådana plug-in för olika saker.

Innan du implementerar Leaflet 1.0 så måste du därför säkerställa att de plug-in du behöver fortfarande fungerar som det är tänkt.

Om du själv utvecklat plug-in för Leaflet så är det hög tid att se över om dessa är kompatibla med 1.0.

[EDIT]

Beta 1 släpptes under eftermiddagen onsdag Svensk tid.

http://leafletjs.com/2015/07/15/leaflet-1.0-beta1-released.html

PGX version: Med Karta!

Normalt så skriver jag mina inlägg på helgerna, men denna veckan så har jag kontinuerligt förbättrat (tycker jag) min applikation för att samla in data ur georefererade panoramabilder.

Jag kunde inte hålla mig längre, utan lägger här ut en uppdatering…

Skärmbild från 2015-04-16 21:15:48Bland förändringarna:

  • Fungerar över hela jorden då UTM används i stället för SWEREF99TM.
  • Flyttat några fält och tagit bort några.
  • Eliminerat en knapp och därmed ett steg, så att processen är snabbare.
  • Lagt till funktioner för att se till att man inte gör onödiga fel.
  • Sparar även UTM zon i listan.
  • Och just det, lagt till en karta där alla objekt visas och lagras under sessionen.

Jag har gjort sidan på Engelska men det blir säkert en Svensk version också när (om) jag rensar upp i koden och löser några kvarstående problem.

Just nu är i alla fall jag som enkel amatör ganska nöjd med vad jag skapat.

Testa ”Live” – klicka här!

Leaflet Plug-In

Bland er som läser detta så är det väl få som inte känner till LeafletJS, som är ett väldigt litet javaskriptbibliotek för att hantera webbkartor inbäddat på hemsidor.

Leaflet är till skillnad från OpenLayers inte tänkt att klara allt man kan tänka sig utan många funktioner väljs helt enkelt bort eftersom de antingen skulle göra Leaflet mycket större eller för att funktionen skulle gynna ganska få.

Nu är det då inte helt kört om man vill gå utanför de ganska begränsade ramarna som det faktiskt innebär att välja Leaflet. Det finns nämligen väldigt mycket ”tillägg” (plugin) att ta till.

I detta inlägg så skall jag väldigt ytligt titta närmare på dessa.

Läs mer…

OpenLayers Vs Leaflet

Ok! Då har OpenLayers släppt version 3.2 med en hel del förbättringar medan Leaflet inte håller samma tempo, för tillfället.

OpenLayers har en ordentlig organisation bakom sig som utvecklar biblioteket, medan Leaflet är mera beroende av ett ”comunity”. I princip så är det en person som står bakom Leaflet med stöd från exempelvis MapBox, nämligen Vladimir Agafonkin (”kudos”).

Vad är då skillnaden, och går det att ställa de båda mot varandra?

Det enkla svaret på den senare frågan är, nej det går inte att ställa dem mot varandra. De är skapade för två olika tillämpningar där överlappningen mellan de båda varierar beroende på vilken tillämpning man ser framför sig. Som jag ser det så är det därför inte en tävling, utan ett viktigt val man ställs inför när man skall skapa en karttjänst för webben.

It’s not a competition! It’s an important choice!

Kortfattat så är Leaflet enklare och ett mycket mindre skriptbibliotek, vilket gör det potentiellt mycket snabbare. Man skryter med 33 kB JavaScript, medan OpenLayers är större men har betydligt fler inbyggda funktioner.

Med OpenLayers så får du väldigt mycket funktionalitet inbyggt, medan Leaflet erbjuder det mesta av dessa funktioner som tillägg man kan baka in i sina webbkartor, vilket naturligtvis ökar på storleken något.

Har man således inte något behov av att bygga komplicerade eller omfattande karttjänster, utan är mer intresserad av att publicera enkla digitala kartor och lager snabbt och enkelt, så är Leaflet det naturliga lagret.

Vill man bygga mer avancerade tjänster och direkt ha tillgång till väldigt mycket funktioner, och inte oroar sig jättemycket för att Internet kan vara långsamt så är OpenLayers vägen att gå.

Om man hamnar någonstans mitt emellan så kan man gå åt båda hållen.

Om man tänker välja Leaflet så gäller det att läsa på så att allt man vill göra går att åstadkomma med tillgängliga tillägg, annars så skulle jag nog rekommendera OpenLayers om man är osäker.

Vad väljer jag då?

När jag vill skapa en snabb inbäddad karta baserad på exempelvis WMS tjänster eller WMTS och kanske något enkelt vektorlager i exempelvis GeoJSON så brukar det bli Leaflet.

När jag skall göra något mera avancerat eller skall påbörja ett utvecklingsprojekt så blir det oftast OpenLayers, eftersom jag faktiskt kan göra mer med det, och det inte går att göra allt (oavsett tillägg) med Leaflet. Att OpenLayers skulle vara så mycket långsammare är säkert mätbart, men vad man upplever i praktiken kan vara något annat.

Tidigare inlägg:

OpenLayers
Leaflet

OBS: Det finns naturligtvis andra alternativ till att skapa webbkartor på Internet, men här har jag valt de två största fria alternativen som därför förtjänar lite uppmärksamhet som ”betalning” för det jobb man lägger ner.