Historical Fort
About This Attraction
Castillo del Morro in Havana, officially known as Castillo de los Tres Reyes del Morro, is a historic fortress that overlooks the entrance to Havana Bay. Built in the late 16th century, it served as a critical defense point against pirates and invaders. The fortress is famous for its lighthouse, which was added in the mid-19th century and offers panoramic views of the city and the sea. Visitors can explore its thick stone walls and learn about its history through various exhibits.
When planning a visit, its important to note that Castillo del Morro, Havana opening hours are typically from 10:00 AM to 6:00 PM. The site also features guided tours that provide deeper insights into its military past. There are often cultural events held at the fortress, adding an interactive element to the visit. Be sure to check local schedules for any special events or changes in opening hours before heading out.
Location Details
Address
Carretera de La Cabana, Havana, Cuba
Visitor Information
Pricing & Ratings
Ticket Prices
Adult
$6
Child
$3
Student
$4
Senior
$5
Opening Hours & Booking
Open
Days
Tuesday to Sunday
Hours
10:00 AM to 6:00 PM
Seasonality
Year-round
Booking
Booking Required?
No
Nearby Attractions
Castillo del Morro, officially known as Castillo de San Pedro de la Roca, is a…
Learn More
The Museum of the Revolution in Havana is housed in a building that was once…
Learn More
El Capitolio, located in Havana, Cuba, is a significant architectural landmark that was completed in…
Learn More
The Malecón in Havana is a famous seafront promenade that stretches for about 8 kilometers…
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';
}
});
});
}
});