Kart på nett

-Hvem, hva, hvordan?

Geomatikkdagene 2013

Atle Frenvik Sveen, Bouvet ASA
54°23'55"S 3°24'5"E

Bouvet ASA

  • Norsk IT-konsulentselskap
  • ~900 ansatte i Norge og Sverige
  • 14 kontorer
  • Generell IT
  • Satser på kart!

Kart på nett

Det er vel lett?

Biltema.no

Norgesglasset

Hva er problemet?

(mis)bruk av HTML for kart

  • HTML beskriver dokumenter på web
  • Tekst og bilder
  • Mye innovasjon

Løsninger?

  • Mange "Biltema"-løsninger
    • .. scanna kart som bilder
  • Plugins:
    • Flash
    • Java-webapps
    • QuickTime
    • Silverlight

Så kom Google Maps (2005)

  • "Slippy maps"
  • APIer
  • Enkelt grensesnitt
  • Javascript

.. og resten

Hvordan?

JavaScript to the rescue!

Programmeringsspråk for nettleseren


if( indexh !== indexhBefore || indexv !== indexvBefore ) {
    dispatchEvent( 'slidechanged', {
        'indexh': indexh,
        'indexv': indexv,
        'previousSlide': previousSlide,
        'currentSlide': currentSlide
    } );
}
                        

Bruk for kart:

  • Javascript-kode henter bilder (WMS/Cache)
  • Regner på koordinater
  • Setter sammen
  • Lytter på musebevegelser
  • => Og vi har kart!

Forbedringer:

  • HTML5 gjør webutvikling enklere
  • Nettlesere har blitt raskere
  • JavaScript blir tatt "alvorlig"
  • Går fra websider til webapps

Utviklere er late!

Jeg kan altså skrive:


var url = "http://opencache.statkart.no/gatekeeper/gk/gk.open?";
var topo2 = new OpenLayers.Layer.WMS(
    "Topografisk norgeskart",
    url,
    {
        layers: 'topo2',
        format:'image/png'
    }
);
map.addLayer(topo2);
                            

=> Bibliotek!

Kartbibliotek

  • Esri
  • OpenLayers
  • Leaflet
  • Google Maps
  • Bing Maps
  • +++

det er forskjell på

Kartdata

..og..

Kartklienter

Litt om kartdata

  • WMS?
    • .. for tregt
  • Cache!
    • Mindre fleksibelt
    • Vanskeligere å oppdatere
    • Eneste løsning

Vektordata

Løsningen på alt?

Hvorfor vektor?

  • Egenskapsinfo
  • Styling i klient
  • Editering
  • Analyser

Hvorfor ikke vektor?

Browsers can't handle moving around a DOM with more than a few hundred elements at once. I highly recommend figuring out a way to limit yourself to under 500 markers (Firefox) or 50 markers (IE6).

-OpenLayers FAQ

Eller..?

The next map shows how 1.000.000 points can be rendered in real time

-Giscloud.com

Hvordan?

  • Ny teknologi
    • HMTL5 / Canvas
    • Web GL
    • Bedre nettlesere
  • Smarte folk

Fremtiden?

Mobil

  • Webapps
  • Vektor
  • "Beyond maps"

Kart "overalt"

  • Naturlig del av web
  • Utvikles av "alle"
  • Enkle løsninger
  • Innendørs

Do-kart

Journalisme

Glade amatører

Takk for meg!

  • Spørsmål?
  • Kommentarer?

atle.sveen@bouvet.no