Δημιουργία διαδικτυακών χαρτών για την παρουσίαση της χωροχρονικής εξέλιξης της Θεσσαλονίκης
Creators: name: Ανδρεανίδου, Ιωάννα Γεωργίου
Publisher: name: Aristotle University of Thessaloniki
Year: 2018
Subjects: Διαδικτυακοί χάρτες
Πηγαίος κώδικας
Χωροχρονική εξέλιξη Θεσσαλονίκης
Web maps
Source code
Spatiotemporal evolution of Thessaloniki

description: Με δεδομένο το σημαντικό ρόλο που διαδραματίζουν οι χάρτες στην καθημερινή μας ζωή, καθώς και τη ραγδαία ανάπτυξη του διαδικτύου και την επιρροή που ασκεί σε όλους μας, έγινε η επιλογή του θέματος. Η εργασία έχει ως αντικείμενο την παρουσίαση της σειράς ψηφιακών χαρτών, με την παραγωγή πηγαίου κώδικα, σε περιβάλλον διαδραστικής διαδικτυακής πλατφόρμας. Αρχικά, περιγράφεται η σχεδιαστική διαδικασία παραγωγής των χαρτών, τα πρωτογενή δεδομένα, οι πηγές, τα εργαλεία, οι μέθοδοι, η σύνθεση και απεικόνιση των χαρτών του σε περιβάλλον GIS και η προετοιμασία για την εξαγωγή τους σε SVG αρχεία. Στη συνέχεια, περιγράφεται η υλοποίηση της διαδικτυακής διαδραστικής εφαρμογής η οποία πραγματοποιείται αποκλειστικά με την παραγωγή πηγαίου κώδικα. Πρώτο βήμα είναι η σύνδεση των χαρτών με την υπηρεσία Google Maps με τη χρήση του κλειδιού API KEY το οποίο απαιτείται. Για την επίτευξη της σύνδεσης εφαρμόζεται ο μετασχηματισμός των χαρτών από το γεωγραφικό σύστημα αναφοράς ΕΓΣΑ 87 στο σύστημα WGS84 που χρησιμοποιεί η υπηρεσία Google Maps. Μόλις επιτευχθεί η σύνδεση καθίσταται δυνατή η ενεργοποίηση των εργαλείων της Google Maps όπως το ζουμ (zoom), η περιήγηση στο χάρτη (pan), η μετάβαση σε πλήρη οθόνη (full screen view) και η μετάβαση σε Google Street View. Έπειτα δημιουργείται το εργαλείο της επιλογής του χάρτη που επιθυμεί να εμφανίσει κάθε φορά ο χρήστης. Τα εργαλεία της Google Maps βελτιώνονται ώστε να υπάρχει μία συνέχεια στην προβολή της χωροχρονικής εξέλιξης της πόλης. Γίνεται δυνατή η διατήρηση του επιπέδου ζουμ και του pan κατά την εναλλαγή από τη μία χρονιά σε μία άλλη, δηλαδή σε διαφορετικό χάρτη. Προστίθεται το εργαλείο της διαφάνειας (opacity control) των χαρτών ώστε τα στοιχεία τους να είναι συγκρίσιμα με αυτά του υποβάθρου των Google Maps. Σε τελευταίο στάδιο, δημιουργείται ένα πλαϊνό πλαίσιο πληροφοριών και νέων εργαλείων ώστε να ενισχυθεί η λειτουργικότητα της εφαρμογής αλλά και με σκοπό να γίνει πιο ελκυστικό προς το χρήστη το περιβάλλον της σελίδας. Το πρώτο νέο εργαλείο δίνει στο χρήστη τη δυνατότητα να προβάλει τους ιστορικούς γεωαναφερμένους χάρτες, από τους οποίους προήλθαν οι νέοι χάρτες, πάνω στο υπόβαθρο των Google Maps. Το δεύτερο εργαλείο καθιστά δυνατή τη σύγκριση υποβάθρων τοποθετώντας το ένα πάνω από το άλλο. Είναι δυνατή, επίσης, η προβολή του χάρτη σε όλο το πλάτος της σελίδας χωρίς να τη "μοιράζεται" με το πλαίσιο. Με τη λειτουργία ενός κουμπιού ο χρήστης μπορεί να αφαιρέσει ή να επαναφέρει το πλαίσιο όποτε επιθυμεί.
description: The choice of the topic was made by taking into consideration the importance of maps in our daily life in conjunction with the evolution of the internet and the influence it has on all of us. This thesis focuses on creating a series of digital maps in chronological order using source code in an interactive environment accessed by internet. Firstly, the creation of the maps is analyzed along with the raw data, the sources, the tools and the method of creating maps in a GIS environment and exporting them in SVG format. Secondly, the creation of the interactive internet application using only a source code is analyzed. The first step is linking the maps with the Google Maps application using an API KEY which is required. In order to make this link it is necessary to transform the reference system of the maps from Greek Grid to WGS 84 which is used by the Google Maps application. After making this connection it is possible to utilize the Google Maps tools like zoom, pan, selecting the full screen view and going from Google maps to Google street view. The creation of the selection tool ensues, so that the user can select the map he wants. The Google Maps tools are enhanced so that it is possible to view the changes that happened in the city as time went by. It is possible to switch between maps without altering the zoom and pan. The opacity control tool is also added so that one can compare the map with the Google Maps layer. In the final stage of the thesis a side menu is created as well as new tools in order to make the application more user friendly. The first new tool allows the user to see the historic maps, which were used to create the final product, on the Google maps background. The second tool allows the comparison of the layers by overlapping one map over another. The user can also view the map in full screen view by hiding the side menu using a button or restore it and browse the map while viewing the side menu at the same time.