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

16
map-page.html
View File

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