Hypermedia driven maps
summary
A Django app wires hypermedia partials to a persistent Leaflet map so HTML swaps update markers without full page reloads, using htmx for AJAX swaps, django-jojson to render GeoJSON (no PostGIS required) and a small custom map script that initializes the map once, manages a marker layer, and rebinds data after HTMX swaps. The UI supports clicking the map to set lat/lon fields and AJAX-backed create/update forms — a working proof of concept.
AI-written summary · about
chapters (16)
- 0:00Introduction and welcome
- 1:10About the speaker and projects
- 2:39What is hypermedia
- 4:04Islands of interaction
- 6:36Architecture of the app
- 8:27Django and GeoJSON setup
- 9:57Base template and server
- 11:44Hypermedia partial structure
- 13:08JavaScript map management
- 15:13Handling map interactions
- 17:04Detail view and HTMX
- 19:11Updating map markers
- 21:40Map status and on-click
- 25:03Q&A and project purpose
- 27:21From architecture to coding
- 29:53Complex projects and simplicity
related talks
26mMaps with Django with Paolo Melchiorre
35mJavascript Fatigue: Back to Hypermedia w/ Django+HTMX
38mBeautiful, Interactive, and Portable Maps using Folium and Live API Data
01h 34mBuild a Web Map with Open Source Tools
24mBack to the Future of Hypermedia in Django
24mGeo+Django: Geo beyond the Django
31mMaps with Django
17mMaps with Django