ambita bk2015

<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

15

Demo

Ambita AS Utfordring Løsning Demo

• https://beta.infoland.no

16

Demo

Ambita AS Utfordring Løsning Demo

• https://beta.infoland.no

17

Demo

Ambita AS Utfordring Løsning Demo

• https://beta.infoland.no