Cultural Heritage Site
About This Attraction
Bagamoyo Historical Town, located on the coast of Tanzania, is an area rich in history with roots that trace back to the 18th century. The town served as a trading post and was significant during the era of the slave trade. Visitors can find Bagamoyo Historical Town travel information at local tourist centers to learn more about its important landmarks, such as the Old Fort and the Catholic Mission.
The town is also known for its cultural heritage sites, including the Kaole Ruins, which are remnants of early settlements. Bagamoyo has been recognized for its role in Tanzanian history and continues to attract those interested in learning about the past. With a peaceful atmosphere, it provides a glimpse into Tanzanias diverse history while offering educational experiences for all ages.
Location Details
Address
Bagamoyo, Pwani Region, Tanzania
Visitor Information
Pricing & Ratings
Ticket Prices
Adult
$10
Child
$5
Student
$7
Senior
$8
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
The Bagamoyo Arts and Cultural Institute is a notable destination located in the historic town…
Learn More
The Kaole Ruins in Bagamoyo, Tanzania, are an important historical site that dates back to…
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';
}
});
});
}
});