Historical Landmark
About This Attraction
The Dom Tower in Utrecht is a prominent landmark and the tallest church tower in the Netherlands, standing at 112.5 meters. It was initially part of St. Martins Cathedral and was built between 1321 and 1382. The tower offers visitors stunning views of the city and surrounding areas from its observation platform, which can be reached by climbing 465 steps.
For those interested in visiting, it is important to note that guided tours are available, providing valuable Dom Tower travel information. These tours offer insights into the history and architecture of this iconic structure. Visitors should plan ahead, as the narrow staircases can be challenging for some. Remember to check opening hours and ticket availability before your visit to ensure a smooth experience.
Location Details
Address
Domplein 21, 3512 JE Utrecht, Netherlands
Visitor Information
Pricing & Ratings
Ticket Prices
Adult
10
Child
5
Student
8
Senior
8
Opening Hours & Booking
Open
Days
Tuesday to Sunday
Hours
12:00 PM - 5:00 PM
Seasonality
Open all year round, except for some public holidays
Booking
Booking Required?
Yes
Advance Booking
7 days days recommended
Book Your Visit
*Prices may vary. Check official website for the most up-to-date information.
Nearby Attractions
The Rietveld Schröder House in Utrecht is a significant landmark in the world of architecture.…
Learn More
Utrecht University, located in the city of Utrecht in the Netherlands, is one of the…
Learn More
Giethoorn, often referred to as the Dutch Venice, is a charming village in the Netherlands…
Learn More
Doolhof in Volendam is an intriguing area known for its narrow alleyways and charming old-style…
Learn More
The Clog Workshop in Zaanse Schans provides visitors with an engaging experience centered around the…
Learn More
The Maritime Museum in Rotterdam offers a fascinating look into the citys rich maritime history.…
Learn More
The Van Gogh Museum in Amsterdam houses the largest collection of Vincent van Goghs paintings…
Learn More
The Rijksmuseum in Amsterdam is a renowned Dutch national museum dedicated to arts and history.…
Learn More
Vondelpark is the largest city park in Amsterdam and a popular destination for both locals…
Learn More
The Anne Frank House in Amsterdam is a historical museum dedicated to the life and…
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';
}
});
});
}
});