shoteose Space

shoteose © Copyright 2025. All rights reserved.

Download Curriculum Vitae

SIG: Interactive Map of Santa Marta de Portuzelo

(2024)

Practical work in Geographic Information Systems for the creation of an interactive map of the parish of Santa Marta de Portuzelo, using GeoServer, Leaflet and Node.js.

Phaser 3TilemapsArcade Physics
SIG: Interactive Map of Santa Marta de Portuzelo's Cover Image

More Details

Practical work carried out as part of the Geographical Information Systems (GIS) course unit, within the Degree in Computer Graphics and Multimedia Engineering. The objective was to create an interactive map with the identification of various types of data for the parish of Santa Marta de Portuzelo.

Phase 1: Database

A database (PostgreSQL/PostGIS) was modeled and created to store geographical data. Tables were created for areas, buildings, commerce, waste bins, and roads, each with a secondary table to list the types of information (e.g., `tipo_area`, `tipo_edificio`).

Phase 2: GeoServer

Configuration of the map server (GeoServer) to publish the database data as layers. Layers were created for the different themes, such as commerce, roads, buildings, etc., to be consumed by the interactive map.

Phase 3: Web Platform

Development of the web platform with the following architecture:

  • Frontend: HTML, CSS, and JavaScript using the Leaflet.js library for map rendering and interaction.
  • Backend: A REST API in Node.js to process user requests and communicate with the data server.
  • Services: GeoServer to provide geographical information via WFS (Web Feature Service).

Implemented Features

  • Advanced data search.
  • Adding waste bins to the map using coordinates.
  • Viewing commercial establishments within a user-defined radius.
  • Measuring distances between points on the map.

Project Gallery

SIG: Interactive Map of Santa Marta de Portuzelo - Mídia 1
SIG: Interactive Map of Santa Marta de Portuzelo - Mídia 2
SIG: Interactive Map of Santa Marta de Portuzelo - Mídia 3
SIG: Interactive Map of Santa Marta de Portuzelo - Mídia 4
SIG: Interactive Map of Santa Marta de Portuzelo - Mídia 5