Cultural Precinct
About This Attraction
Federation Square is a major cultural precinct located in the heart of Melbourne, Australia. It covers an area of 3.2 hectares and is home to several key attractions, including the Ian Potter Centre: NGV Australia, which houses Australian art, and the Australian Centre for the Moving Image (ACMI), dedicated to film, television, and digital culture. Visitors can also enjoy numerous dining options and regular events held in the open-air plaza. This makes it a lively hub for both locals and tourists seeking entertainment and relaxation.
The design of Federation Square is notable for its unique architecture, featuring a striking mix of sandstone, zinc, and glass panels. It was officially opened in 2002 and has since become an iconic part of Melbournes cityscape. Easily accessible by public transport, Federation Square offers a convenient starting point for exploring the city. For more detailed Federation Square travel information, visitors can check the official website or inquire at the onsite visitor center.
Location Details
Address
Corner of Swanston St & Flinders St, Melbourne VIC 3000, Australia
Visitor Information
Pricing & Ratings
Ticket Prices
Adult
Free
Child
Free
Student
Free
Senior
Free
Opening Hours & Booking
Open
Days
Monday to Sunday
Hours
24 hours
Seasonality
Year-round
Booking
Booking Required?
No
Nearby Attractions
Melbourne Zoo, located in Parkville, is one of the oldest zoos in Australia and offers…
Learn More
Maud Sanctuary Zone in Coral Bay is a popular destination for nature lovers and marine…
Learn More
Darling Harbour is a popular destination located in the heart of Sydney, Australia, offering a…
Learn More
The Royal Botanic Gardens in Melbourne are a popular destination for both locals and visitors,…
Learn More
The Sydney Opera House is a world-renowned architectural masterpiece located on the shores of Sydney…
Learn More
The Sydney Harbour Bridge is an iconic structure in Sydney, Australia, connecting the citys central…
Learn More
Bondi Beach is one of Sydneys most famous beaches, attracting visitors from around the world.…
Learn More
Taronga Zoo in Sydney is a popular destination for people interested in wildlife and conservation.…
Learn More
Arakwal National Park is located in Byron Bay, New South Wales, Australia. It offers visitors…
Learn More
Cape Byron Lighthouse is located at the easternmost point of mainland Australia in Byron Bay,…
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';
}
});
});
}
});