Geographical Information System in Web Application : Developing Web Application to Serve Spatial Data to Users
Jiang, Zhipeng (2020)
Jiang, Zhipeng
2020
All rights reserved. This publication is copyrighted. You may download, display and print it for Your own personal use. Commercial use is prohibited.
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-202001231535
https://urn.fi/URN:NBN:fi:amk-202001231535
Tiivistelmä
This study is aimed to give a basic understanding of web GIS from a technological point of view. Also, how the approach is useable for other technologies. The technologies including JavaScript API for Google Maps and ArcGIS were tested with the demonstrations. Additionally, the open-sourced solutions are discussed with the self-hosted server, PostgreSQL database. And with Openlayers as the front-end JavaScript library to present the geospatial data.
During the study, in the Google Maps API demonstration, the GeoJson data is made by geojson.io and attitude data of the spatial data is called with the API method, to create popup windows for each city area. Another layer that represents a specific location for the school, park, and hospital at Kokkola area is marked out with Google Maps API marker and it is overlaid, on top of that city area layer. The same spatial data and its related attribute data are implemented once more with ArcGIS JavaScript API to find out what is the difference between these two technologies.
The result is that the Google Maps JavaScript API does not need to have a popup template to have the popup functionality working, instead of popup template, in the Google Maps JavaScript API, the click event listener is created to handle the popup event. Furthermore, Google Maps JavaScript API need an API key to use the API, whereas ArcGIS JavaScript API does not require an API key to use it. These two demonstrations give a basic understanding of how the modern GIS works with the different map layers suggested by Roger Tomlinson in 1963.
For better understanding, the Open Geospatial Consortium (OGC) with Web Map Service (WMS) and Web Feature Service (WFS) layers are defined and explained. A short demonstration for WMS layer for a traffic accident in Finland is implemented by ArcGIS JavaScript API using its URL, which approves the theory of WMS and WFS layer defined under OGC that can be accessed by URL. The theory three-tier architecture for web GIS is suggested and open-sourced, self-hosted implementation is carried out to support the theory part of the web GIS with Openlayers, Geoserver in Tomcat web server, and PostgreSQL database.
During the study, in the Google Maps API demonstration, the GeoJson data is made by geojson.io and attitude data of the spatial data is called with the API method, to create popup windows for each city area. Another layer that represents a specific location for the school, park, and hospital at Kokkola area is marked out with Google Maps API marker and it is overlaid, on top of that city area layer. The same spatial data and its related attribute data are implemented once more with ArcGIS JavaScript API to find out what is the difference between these two technologies.
The result is that the Google Maps JavaScript API does not need to have a popup template to have the popup functionality working, instead of popup template, in the Google Maps JavaScript API, the click event listener is created to handle the popup event. Furthermore, Google Maps JavaScript API need an API key to use the API, whereas ArcGIS JavaScript API does not require an API key to use it. These two demonstrations give a basic understanding of how the modern GIS works with the different map layers suggested by Roger Tomlinson in 1963.
For better understanding, the Open Geospatial Consortium (OGC) with Web Map Service (WMS) and Web Feature Service (WFS) layers are defined and explained. A short demonstration for WMS layer for a traffic accident in Finland is implemented by ArcGIS JavaScript API using its URL, which approves the theory of WMS and WFS layer defined under OGC that can be accessed by URL. The theory three-tier architecture for web GIS is suggested and open-sourced, self-hosted implementation is carried out to support the theory part of the web GIS with Openlayers, Geoserver in Tomcat web server, and PostgreSQL database.