Seaside Promenade
About This Attraction
The Malecón in Havana is a famous seafront promenade that stretches for about 8 kilometers along the coast of the city. It is a popular spot for both locals and tourists who enjoy walking, socializing, and taking in the scenic views of the Gulf of Mexico. The area is lined with various historical buildings and offers an ideal place to experience Havanas unique atmosphere.
While there are no specific Malecón, Havana opening hours, the promenade is open to the public at all times. Visitors can enjoy its lively environment throughout the day and night. The Malecón is also known for its spectacular sunsets, making it a perfect spot for photography or simply relaxing by the sea.
Location Details
Address
Malecón, Havana, Cuba
Visitor Information
Pricing & Ratings
Ticket Prices
Adult
Free
Child
Free
Student
Free
Senior
Free
Opening Hours & Booking
Open
Days
Everyday
Hours
24 hours
Seasonality
Year-round
Booking
Booking Required?
No
Nearby Attractions
El Capitolio, located in Havana, Cuba, is a significant architectural landmark that was completed in…
Learn More
Castillo del Morro, officially known as Castillo de San Pedro de la Roca, is a…
Learn More
Castillo del Morro in Havana, officially known as Castillo de los Tres Reyes del Morro,…
Learn More
The Museum of the Revolution in Havana is housed in a building that was once…
Learn More
Old Havana, known as Habana Vieja in Spanish, is a historic area in the city…
Learn More
Punta Mosquito is a serene area located on the eastern tip of Isla Holbox, Mexico.…
Learn More
The Tulum Ruins are a popular archaeological site located on the east coast of the…
Learn More
Gran Cenote is a popular natural attraction located near Tulum, Mexico. It is known for…
Learn More
Tulum Beach is a popular destination located on the Caribbean coastline of Mexico's Yucatán Peninsula.…
Learn More
Céspedes Park, located in the heart of Santiago de Cuba, is a central gathering spot…
Learn More
";
}
// Initialize modal controls
const initModalControls = function() {
console.log('Initializing modal controls');
const modal = document.getElementById('attraction-modal');
const closeBtn = document.querySelector('.attraction-modal-close');
if (closeBtn) {
closeBtn.addEventListener('click', function() {
modal.style.display = 'none';
document.body.style.overflow = '';
});
}
window.addEventListener('click', function(event) {
if (event.target === modal) {
modal.style.display = 'none';
document.body.style.overflow = '';
}
});
// Make attraction cards clickable
const attractionCards = document.querySelectorAll('.attraction-card');
console.log('Found ' + attractionCards.length + ' attraction cards');
attractionCards.forEach(card => {
card.addEventListener('click', function(e) {
openModalWithCardData(this);
});
});
};
// Function to open modal with card data
const openModalWithCardData = function(card) {
// Get data from hidden div
const data = card.querySelector('.attraction-full-data');
if (!data) {
console.error('No attraction data found in card');
return;
}
const modal = document.getElementById('attraction-modal');
if (!modal) {
console.error('Modal element still not found after creation attempt');
return;
}
// Helper function to safely get element text
function getElementText(selector) {
const element = data.querySelector(selector);
return element ? element.textContent : '';
}
try {
// Basic Info
document.getElementById('attraction-modal-title').textContent = getElementText('.attraction-name');
document.getElementById('attraction-modal-type').textContent = getElementText('.attraction-type-full');
document.getElementById('attraction-modal-description').textContent = getElementText('.attraction-description-full');
// Reset all containers to hidden
['attraction-modal-hours-container', 'attraction-modal-price-container',
'attraction-modal-address-container', 'attraction-modal-image-container'].forEach(id => {
const container = document.getElementById(id);
if (container) container.style.display = 'none';
});
// Rating
const ratingText = getElementText('.attraction-rating-full');
if (ratingText) {
const ratingValue = parseFloat(ratingText);
if (!isNaN(ratingValue)) {
const ratingValueEl = document.getElementById('attraction-modal-rating-value');
const ratingFillEl = document.getElementById('attraction-modal-rating-fill');
if (ratingValueEl) ratingValueEl.textContent = ratingValue.toFixed(1) + '/10';
if (ratingFillEl) ratingFillEl.style.width = (ratingValue * 10) + '%';
}
}
// Show the modal
modal.style.display = 'block';
document.body.style.overflow = 'hidden'; // Prevent background scrolling
console.log('Modal opened successfully');
} catch (error) {
console.error('Error opening modal:', error);
}
};
// Try to create the modal
const created = createModal();
console.log('Modal created:', created);
// If not created (already exists), initialize the controls
if (!created) {
initModalControls();
}
// Also initialize distance toggle
const distanceToggle = document.getElementById('distance-unit-toggle');
if (distanceToggle) {
distanceToggle.addEventListener('change', function() {
const showKm = this.checked;
// Update toggle labels
const labels = document.querySelectorAll('.toggle-label');
if (labels.length >= 2) {
labels[0].style.opacity = showKm ? '0.5' : '1';
labels[1].style.opacity = showKm ? '1' : '0.5';
}
// Update all distance displays
document.querySelectorAll('.nearby-attraction-card').forEach(card => {
const kmEl = card.querySelector('.distance-km');
const miEl = card.querySelector('.distance-mi');
if (kmEl && miEl) {
kmEl.style.display = showKm ? 'inline' : 'none';
miEl.style.display = showKm ? 'none' : 'inline';
}
});
});
}
});