<ambitamap />Web component med Ambita eiendomsdata og Esri kart
Agenda
Hvem er Ambita?
Utfordringer
Løsning
Demo
Sak 55 Fullmakt til adm. dir.
Sak 56 Eventuelt
Sak 57 Lønnsoppgjør. adm. dir.
Fullmakt til adm. dir. til å representere Ambita
Justering av møteplanen for 2015
Uten administrasjonen til stede
4
Hvem er Ambita?
5
Ambita AS
Tidligere Norsk Eiendomsinformasjon AS
Ambita byttet høst 2014 navn fra Norsk Eiendomsinformasjon
Ambita er et heleid statlig aksjeselskap underlagt Nærings- og fiskeridepartementet. Selskapet ble opprettet i 1987 under navnet Tinglysingsdata AS, senere Norsk Eiendomsinformasjon AS, for å innføre EDB i domstolene og digitalisere den da papirbaserte Grunnboken.
Ambita er et IKT-selskap som tilbyr samfunns- og forretningskritisk informasjon til sine kunder. Ambita har spesialisert seg på eiendomsinformasjon og utvikling, drift, forvaltning av store offentlige registre, og er markedsledende i Norge på formidling av eiendomsinformasjon til bank- og finansnæringen, eiendomsmeglere, takstmenn og bygg- og anleggsnæringen.
6
UtfordringAngularJS + Dojo
• Ambita selger eiendomsdata og kart er viktig i søk etter eiendom og presentasjon av eiendomsdata
• Selger data via Infoland.no, EDR og integrasjonsløsninger
• Visning av kart via flere løsninger: Portal, iframe, integrert.
• Ved utvikling av ny Infoland.no portal ble det valgt å lage en SPA (Single-Page-App) med REST tjenester i bunnen, som rammeverk ble AngularJS valgt.
• Problem: Dojo og AngularJS
• Doble rammeverk = dobbel kode
• Konflikter
• AMD vs Injection
• https://github.com/Esri/angular-esri-map (v0.0.01-beta.1)
7
Utfordring
Ambita AS Utfordring Løsning Demo
8
LøsningEsri-leaflet
• Leaflet (http://leafletjs.com)
• Open-source
• Lett (33KB)
• Godt dokumentert
• Mange plugins
• Ingen bindinger til tredjepartsbibliotek
• HTML5, CSS3
• Brukes av OSM, CartoDB, Mapbox ++
• Støtter GeoJson
• Esri-leaflet (https://github.com/Esri/esri-leaflet, v1.0.0-rc.5)
• Plugin til Leaflet
• Tilgang til Esri lag:
• Bakgrunnslag
• Dynamiske lag
• Feature lag
• Utfordring: projeksjoner (UTM33)
• Proj4Leaflet (https://github.com/kartena/Proj4Leaflet)
9
Løsning
Ambita AS Utfordring Løsning Demo
• L.ambitaMap()
• Wrapper rundt Leaflet + Esri-leaflet + Proj4Leaflet
• Autentisering via Ambita bruker REST API
• Tilgang til Ambitas eiendomsdata via Ambita realty REST API (https://beta-api.ambita.com/)
• Kartet konfigureres via å sende inn ett JSON objekt ved initialisering eller lastes via REST
• lag
• funksjoner og verktøy
• zoom og panorering, extent
• punkter og polygoner
• <ambitamap/>
• AngularJS directive: lage vår egen html-syntaks/ Web Component
• Wrapper rundt L.ambitaMap() som gjør all magien
• <ambitamap features="features" token="token" options="options"></ambitamap>
• En linje med kode, en css include og en javascript include, 316KB javascript + 172KB bilder
10
Løsning
Ambita AS Utfordring Løsning Demo
11
DemoDemo-time!
12
Demo
Ambita AS Utfordring Løsning Demo
13
Demo
Ambita AS Utfordring Løsning Demo
14
Demo
Ambita AS Utfordring Løsning Demo