mirror of
https://github.com/pacnpal/thrillwiki_django_no_react.git
synced 2025-12-20 16:51:07 -05:00
b1c369c1bb
- Implemented park card component with image, status badge, favorite button, and quick stats overlay. - Developed ride card component featuring thrill level badge, status badge, favorite button, and detailed stats. - Created advanced search page with filters for parks and rides, including location, type, status, and thrill level. - Added dynamic quick search functionality with results display. - Enhanced user experience with JavaScript for filter toggling, range slider updates, and view switching. - Included custom CSS for improved styling of checkboxes and search results layout.
30 lines
1.0 KiB
JavaScript
30 lines
1.0 KiB
JavaScript
// Only declare parkMap if it doesn't exist
|
|
window.parkMap = window.parkMap || null;
|
|
|
|
function initParkMap(latitude, longitude, name) {
|
|
const mapContainer = document.getElementById('park-map');
|
|
|
|
// Only initialize if container exists and map hasn't been initialized
|
|
if (mapContainer && !window.parkMap) {
|
|
const width = mapContainer.offsetWidth;
|
|
mapContainer.style.height = width + 'px';
|
|
|
|
window.parkMap = L.map('park-map').setView([latitude, longitude], 13);
|
|
|
|
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
|
|
attribution: '© OpenStreetMap contributors'
|
|
}).addTo(window.parkMap);
|
|
|
|
L.marker([latitude, longitude])
|
|
.addTo(window.parkMap)
|
|
.bindPopup(name);
|
|
|
|
// Update map size when window is resized
|
|
window.addEventListener('resize', function() {
|
|
const width = mapContainer.offsetWidth;
|
|
mapContainer.style.height = width + 'px';
|
|
window.parkMap.invalidateSize();
|
|
});
|
|
}
|
|
}
|