Buddhist Temple
About This Attraction
Ananda Temple is one of the most significant and well-preserved temples in Bagan, Myanmar. Built in 1105 AD during the reign of King Kyansittha, it showcases a blend of Mon and Indian architectural styles. The temple features four standing Buddha statues facing each cardinal direction, symbolizing the attainment of Nirvana. Visitors can appreciate its intricate carvings and frescoes that depict scenes from Buddhist scriptures.
The Ananda Temple opening hours are typically from early morning to late afternoon, allowing ample time for exploration. It is advisable to visit early in the day to avoid crowds and heat. The temple remains an active place of worship, so visitors should dress respectfully, covering shoulders and knees. Remember to remove shoes before entering the sacred space for a meaningful experience.
Location Details
Address
Anawrahta Road, Bagan, Myanmar
Visitor Information
Pricing & Ratings
Ticket Prices
Adult
5 USD
Child
Free
Student
3 USD
Senior
5 USD
Opening Hours & Booking
Open
Days
Daily
Hours
6:00 AM - 5:00 PM
Seasonality
Year-round
Booking
Booking Required?
No
Nearby Attractions
The Bagan Archaeological Museum is a notable institution located in Bagan, Myanmar. It provides visitors…
Learn More
Shwezigon Pagoda is a prominent Buddhist temple located in Bagan, Myanmar. Built in the 11th…
Learn More
U Bein Bridge, located near Mandalay in Myanmar, is renowned as the worlds longest teakwood…
Learn More
Mandalay Palace, situated in Mandalay, Myanmar, serves as a historical and cultural landmark. Constructed between…
Learn More
Kuthodaw Pagoda, located in Mandalay, Myanmar, is renowned for its unique feature of housing the…
Learn More
Mo Paeng Waterfall, located near Pai in northern Thailand, is a popular natural attraction known…
Learn More
A scenic waterfall with natural pools, popular for swimming and picnics.
Natural hot spring surrounded by lush forest.
A revered Buddhist temple known for its sacred Buddha image.
Cultural village showcasing Yunnan Chinese heritage.
";
}
// 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';
}
});
});
}
});