Klong Dao Beach

Koh Lanta

Beach

About This Attraction

Klong Dao Beach is located on the island of Koh Lanta in Thailand, known for its long stretch of white sandy shoreline. The beach is about three kilometers long, offering plenty of space for visitors to relax and enjoy the sun. It is a popular destination for families due to its gentle waves and shallow waters, making it safe for children to swim. There are several accommodations ranging from budget-friendly bungalows to more luxurious resorts, providing options for different types of travelers.

For those seeking Klong Dao Beach travel information, it is accessible by road from Saladan Pier, which connects to ferries from the mainland. The area around the beach has many restaurants and shops, ensuring that visitors have access to necessities and local cuisine. Additionally, during the evening, the beach often hosts small events and barbecues, creating a friendly atmosphere. Overall, Klong Dao Beach is a convenient and enjoyable spot for tourists looking for a relaxed beach experience.

Location Details

Address Klong Dao Beach, Koh Lanta, Krabi, Thailand

Visitor Information

Pricing & Ratings

Ticket Prices

Adult Free

Child Free

Student Free

Senior Free

Ratings

Overall Rating

8.5/10

Crowd Level

6.0/10

Opening Hours & Booking

Open

Days Daily

Hours Open 24 hours

Seasonality Year-round

Booking

Booking Required? No

Beach

Scenic beach with rocky cliffs and clear waters.

8.5/10

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

Klong Dao Beach

About This Attraction

Location Details

Visitor Information

Pricing & Ratings

Ticket Prices

Ratings

Overall Rating

Crowd Level

Opening Hours & Booking

Open

Booking

Nearby Attractions

Koh Lanta Community Museum

Koh Lanta Night Market

Khlong Khong Beach

Long Beach (Phra Ae Beach)

Koh Lanta Animal Welfare

Lanta Secret Beach

Thung Yee Pheng Mangrove Forest

Mai Kaew Cave

Khlong Nin Beach

Diamond Cliff Beach

Reset Password