Paikkatietorajapintojen ja karttakirjastojen hyödyntäminen ReactJS-sovelluksissa

Abstract

Opinnäytetyön aiheena oli tutkia, miten paikkatietorajapintoja ja karttakirjastoja hyödynnetään käytännössä ReactJS-sovelluksissa. Tausta työlle nousi kasvavasta tarpeesta dokumentoida avoimen tiedon käyttötarkoituksia jokapäiväisessä elämässä.

Opinnäytetyö on toiminnallinen, ja sen aikana kehitettiin esimerkkisovelluksia hyödyntäen ReactJS:ää ja erilaisia karttakirjastoja, kuten Mapbox GL:lää ja Leafletia. Esimerkkisovellusten jälkeen tarkasteltiin, miten WFS-rajapintaa hyödynnetään käytännössä. Opinnäytetyön teoreettisessa osuudessa määritellään työn kannalta keskeiset käsitteet, kuten edellä mainitut WFS- ja WMS-rajapinnat, karttakirjastot ja ReactJS. Opinnäyteyön teoriapohja keskittyykin pitkälti rajapintatekniikoiden ja karttakirjastojen esittelyyn ja niiden taustoihin, kun taas käytännön osuudessa esitellään, mitkä karttakirjastot soveltuvat parhaiten rajapintojen hyödyntämiseen.

Opinnäytetyö tehtiin tukemaan kirjoittajan omaa ammatillista kehittymistä, ja sen tuloksena esimerkkisovellusten lisäksi oli ratkaisuehdotus tulevien paikkatietorajapintasovelluksien kehittämiseen karttakirjastojen osalta. Todettiin, että React-Leaflet oli kaikin puolin helppokäyttöisin ja parhaiten dokumentoitu karttakirjasto opinnäytetyössä esitellyistä ratkaisuista.

The topic of the thesis was to study how spatial data interfaces and map libraries are utilized in practice in ReactJS applications. Background for the work arose from the growing need to document the uses of open information in everyday life.

The thesis is functional, during which example applications were developed using ReactJS and various map libraries such as Mapbox GL and Leaflet. After the example applications were finished, the practical application of the WFS interface was examined. The theoretical part of the thesis defines the key concepts for the work, such as the above-mentioned WFS and WMS interfaces, map libraries and ReactJS. The theoretical basis of the thesis largely focuses on the introduction of interface technologies and map libraries and their backgrounds, while the practical part presents which map libraries are best suited for the utilization of spatial data interfaces.

The thesis was done to support the author's own professional development, and in addition to the example applications, the result of the thesis was a solution proposal for the development of future spatial data interface applications concerning map libraries. It was found that React-Leaflet was the easiest and best documented map library of the solutions presented in the thesis.