Home » Asia » Vietnam » Hoi An, Vietnam » An Bang Beach
An Bang Beach

An Bang Beach

An Bang Beach in Hoi An, Vietnam, is a popular destination known for its long stretch of sandy coastline and clear blue waters. It offers a relaxing environment for visitors looking to enjoy the sun and sea.

Hoi An
Share to Friends
Beach

About This Attraction

An Bang Beach in Hoi An, Vietnam, is a popular destination known for its long stretch of sandy coastline and clear blue waters. It offers a relaxing environment for visitors looking to enjoy the sun and sea. The beach is accessible at all times, so there are no specific An Bang Beach opening hours to worry about.

There are several local restaurants and bars along the beach where you can enjoy fresh seafood and refreshing drinks. Many establishments also offer sun loungers and umbrellas for rent. The area is typically less crowded than other beaches in Vietnam, providing a more peaceful experience for tourists and locals alike.

Location Details

Address An Bang Beach, Cam An Ward, Hoi An, Quang Nam Province, Vietnam

Visitor Information

Pricing & Ratings

Ticket Prices

Adult Free
Child Free
Student Free
Senior Free

Ratings

Overall Rating
8.5/10
Crowd Level
7.0/10

Opening Hours & Booking

Open

Days Daily
Hours Open 24 hours
Seasonality Year-round

Booking

Booking Required? No

Nearby Attractions

Showing 10 of 16 attractions
Miles Kilometers

Tra Que Vegetable Village

Cultural Experience

Tra Que Vegetable Village is a small farming community located just outside Hoi An, Vietnam.…

8.5/10
Learn More

Japanese Covered Bridge

Historical Landmark

The Japanese Covered Bridge in Hoi An is an iconic historical landmark, showcasing the unique…

8.5/10
Learn More

Ancient Town

Cultural Heritage Site

Ancient Town in Hoi An is a UNESCO World Heritage Site located in Vietnam. It…

9.5/10
Learn More

Perfume River

Natural

The Perfume River in Hue, Vietnam is a significant waterway that flows through the city,…

8.5/10
Learn More

Imperial City

Historical Site

The Imperial City in Hue is a fascinating historical site in Vietnam, known for its…

9.2/10
Learn More

Thien Mu Pagoda

Buddhist Temple

Thien Mu Pagoda, located in the city of Hue, Vietnam, is an iconic Buddhist temple…

8.5/10
Learn More

Vinpearl Safari

Wildlife Park

Vinpearl Safari in Phu Quoc is Vietnams first and largest semi-wildlife conservation park. It covers…

8.5/10
Learn More

Tad Fane Waterfall

Waterfall

Tad Fane Waterfall is located in the Bolaven Plateau near Pakse, Laos. Known for its…

8.5/10
Learn More

Bolaven Plateau

Natural Landscape

The Bolaven Plateau in Pakse, Laos, is a popular destination known for its cool climate…

8.5/10
Learn More

Wat Phou

Historical Site

Wat Phou is an ancient Khmer temple complex located in southern Laos, near the town…

8.5/10
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'; } }); }); } });
Scroll to Top