Historical Site
About This Attraction
The Kaole Ruins in Bagamoyo, Tanzania, are an important historical site that dates back to the 13th century. These ruins include ancient mosques and tombs, showcasing the early influence of Islam along the East African coast. Located approximately 5 kilometers south of Bagamoyo town, the site provides a glimpse into the Swahili culture and architecture of the era. Visitors can explore the remnants of this once-thriving settlement while observing various artifacts and structures that have withstood the test of time.
When planning a visit, its useful to know the Kaole Ruins opening hours to make the most of your trip. Typically, the site is open daily, but checking local resources for any changes or updates is advisable. The peaceful surroundings offer a serene atmosphere for reflection and learning, making it suitable for visitors of all ages. The informative plaques around the site provide context to enhance your understanding of its historical significance.
Location Details
Address
Kaole, Bagamoyo, Tanzania
Visitor Information
Pricing & Ratings
Ticket Prices
Adult
$5
Child
$2
Student
$3
Senior
$4
Opening Hours & Booking
Open
Days
Monday to Sunday
Hours
8:00 AM to 6:00 PM
Seasonality
Year-round
Booking
Booking Required?
No
Nearby Attractions
Bagamoyo Historical Town, located on the coast of Tanzania, is an area rich in history…
Learn More
The Bagamoyo Arts and Cultural Institute is a notable destination located in the historic town…
Learn More
Stone Town, located on the island of Zanzibar, is a UNESCO World Heritage site known…
Learn More
Prison Island, also known as Changuu Island, is located a short boat ride from Stone…
Learn More
Spice Farms in Zanzibar offer an educational and aromatic experience for visitors interested in learning…
Learn More
Jozani Forest is the largest remaining natural forest on the island of Zanzibar, offering a…
Learn More
Nungwi Beach is located on the northern tip of Zanzibar, Tanzania, and is renowned for…
Learn More
Maziwe Island, located off the coast of Pangani, Tanzania, is a small marine sanctuary known…
Learn More
Misali Island, located off the coast of Pemba Island in Tanzania, is a small island…
Learn More
The Pemba Flying Fox Sanctuary, located on Pemba Island in Tanzania, is a vital conservation…
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';
}
});
});
}
});