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