Historical Site
About This Attraction
Shuri Castle is a historic site located in Okinawa, Japan. It served as the palace of the Ryukyu Kingdom from 1429 until 1879 and is an important symbol of Okinawan culture and history. The castle was designated as a UNESCO World Heritage Site in 2000, highlighting its cultural significance. Visitors can explore the reconstructed buildings and learn about Okinawas unique history through exhibits and guided tours.
For those planning a visit, Shuri Castle travel information includes practical details such as operating hours and entrance fees. The site offers panoramic views of Naha city, making it a popular tourist destination. While the main hall was severely damaged by a fire in 2019, restoration efforts are ongoing. Visitors can still access other areas of the complex and enjoy traditional performances, which take place regularly.
Location Details
Address
1 Chome-2 Shurikinjocho, Naha, Okinawa 903-0815, Japan
Visitor Information
Pricing & Ratings
Ticket Prices
Adult
400 JPY
Child
Free
Student
300 JPY
Senior
300 JPY
Opening Hours & Booking
Open
Days
Daily
Hours
8:30 AM - 5:30 PM
Seasonality
Year-round
Booking
Booking Required?
No
Nearby Attractions
Kokusai Street, located in Naha, Okinawa, is a well-known destination for shopping and dining. It…
Learn More
Okinawa Churaumi Aquarium is a remarkable destination located in Okinawa, Japan. It is renowned for…
Learn More
Fukuoka Tower, located in Fukuoka City, Japan, stands as one of the tallest seaside towers…
Learn More
Ohori Park in Fukuoka is a popular destination for both locals and tourists, offering a…
Learn More
Canal City Hakata is a large shopping and entertainment complex located in Fukuoka, Japan. It…
Learn More
Gamcheon Culture Village in Busan is a must-see destination for visitors interested in art and…
Learn More
Jagalchi Fish Market in Busan is one of South Koreas largest seafood markets, located near…
Learn More
Haeundae Beach is one of the most popular tourist destinations in Busan, South Korea. Known…
Learn More
Hahoe Folk Village, located in Andong, South Korea, is a well-preserved traditional village that offers…
Learn More
Andong Confucian Academy, also known as Dosan Seowon, is a significant historical site located in…
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';
}
});
});
}
});