81 lines
2.7 KiB
HTML
81 lines
2.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Simple Map Project</title>
|
|
|
|
<!-- Leaflet CSS -->
|
|
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" />
|
|
|
|
<!-- Custom CSS -->
|
|
<link rel="stylesheet" href="css/map.css">
|
|
|
|
<style>
|
|
/* Your existing inline styles... */
|
|
</style>
|
|
</head>
|
|
```
|
|
|
|
map.html
|
|
```html
|
|
<<<<<<< SEARCH
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Journey Mapper</title>
|
|
|
|
<!-- Leaflet CSS -->
|
|
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" />
|
|
|
|
<!-- Custom CSS -->
|
|
<link rel="stylesheet" href="css/map.css">
|
|
</head>
|
|
<body>
|
|
<div class="app-container">
|
|
<div class="sidebar">
|
|
<div class="journey-panel">
|
|
<h3><i class="fas fa-route"></i> Journey Manager</h3>
|
|
|
|
<!-- Journey Form -->
|
|
<form id="journey-form" class="journey-form">
|
|
<div class="form-group">
|
|
<label for="journey-name"><i class="fas fa-heading"></i> Journey Name:</label>
|
|
<input type="text" id="journey-name" required>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="journey-desc"><i class="fas fa-align-left"></i> Description:</label>
|
|
<textarea id="journey-desc"></textarea>
|
|
</div>
|
|
</form>
|
|
|
|
<!-- Markers List -->
|
|
<h4><i class="fas fa-map-marker-alt"></i> Journey Markers</h4>
|
|
<div id="markers-container" class="markers-list">
|
|
<!-- Markers will be added here -->
|
|
</div>
|
|
|
|
<!-- Buttons -->
|
|
<div class="button-group">
|
|
<button id="add-marker" class="btn btn-primary"><i class="fas fa-plus"></i> Add Marker</button>
|
|
<button id="save-journey" class="btn btn-success"><i class="fas fa-save"></i> Save Journey</button>
|
|
<button id="clear-markers" class="btn btn-danger"><i class="fas fa-trash"></i> Clear Markers</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Map container -->
|
|
<div id="map" class="map-area"></div>
|
|
</div>
|
|
|
|
<!-- Leaflet JS -->
|
|
<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>
|
|
|
|
<!-- Custom JavaScript -->
|
|
<script src="js/main.js"></script>
|
|
</body>
|
|
</html>
|