Innovative presentation of open data
Bachelor thesis

Permanent lenke
https://hdl.handle.net/11250/3074993Utgivelsesdato
2023Metadata
Vis full innførselSamlinger
Sammendrag
Denne oppgaven beskriver prosessen bak designet og implementeringen av reguleringsplan-lag for et 3D kart. Prosjektet fokuserer på frontenden og brukeropplevelsen av å visualisere data i et 3D kart. Prosjektet bruker Three.js, og er en fortsettelse av wxs.three.js prosjektet laget av Sverre Iversen, og videreutviklet av Gjøvik Kommune.
Vi har implementert brukerkontroller for å endre høyde og opasitet innenfor løsningen, lagt til reguleringsplan overlegg ved bruk av tilpassede teksturalgoritmer, og endret størrelsen på kartet ved bruk av et Frustum. Det endelige resultatet er en web løsning som bruker HTML, CSS og JavaScript. Produktet tilbyr visualisering av data og er tilgjengelig gjennom kommunen’s nettside.
Gjøvik kommune tilbyr tjenester for å vise data, som for eksempel reguleringsplaner, ved bruk av interactive kartgrensesnitt. De begynte utviklingen av et 3D kart til hjelp for kommunens ansatte for å se terreng og regulerinsplaner sam- men, som letter prosessen av å planlegge konstruksjon. Oppgaven var å fortsette utviklingen av dette prosjektet og utvide dets opprinnelige tilstand. Kommunen planlegger å fortsette utviklingen av dette prosjektet, enten internt eller som en framtidig bachelor for neste års studenter. This thesis describes the process behind designing and implementing a regulation plan overlay for a 3D map. The project focuses on the front end and user experience of visualizing data in a 3D map. The project uses Three.js, and is a continuation of the wxs.three.js project by Sverre Iversen, and developed further by Gjøvik Municipality.
We have implemented user controls for height and opacity adjustments within the solution, added regulation plan overlays using custom shaders, and adjusted the map size using a Frustum. The final result is a web solution using HTML, CSS, and JavaScript. The product provides data visualization and is available through the municipality’s website.
Gjøvik municipality provides services for viewing data, such as regulation plans, using interactive map interfaces. They began the development of a 3D map useful for municipal workers to see the terrain and regulation plans together, easing the construction planning process. The task was to continue developing this project and extend its initial state. The municipality plan to continue the development of this project, either internally or as a future bachelor for the next year’s students.