kohlerjoshua/FHGR_Frontend_Group_3_Project
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: update map library to leaflet and adjust styles

Browse Source
This commit is contained in:
Josh-Dev-Quest 2026-03-01 16:43:38 +01:00 committed by Josh-Dev-Quest (aider)
parent 25017ef0dc
commit 0165e9a4bf
No known key found for this signature in database
1 changed files with 13 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
map-page.html
View File

@ -5,13 +5,21 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Journey Mapper - Interactive Map</title>
<link rel='stylesheet' href='https://unpkg.com/maplibre-gl@5.19.0/dist/maplibre-gl.css' />
<script src='https://unpkg.com/maplibre-gl@5.19.0/dist/maplibre-gl.js'></script>
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" />
<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>
<style>
body { margin: 0; padding: 0; font-family: 'Poppins', sans-serif; }
html, body, #map { height: 100%; }
html, body {
height: 100%;
}
#map {
height: 100vh;
width: 100%;
position: relative;
}
/* Sidebar Styles */
.app-container {
display: flex;
@ -585,7 +593,7 @@
<i class="fas fa-list"></i> All Journeys
</a>
<a href="about.html" class="nav-link">
<i class="fas fa-question-circle"></i> Help
<i class="fas fa-question-circle">/i> Help
</a>
</div>
<p class="footer-text">Journey Mapper v1.0</p>