Historic Fort
About This Attraction
Castillo del Morro, officially known as Castillo de San Pedro de la Roca, is a significant historical fortress located in Santiago de Cuba. Built in the 17th century to protect against pirate attacks, this UNESCO World Heritage site offers impressive views of the bay and surrounding areas. The structure showcases Spanish military architecture and includes several levels with cannons and watchtowers. Visitors can explore its various sections and learn about its history through informative displays.
For those seeking Castillo del Morro travel information, its important to note that the site is open to the public and can be accessed by road from Santiago de Cuba. Guided tours are available, offering insights into the forts strategic importance during colonial times. Additionally, there is a small museum inside that provides historical context and displays artifacts from the era. When planning your visit, consider spending at least a couple of hours to fully appreciate the sites unique features and stunning vistas.
Location Details
Address
Carretera del Morro, Santiago de Cuba, Cuba
Visitor Information
Pricing & Ratings
Ticket Prices
Adult
6 USD
Child
3 USD
Student
5 USD
Senior
5 USD
Opening Hours & Booking
Open
Days
Monday to Sunday
Hours
9:00 AM to 7:00 PM
Seasonality
Year-round
Booking
Booking Required?
No
Nearby Attractions
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
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';
}
});
});
}
});