Cultural District

About This Attraction

San Francisco United States

San Franciscos Chinatown is the oldest and one of the largest Chinatowns in North America. It is a vibrant neighborhood known for its rich history, cultural landmarks, and traditional Chinese architecture. Visitors can explore Grant Avenue, the main street lined with shops offering everything from souvenirs to herbal medicines. When planning a visit, it is helpful to check Chinatown opening hours, as some stores and attractions may have varying schedules.

The area features several popular attractions, including the Dragon Gate, Portsmouth Square, and the Golden Gate Fortune Cookie Factory. Delicious dining options are plentiful, with many restaurants serving authentic Chinese cuisine. Public transportation access is convenient with several bus routes and the nearby Montgomery Street BART station. Overall, Chinatown offers a unique cultural experience in the heart of San Francisco.

Location Details

Address Grant Avenue, San Francisco, CA 94108, USA

Visitor Information

Pricing & Ratings

Ticket Prices

Adult Free

Child Free

Student Free

Senior Free

Ratings

Overall Rating

8.5/10

Crowd Level

8.0/10

Opening Hours & Booking

Open

Days Daily

Hours Open 24 hours

Seasonality Year-round

Booking

Booking Required? No

Nearby Attractions

Showing 10 of 22 attractions

Miles Kilometers

Notre-Dame Basilica

Historic Church

Notre-Dame Basilica in Montreal is a stunning example of Gothic Revival architecture located in the…

9.5/10

Distance: 403.7 km 250.8 mi

Montreal

Learn More

Old Montreal

Historic Site

Old Montreal, or Vieux-Montréal, is a historic district in the heart of Montreal, Quebec. Known…

8.5/10

Distance: 403.9 km 251 mi

Montreal

Learn More

Mount Royal

Park

Mount Royal is a prominent hill in Montreal, Quebec, offering both locals and tourists a…

9.2/10

Distance: 408.1 km 253.6 mi

Montreal

Learn More

Citadelle of Quebec

Historic Site

The Citadelle of Quebec is a historic fortress located in Quebec City, Canada. It is…

8.5/10

Distance: 495.9 km 308.1 mi

Quebec City

Learn More

Old Quebec

Historic District

Old Quebec, located in Quebec City, is a historic district known for its well-preserved colonial…

9.5/10

Distance: 496.4 km 308.4 mi

Quebec City

Learn More

Rideau Canal

Historic Canal

The Rideau Canal in Ottawa is a historic waterway that extends 202 kilometers from the…

9.0/10

Distance: 502.4 km 312.2 mi

Ottawa

Learn More

Montmorency Falls

Waterfall

Montmorency Falls is a stunning natural attraction located just a short drive from Quebec City…

9.0/10

Distance: 504.7 km 313.6 mi

Quebec City

Learn More

Parliament Hill

Government Building

Parliament Hill in Ottawa is the political heart of Canada, housing the offices of the…

9.5/10

Distance: 504.9 km 313.7 mi

Ottawa

Learn More

National Gallery of Canada

Art Museum

The National Gallery of Canada, located in Ottawa, is one of the countrys premier art…

9.2/10

Distance: 505.2 km 313.9 mi

Ottawa

Learn More

Toronto Islands

Island Park

The Toronto Islands are a group of small islands located just off the mainland of…

8.5/10

Distance: 690.8 km 429.2 mi

Toronto

Learn More

Travel Information Notice: Information on this page is for general reference only and may not reflect current conditions. Please see our Travel Information Disclaimer for important notices regarding: I. Data sources and limitations; II. Safety information accuracy; III. Recommendation scope; IV. Traveler responsibilities; V. Terms of use. Last updated: July 22, 2025.

"; } // 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'; } }); }); } });