Displaying map data on a web page: geoserver vs geoapi
Were you ever curious about how companies like Uber, Just Eat, and Strava show you the location of your ride, delivery, or run in real-time?
Well, in this tutorial we will go over the two main ways that map data can be displayed and interacted with on a web page. We will cover the following:
a discussion of the two main ways to display map data on a web page, and their pros and cons
setting up a postgres/ postgis database
inserting actual map data into the database
spinning up a geoserver to serve the map data
spinning up a geographical REST API to serve the map data
displaying the map data on a web page using streamlit and folium
In this video demo our resident Python Developer, James Twose, will show you how it is done!
---
0:00 Welcome
0:32 Outline of the tech stack
5:53 Geoserver/ geoapi pros and cons
10:00 README explanation
11:10 PDOK cable data
13:20 Overview of data load script
15:20 Running docker compose and looking into running services (PgAdmin, postgis, geoserver)
20:35 Load in all data (cables and meters)
25:53 Demo of geosever
27:48 Geoserver map layers configuration
33:45 Geoapi setup + demo
39:07 Streamlit frontend overview and explanation
44:58 Frontend comparison geoserver vs geoapi
50:18 Summary and closing all services