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
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?
-
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
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