Karteksempler

Jeg har laget åtte eksempler med Google maps. Eksemplene begynner enkelt og slutter som et mer skreddersydd kart med klikkbare pekere som for eksempel kan illustrere en nyhetssak.

For hvert karteksempel har jeg også vedlagt JavaScript-koden bak. Dette er kun ment som en referanse til andre utviklere som har lyst til å prøve seg på å lage kart.

Eksemplene kan du se online på mine hjemmesider.

Integrasjon med publiseringsløsningene

For å utnytte mulighetene fullt ut, kommer vi ikke utenom programmering. Ta en prat med utviklerne hos dere, vis dem kodeeksemplene i dette dokumentet og be dem foreslå konkrete løsninger for hvordan din redaksjon kan utnytte de kartmulighetene som nå finnes.

Mange redaksjoner har allerede integrert Google Maps i sine publiseringssystemer. Med små modifikasjoner bør det være mulig å implementere eksterne kartkilder i tillegg. Dette kan for eksempel være frigitte kart fra Statens Kartvkerk, eller oversikten over naturreservater fra Direktoratet for Naturforvaltning.

Du som journalist bør ha muligheten til å spesifisere en ekstern (WMS) kartkilde til dine kartvisninger - rett i publiseringsløsningen.

Kort om det tekniske (for utviklere)

Kartene i disse eksemplene bruker Google Maps javascript-API (AJAX-versjonen). Dette biblioteket er dokumentert på Google's websider.

I tillegg til Google's eget bibliotek bruker jeg jQuery.

Gruppe

Google Maps i journalistikken

Temaer

Navn	Beskrivelse
Karteksempel 1: Enkelt kart	Dette er den enkleste måten å bruke Google Maps på. Ingen pekere eller kontroller er lagt inn. Kartet viser bygda som ble evakuert på grunn av rasfare vinteren 2010, men det eneste brukeren kan gjøre er å dra i kartet. Google's innebygde kart har relativt få detaljer i området rundt Breivikeidet. Se eksempel 1 her
Karteksempel 2: Kartpeker	Vi kan plassere pekere i kartet på gitte posisjoner. Google bruker da et standardikon. Du kan også velge mellom flere standardikoner å bruke til kartpekeren. Pekeren gjør det lettere for leseren å orientere seg om hvor sentrum for hendelsen er. I vårt tilfelle står pekeren på fergeleiet i Breivikeidet. Se eksempel 2 her
Karteksempel 3: Informasjonsvindu	Google Maps tilbyr ferdige informasjonsvinduer som du kan fylle med akkurat hva du vil. Alle elementer som du kan plassere på en webside, kan du også plassere i et slikt informasjonsvindu. For eksempel video, lydklipp, bilder, skjemaer og tekst. Se eksempel 3 her
Karteksempel 4: Hjemmesnekret kart-ikon	Du er ikke bundet til å bruke Googles egne peker-ikoner. Du kan lage dine egne, lagre dem som PNG-filer og erstatte de tradisjonelle kartpekerne med dem. Se eksempel 4 her
Karteksempel 5: Eksterne kart (WMS-tjenester)	Nå begynner ting å bli interessant. Statens Kartverk har sluppet flere av sine kartserier som såkalte WMS-tjenester på nettet. WMS står for Web Map Server, og tilbyr en standardisert måte å spørre etter kartutsnitt på. Dette gjør at for eksempel topografiske kart - som her - enkelt kan legges til i Google Maps. Kartverkets kart er naturligvis svært mye mer detaljerte enn Google's eget grunnlag. Med frislippet fra kartverket har vi fått førsteklasses kartmateriale for hele landet, uten de irriterende feilene og manglende oppdateringene i Google-kartene. I vårt eksempel bidrar denne kartvisningen til å belyse hovedpoenget i saken: Hvorfor ble... mer
Karteksempel 6: Sjøkart	Til og med sjøkartene er sluppet. Vi kan med andre ord få detaljerte oversikter, og brukerne kan zoome og dra i kartene på akkurat samme måte som med de originale Google Maps-kartene. Hendelser på sjøen har til nå vært upraktisk å vise i Google Maps - men med dette kartgrunnlaget gir det mening å plotte inn koordinatene igjen. Se seksjon om karteksempel 8 om akkurat dette. Se eksempel 6 her
Karteksempel 7: Egne karttyper	Google tillater deg å opprette egne karttyper. Hvis du ser på raden med knappene oppe til høyre finner du fire knapper som normalt ikke vises i Googles standardkart: Topo - Kartverkets topografiske kart over Norge. Sjø - Kartverkets sjøkart. Raster - Kartverkets rasterkart (svært detaljerte). DN Fjord - Direktoratet for Naturforvaltning har flere kart tilgjengelig som WMS - her en oversikt over fjordene i Norge. Det finnes med andre ord ingen grenser for hvordan Google Maps kan utvides og skreddersys til våre egne formål - gitt at vi har tilgjengelige WMS-tjenester. Se eksempel 7 her
Karteksempel 8: Sleipnerforliset	Jeg har tatt for meg Sleipner-ulykken som et eksempel på en sak som kunne vært illustrert med Kartverkets sjøkart, her implementert i Google Maps. Den røde linjen er klikkbar, og viser båtens planlagte rute. Når du klikker på ruten, kommer et informasjonsvindu opp med opplysninger om ruten. Punktene på linjen er kartmarkører som også kan klikkes på . Disse viser informasjon om hendelsesforløpet, slik det er beskrevet i ulykkesrapporten. Punktet ved Store Bloksen viser ulykkesstedet. Hvis du klikker på markøren kommer et informasjonsvindu opp med flere opplysninger, samt bilde av skjæret båten grunnstøtte mot. Se eksempel 8 her
Karteksempel 9: Påkjørsel i Trondheim	Tilbake til VG-eksempelet som vi viste til tidligere; omtalen av de to som ble meiet ned av en bil i Trondheim sentrum. Det er ingen ting i veien for å legge kart inn i informasjonsvinduene. På denne måten kan vi presentere et tradisjonelt oversiktskart, og så vise gatedetaljene i Kartverkets rasterkart. Dermed vil folk få et umiddelbart inntrykk av hvor i byen ulykken skjedde, samtidig som tilleggskartet går ned på et detaljnivå som vil kunne være av stor interesse for lokalkjente. I andre tilfeller kan detaljkarte brukes til å belyse et hendelsesforløp, ved å fremstille det nesten som en åstedsskisse... mer

Lenker

Google Maps i journalistikken, Temaer

Innhold | Indeks | Hjem

Hva synes du om dette temaet? Send tilbakemelding!