Directions from Hanoi to Ho Chi Minh City<\/title>\n <script src=\"https:\/\/api.mapbox.com\/mapbox-gl-js\/v2.7.0\/mapbox-gl.js\"><\/script>\n <link href=\"https:\/\/api.mapbox.com\/mapbox-gl-js\/v2.7.0\/mapbox-gl.css\" rel=\"stylesheet\">\n <script src=\"https:\/\/unpkg.com\/html2canvas@0.5.0-beta4\/dist\/html2canvas.min.js\"><\/script>\n\n <style>\n#wa {\n display: none !important;\n}\n\/* Set a specific height for the map container *\/\n#map {\n height: 100vh;\n width:70%;\n}\n#wrap{\ndisplay:flex;\njustify-content:center;\nalign-items:center;\n}\n\n.numbered-marker{\nwidth:0; height:0;}\n\n.numbered-marker span {\n display:flex;\n justify-content:center;\n align-items:center;\n box-sizing:border-box;\n width: 30px;\n height: 30px;\n color:#fff;\n background: #693;\n border:solid 2px;\n border-radius: 0 70% 70%;\n box-shadow:0 0 2px #000;\n cursor: pointer;\n transform-origin:0 0;\n transform: rotateZ(-135deg);\n}\n.numbered-marker b{\ntransform: rotateZ(135deg)}\n\n\n\/* Style for the itinerary *\/\n#itinerary-container {\n max-width: 400px;\n margin: 20px;\n padding: 10px;\n border: 1px solid #ccc;\n border-radius: 5px;\n background-color: #f9f9f9;\n}\n\n.itinerary-item {\n display: flex;\n align-items: center;\n margin-bottom: 10px;\n}\n\n.itinerary-number {\n margin-right: 10px;\n font-weight: bold;\n}\n <\/style>\n<\/head>\n<body>\n\n\n \n<div id=\"wrap\">\n <div id=\"itinerary\">\n <div class=\"tab-content\">\n <div\n id=\"nb-2-configurations\"\n class=\"nb-2-configurations nb-configurations\"\n style=\"display: block\"\n >\n <div class=\"wte-itinerary-header-wrapper\">\n <div class=\"wp-travel-engine-itinerary-header\">\n <h2 class=\"wpte-itinerary-title\">Itinerary<\/h2>\n <div class=\"aib-button-toggle toggle-button expand-all-button\">\n <label for=\"itinerary-toggle-button\" class=\"aib-button-label\"\n >Expand all<\/label\n >\n <input\n id=\"itinerary-toggle-button\"\n type=\"checkbox\"\n class=\"checkbox\"\n checked=\"\"\n \/>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"post-data itinerary wte-trip-itinerary-v2\">\n <div class=\"itinerary-row active\">\n <div class=\"wte-itinerary-head-wrap\">\n <div class=\"title\">Day 1 :<\/div>\n <a\n class=\"accordion-tabs-toggle active\"\n href=\"javascript:void(0);\"\n >\n <span\n class=\"dashicons dashicons-arrow-down custom-toggle-tabs rotator open\"\n ><\/span>\n <div class=\"itinerary-title\">\n <span> ARRIVAL IN PHNOM PENH <\/span>\n <\/div>\n <\/a>\n <\/div>\n <style id=\"itinerary-content-show\">\n .itinerary-content {\n disply: block !important;\n }\n <\/style>\n <div class=\"itinerary-content show\" style=\"display: block\">\n <div class=\"content\">\n <p>\n Upon arrival, meet and transfer to the hotel for check-in\n (Early check-in is NOT included & subject to hotel\u2019s\n availability).<br \/>\n Accommodation in Phnom Penh.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"itinerary-row active\">\n <div class=\"wte-itinerary-head-wrap\">\n <div class=\"title\">Day 2 :<\/div>\n <a\n class=\"accordion-tabs-toggle active\"\n href=\"javascript:void(0);\"\n >\n <span\n class=\"dashicons dashicons-arrow-down custom-toggle-tabs rotator open\"\n ><\/span>\n <div class=\"itinerary-title\">\n <span> PHNOM PENH CITY TOURS <\/span>\n <\/div>\n <\/a>\n <\/div>\n <style id=\"itinerary-content-show\">\n .itinerary-content {\n disply: block !important;\n }\n <\/style>\n <div class=\"itinerary-content show\" style=\"display: block\">\n <div class=\"content\">\n <p>\n Embark on a captivating journey through Cambodia’s capital,\n where the Royal Palace and Silver Pagoda showcase Khmer\n architectural splendor. Constructed in 1866 by the French, the\n Royal Palace, now the residence of King Sihamoni, exudes regal\n grandeur. Next, explore the Central Market, a colossal art\n deco marvel known as Psar Thmei, offering a sensory feast with\n its diverse array of snacks, drinks, and local delights.<br \/>\n After that, discover the National Museum, an architectural gem\n designed by Groslier in 1917, showcasing traditional Khmer\n style. Inaugurated in 1920 near the Royal Palace, it stands as\n a testament to Cambodia’s cultural legacy.<br \/>\n Immerse yourself in the vibrant tapestry of Cambodia’s culture\n before returning to your hotel.<br \/>\n Accommodation in Phnom Penh.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"itinerary-row active\">\n <div class=\"wte-itinerary-head-wrap\">\n <div class=\"title\">Day 3 :<\/div>\n <a\n class=\"accordion-tabs-toggle active\"\n href=\"javascript:void(0);\"\n >\n <span\n class=\"dashicons dashicons-arrow-down custom-toggle-tabs rotator open\"\n ><\/span>\n <div class=\"itinerary-title\">\n <span> PHNOM PENH \u2013 TA KEO <\/span>\n <\/div>\n <\/a>\n <\/div>\n <style id=\"itinerary-content-show\">\n .itinerary-content {\n disply: block !important;\n }\n <\/style>\n <div class=\"itinerary-content show\" style=\"display: block\">\n <div class=\"content\">\n <p>\n Embark on a delightful journey with a brief transfer to S\u00e1ng,\n a local market 25km south of Phnom Penh. Start your cycling\n adventure amid the vibrant market, witnessing the lively trade\n that defines daily life. Pedal along dikes, through\n picturesque countryside, passing pagodas, and traditional\n houses. Pause for visits to local families and refreshing\n snack breaks. Enjoy lunch at a local restaurant upon reaching\n Angkor Borei, followed by visits to the Angkor Borei Museum\n and the ancient Prasat Phnom Da temple atop a mountain, a\n significant relic from the Funan era. End the day with a\n scenic speedboat ride to Ta Keo, where you check in at the\n hotel and free at leisure.<br \/>\n Accommodation in Ta Keo.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"itinerary-row active\">\n <div class=\"wte-itinerary-head-wrap\">\n <div class=\"title\">Day 4 :<\/div>\n <a\n class=\"accordion-tabs-toggle active\"\n href=\"javascript:void(0);\"\n >\n <span\n class=\"dashicons dashicons-arrow-down custom-toggle-tabs rotator open\"\n ><\/span>\n <div class=\"itinerary-title\">\n <span> TA KEO \u2013 KEP <\/span>\n <\/div>\n <\/a>\n <\/div>\n <style id=\"itinerary-content-show\">\n .itinerary-content {\n disply: block !important;\n }\n <\/style>\n <div class=\"itinerary-content show\" style=\"display: block\">\n <div class=\"content\">\n <p>\n We are go to Kep pass through the main market of Krong Doun\n Keo and get to the village roads to Kampong Trac. On the way,\n we will visit small villages and the Cambodia Railway. Upon\n arrival at Kampong Trach Cave, take about 30 minutes to visit\n the ancient cave in the original mountain. The area\u2019s main\n attraction is a series of limestone caves and tubes that have\n been carved into a nearby mountain. The roof of a large cave\n in the center of a mountain has collapsed, making a small,\n enclosed jungle. Transfer to the crab market in Kep by a\n support vehicle and have lunch at the local restaurant.\n Check-in at the hotel and free at leisure<br \/>\n Late afternoon, we drive around Kep City and take some time to\n walk around the beach before we go to have dinner at the local\n restaurant.<br \/>\n Accommodation in Kep.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"itinerary-row active\">\n <div class=\"wte-itinerary-head-wrap\">\n <div class=\"title\">Day 5 :<\/div>\n <a\n class=\"accordion-tabs-toggle active\"\n href=\"javascript:void(0);\"\n >\n <span\n class=\"dashicons dashicons-arrow-down custom-toggle-tabs rotator open\"\n ><\/span>\n <div class=\"itinerary-title\">\n <span> KEP \u2013 KAMPOT <\/span>\n <\/div>\n <\/a>\n <\/div>\n <style id=\"itinerary-content-show\">\n .itinerary-content {\n disply: block !important;\n }\n <\/style>\n <div class=\"itinerary-content show\" style=\"display: block\">\n <div class=\"content\">\n <p>\n Today we will visit Kep City such as the Bo Tree Farm, it is\n one of the best pepper Kampong Farms and the owner also grow\n other types of Cambodian fruit trees such as coconut, mango,\n and durian. Enjoy the cold coconut juice and learn about the\n whole process of pepper plantation before we continue to visit\n Phnom Chngok (the ancient cave on the natural mountain), and\n also stop to visit the natural salt field. Then drive to the\n Kampong River to have lunch at the local restaurant in Le\n Manguies Lodge. Check-in and late afternoon, we enjoy kayaking\n along the Kampot River and return to the hotel before dark.\n Dinner and overnight at the hotel.<br \/>\n Accommodation in Kampot.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"itinerary-row active\">\n <div class=\"wte-itinerary-head-wrap\">\n <div class=\"title\">Day 6 :<\/div>\n <a\n class=\"accordion-tabs-toggle active\"\n href=\"javascript:void(0);\"\n >\n <span\n class=\"dashicons dashicons-arrow-down custom-toggle-tabs rotator open\"\n ><\/span>\n <div class=\"itinerary-title\">\n <span> KAMPOT \u2013 KOH RONG <\/span>\n <\/div>\n <\/a>\n <\/div>\n <style id=\"itinerary-content-show\">\n .itinerary-content {\n disply: block !important;\n }\n <\/style>\n <div class=\"itinerary-content show\" style=\"display: block\">\n <div class=\"content\">\n <p>\n We drive up to the top of Bokor Hill to view Kampot City, the\n forest, the countryside, and the sea of Cambodia since Bokor\n is the highest mountain in Southern Cambodia. Continue to\n drive to Sihanouk Ville, the nicest beach city in Cambodia,\n and have lunch at the local restaurant. Take the speedboat to\n Koh Rong. It is a peaceful relaxing destination with\n breathtaking scenery \u2013 Pristine white beaches, clear turquoise\n ocean waters, and a tropical jungle wilderness. A real \u2018island\n paradise\u2019 \u2013 As it is often called by tourists. Free at leisure\n \u2013 dinner at the hotel.<br \/>\n Accommodation in Koh Rong.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"itinerary-row active\">\n <div class=\"wte-itinerary-head-wrap\">\n <div class=\"title\">Day 7 :<\/div>\n <a\n class=\"accordion-tabs-toggle active\"\n href=\"javascript:void(0);\"\n >\n <span\n class=\"dashicons dashicons-arrow-down custom-toggle-tabs rotator open\"\n ><\/span>\n <div class=\"itinerary-title\">\n <span> KOH RONG \u2013 FREE AT LEISURE <\/span>\n <\/div>\n <\/a>\n <\/div>\n <style id=\"itinerary-content-show\">\n .itinerary-content {\n disply: block !important;\n }\n <\/style>\n <div class=\"itinerary-content show\" style=\"display: block\">\n <div class=\"content\">\n <p>\n Free at leisure to dive into the azure depths surrounding Koh\n Rong, exploring vibrant coral reefs and marine life. Snorkel\n in crystalline waters, discovering the beauty beneath the\n surface. Relax on pristine beaches, where white sands meet the\n gentle lull of the sea.<br \/>\n Accommodation in Koh Rong.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"itinerary-row active\">\n <div class=\"wte-itinerary-head-wrap\">\n <div class=\"title\">Day 8 :<\/div>\n <a\n class=\"accordion-tabs-toggle active\"\n href=\"javascript:void(0);\"\n >\n <span\n class=\"dashicons dashicons-arrow-down custom-toggle-tabs rotator open\"\n ><\/span>\n <div class=\"itinerary-title\">\n <span> KOH RONG \u2013 FREE AT LEISURE <\/span>\n <\/div>\n <\/a>\n <\/div>\n <style id=\"itinerary-content-show\">\n .itinerary-content {\n disply: block !important;\n }\n <\/style>\n <div class=\"itinerary-content show\" style=\"display: block\">\n <div class=\"content\">\n <p>\n Free at leisure to snorkel in crystal-clear waters, witnessing\n the beauty just beneath the surface. Unwind on pristine\n beaches, relishing the perfect blend of sun, sea, and sand.<br \/>\n Accommodation in Koh Rong.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"itinerary-row active\">\n <div class=\"wte-itinerary-head-wrap\">\n <div class=\"title\">Day 9 :<\/div>\n <a\n class=\"accordion-tabs-toggle active\"\n href=\"javascript:void(0);\"\n >\n <span\n class=\"dashicons dashicons-arrow-down custom-toggle-tabs rotator open\"\n ><\/span>\n <div class=\"itinerary-title\">\n <span> KOH RONG \u2013 STUNG PORPOK <\/span>\n <\/div>\n <\/a>\n <\/div>\n <style id=\"itinerary-content-show\">\n .itinerary-content {\n disply: block !important;\n }\n <\/style>\n <div class=\"itinerary-content show\" style=\"display: block\">\n <div class=\"content\">\n <p>\n In the morning, we take the speedboat to Sihanouk Ville and\n drive to Stung Porpok Mountain, 30 minutes by boat and 1h30mn\n driving. On arrival at the food of the amounting, get things\n ready and start trekking up to the top of the mountain. Picnic\n lunch will be provided on-site. Then continue trekking on the\n top of the mountain through the jungle, our guide will give\n you a lot of information about the area, different types of\n trees, and plants. The trekking of 15km will take us about 3-4\n hours, and we reach our shelter at Stueng Phong Rul\n (waterfall). Dinner and camping near the river<br \/>\n Accommodation in Stung Porpok.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"itinerary-row active\">\n <div class=\"wte-itinerary-head-wrap\">\n <div class=\"title\">Day 10 :<\/div>\n <a\n class=\"accordion-tabs-toggle active\"\n href=\"javascript:void(0);\"\n >\n <span\n class=\"dashicons dashicons-arrow-down custom-toggle-tabs rotator open\"\n ><\/span>\n <div class=\"itinerary-title\">\n <span> STUNG PORPOK \u2013 KIRIROM <\/span>\n <\/div>\n <\/a>\n <\/div>\n <style id=\"itinerary-content-show\">\n .itinerary-content {\n disply: block !important;\n }\n <\/style>\n <div class=\"itinerary-content show\" style=\"display: block\">\n <div class=\"content\">\n <p>\n Transfer for 1 hour and 30 minutes to Stueng Chral where we\n will start trekking to the top of Kirirom Mountain, the trek\n will allow you to enjoy the nice atmosphere of pine trees and\n a big lake. After 15km of trekking we will arrive at a local\n resort, have lunch, for check in. Free at leisure, enjoy the\n swimming pool.<br \/>\n Late afternoon, we drive to visit the local pagoda, the former\n King\u2019s residence, and take a motor taxi to the nicest spot at\n the edge of the mountain to view the sunset. Return to the\n resort after sunset for overnight, dinner is on your own.<br \/>\n Accommodation in Kirirom.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"itinerary-row active\">\n <div class=\"wte-itinerary-head-wrap\">\n <div class=\"title\">Day 11 :<\/div>\n <a\n class=\"accordion-tabs-toggle active\"\n href=\"javascript:void(0);\"\n >\n <span\n class=\"dashicons dashicons-arrow-down custom-toggle-tabs rotator open\"\n ><\/span>\n <div class=\"itinerary-title\">\n <span> KIRIROM \u2013 SIEM REAP <\/span>\n <\/div>\n <\/a>\n <\/div>\n <style id=\"itinerary-content-show\">\n .itinerary-content {\n disply: block !important;\n }\n <\/style>\n <div class=\"itinerary-content show\" style=\"display: block\">\n <div class=\"content\">\n <p>\n Embark on a captivating one-day journey from the lush\n landscapes of Kirirom to the enchanting wonders of Siem Reap.\n Traverse scenic routes that unfold like a canvas of nature’s\n masterpiece, with rolling hills and vibrant greenery painting\n the backdrop of your adventure. Along the way, let the\n mesmerizing beauty of Cambodia’s countryside unfold, a\n tapestry of serenity and charm. Arriving in Siem Reap, check\n in hotel, and free at leisure.<br \/>\n Accommodation in Siem Reap.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"itinerary-row active\">\n <div class=\"wte-itinerary-head-wrap\">\n <div class=\"title\">Day 12 :<\/div>\n <a\n class=\"accordion-tabs-toggle active\"\n href=\"javascript:void(0);\"\n >\n <span\n class=\"dashicons dashicons-arrow-down custom-toggle-tabs rotator open\"\n ><\/span>\n <div class=\"itinerary-title\">\n <span> SIEM REAP \u2013 ANGKOR HIGHLIGHT TOUR <\/span>\n <\/div>\n <\/a>\n <\/div>\n <style id=\"itinerary-content-show\">\n .itinerary-content {\n disply: block !important;\n }\n <\/style>\n <div class=\"itinerary-content show\" style=\"display: block\">\n <div class=\"content\">\n <p>\n Beat the crowd early morning by 7 am to Ta Prohm, a\n picturesque temple immersed in nature’s embrace. Witness the\n haunting allure of tree roots entwined with ancient stone,\n creating an unforgettable scene. Continue your exploration\n with the intricately carved Khmer ruins of Angkor Wat, a\n testament to Angkorian artistry.<br \/>\n In the afternoon, delve into the mysteries of Angkor Thom and\n the awe-inspiring Bayon temple with its 54 towers. Explore the\n surrounding wonders, including Baphuon, Elephant Terrace,\n Leper King Terrace, and the Royal Palace area. Immerse\n yourself in the intricate details of these architectural\n wonders and witness the breathtaking landscapes that surround\n them.<br \/>\n Accommodation in Siem Reap.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"itinerary-row active\">\n <div class=\"wte-itinerary-head-wrap\">\n <div class=\"title\">Day 13 :<\/div>\n <a\n class=\"accordion-tabs-toggle active\"\n href=\"javascript:void(0);\"\n >\n <span\n class=\"dashicons dashicons-arrow-down custom-toggle-tabs rotator open\"\n ><\/span>\n <div class=\"itinerary-title\">\n <span> SIEM REAP \u2013 KULEN ELEPHANT TOUR <\/span>\n <\/div>\n <\/a>\n <\/div>\n <style id=\"itinerary-content-show\">\n .itinerary-content {\n disply: block !important;\n }\n <\/style>\n <div class=\"itinerary-content show\" style=\"display: block\">\n <div class=\"content\">\n <p>\n Start the day with the adventure to the Kulen Elephant Forest.\n Delve into the elephants’ natural habitat, witnessing their\n interactions and behaviors until transfer back to your hotel\n around 2 PM.<br \/>\n In the afternoon, at 4 PM, our guide and driver will escort\n you to the quad bike office. Begin your ATV journey along\n rural paths, exploring villages, rice paddies, and a Cambodian\n Buddhist monastery. Witness a picturesque sunset at a lotus\n farm, savoring local snacks and drinks. After sunset, ride\n your quad bike back to Siem Reap, and free at leisure.<br \/>\n Accommodation in Siem Reap.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"itinerary-row active\">\n <div class=\"wte-itinerary-head-wrap\">\n <div class=\"title\">Day 14 :<\/div>\n <a\n class=\"accordion-tabs-toggle active\"\n href=\"javascript:void(0);\"\n >\n <span\n class=\"dashicons dashicons-arrow-down custom-toggle-tabs rotator open\"\n ><\/span>\n <div class=\"itinerary-title\">\n <span> SIEM REAP \u2013 DEPARTURE <\/span>\n <\/div>\n <\/a>\n <\/div>\n <style id=\"itinerary-content-show\">\n .itinerary-content {\n disply: block !important;\n }\n <\/style>\n <div class=\"itinerary-content show\" style=\"display: block\">\n <div class=\"content\">\n <p>Transfer to Siem Reap airport for the return flight home.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <script>\n (function () {\n var toggleTab = function (row, force = null) {\n var content = row.querySelector(\".itinerary-content\");\n var toggler = row.querySelector(\".accordion-tabs-toggle\");\n var condition =\n force === null ? !toggler.classList.contains(\"active\") : force;\n var height = content.scrollHeight;\n content.classList.toggle(\"active\", condition);\n if (condition) content.style.maxHeight = height + \"px\";\n else content.style.maxHeight = \"0px\";\n toggler.classList.toggle(\"active\", condition);\n };\n\n var handleToggleClick = function (row) {\n return function (event) {\n var target = event.target;\n if (!!target.closest(\".wte-itinerary-head-wrap\")) {\n toggleTab(row);\n }\n };\n };\n\n var setContentHeight = function (row) {\n var content = row.querySelector(\".itinerary-content\");\n var scrollHeight = content.scrollHeight;\n if (content.classList.contains(\"active\"))\n content.style.maxHeight = scrollHeight + \"px\";\n else content.style.maxHeight = \"0px\";\n };\n\n var wrapper = document.querySelector(\".wte-trip-itinerary-v2\");\n if (wrapper) {\n var expandall = document.getElementById(\n \"itinerary-toggle-button\"\n );\n var rows = wrapper.querySelectorAll(\".itinerary-row\");\n if (expandall) {\n expandall.addEventListener(\"change\", function () {\n if (rows)\n rows.forEach((row) => {\n toggleTab(row, this.checked);\n });\n });\n }\n if (rows) {\n rows.forEach(function (row) {\n \/\/ setContentHeight(row)\n row.addEventListener(\"click\", handleToggleClick(row));\n });\n }\n }\n })();\n <\/script>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"wrapper-map\">\n <div id=\"itinerary-container\"><\/div>\n <div id=\"map\"><\/div>\n <\/div>\n<\/div>\n\n <script>\n \/\/ Replace 'YOUR_MAPBOX_ACCESS_TOKEN' with your actual Mapbox access token\n mapboxgl.accessToken = 'pk.eyJ1IjoibmlnaHRtYXJlc3VyZiIsImEiOiJjazFjMnRjNHYydGN5M25wa2Y4cXkwcWNyIn0.EFUSe85Grl7ptScTOtJHoA';\n\n \/\/ Create a map centered on Hanoi\n const map = new mapboxgl.Map({\n container: 'map',\n style: 'mapbox:\/\/styles\/mapbox\/streets-v11',\n center: [108.3348, 15.8801],\n zoom: 4\n });\n\n \/\/ Add navigation control to the map\n map.addControl(new mapboxgl.NavigationControl());\n\n \/\/ Function to create a popup with the location name and remove the close button\n function createPopup(locationName, number) {\n return new mapboxgl.Popup({ offset: 25, closeButton: false })\n .setHTML(`<h3>${locationName}<\/h3>`);\n }\n\n \/\/ Add numbered markers for Dong Hoi, Phong Nha, Hue, \nconst markers = [\n [104.9160, 11.5564, 'Phnom Penh'], \/\/ Phnom Penh\n [104.8081, 12.6392, 'Ta Keo'], \/\/ Ta Keo\n [104.2814, 10.4817, 'Kep'], \/\/ Kep\n [104.1836, 10.6084, 'Kampot'], \/\/ Kampot\n [103.53453493826967, 10.603443299435511, 'Sihanoukville'], \/\/ Sihanoukville (replacing Koh Rong)\n [103.5659, 11.2925, 'Stung Porpok'], \/\/ Stung Porpok\n [104.1783, 11.2286, 'Kirirom'], \/\/ Kirirom\n [103.8607, 13.4125, 'Siem Reap'], \/\/ Siem Reap\n [103.8646, 13.4125, 'Angkor'] \/\/ Angkor\n];\n\n\n\n\n markers.forEach((markerData, index) => {\n const markerElement = document.createElement('div');\n markerElement.className = 'numbered-marker';\n markerElement.innerHTML = `<span class=\"marker-number\"><b>${index + 1}<\/b><\/span>`;\n \n const marker = new mapboxgl.Marker(markerElement)\n .setLngLat([markerData[0], markerData[1]])\n .addTo(map);\n\n marker.setPopup(createPopup(markerData[2], index + 1)).addTo(map);\n });\n\n const waypoints = markers.map(marker => ({\n coordinates: [marker[0], marker[1]],\n markerName: marker[2]\n }));\n\n \/\/ Use Mapbox Directions API to get route information\n const directionsRequest = 'https:\/\/api.mapbox.com\/directions\/v5\/mapbox\/driving\/' +\n waypoints.map(waypoint => `${waypoint.coordinates[0]},${waypoint.coordinates[1]}`).join(';') +\n `?steps=true&geometries=geojson&access_token=${mapboxgl.accessToken}`;\n\n\n fetch(directionsRequest)\n .then(response => response.json())\n .then(data => {\n console.log(data); \/\/ Log the API response to the console\n \/\/ Draw the route on the map\n map.addSource('route', {\n 'type': 'geojson',\n 'data': {\n 'type': 'Feature',\n 'properties': {},\n 'geometry': data.routes[0].geometry\n }\n });\n\n map.addLayer({\n 'id': 'route',\n 'type': 'line',\n 'source': 'route',\n 'layout': {\n 'line-join': 'round',\n 'line-cap': 'round'\n },\n 'paint': {\n 'line-color': '#3887be',\n 'line-width': 5\n }\n });\n })\n .catch(error => console.error('Error fetching directions:', error));\n\n \/\/ Create the itinerary HTML\n const itineraryContainer = document.getElementById('itinerary-container');\n waypoints.forEach((waypoint, index) => {\n const itineraryItem = document.createElement('div');\n itineraryItem.className = 'itinerary-item';\n\n const itineraryNumber = document.createElement('div');\n itineraryNumber.className = 'numbered-marker';\n itineraryNumber.innerHTML= `<span class=\"marker-number\"><b>${index + 1}<\/b><\/span>`;\n itineraryNumber.style.marginLeft='1rem';\n itineraryNumber.style.marginTop='2rem';\n itineraryNumber.style.marginRight='2rem';\n const itineraryText = document.createElement('div');\n itineraryText.textContent = `${waypoint.markerName}`;\n\n itineraryItem.appendChild(itineraryNumber);\n itineraryItem.appendChild(itineraryText);\n itineraryContainer.appendChild(itineraryItem);\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Directions from Hanoi to Ho Chi Minh City Itinerary Expand all Day 1 : ARRIVAL IN PHNOM PENH Upon arrival, meet and transfer to the hotel for check-in (Early check-in … <\/p>\n","protected":false},"author":1,"featured_media":0,"parent":2984,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-3400","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/epictripasia.com\/en\/wp-json\/wp\/v2\/pages\/3400","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/epictripasia.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/epictripasia.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/epictripasia.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/epictripasia.com\/en\/wp-json\/wp\/v2\/comments?post=3400"}],"version-history":[{"count":6,"href":"https:\/\/epictripasia.com\/en\/wp-json\/wp\/v2\/pages\/3400\/revisions"}],"predecessor-version":[{"id":3625,"href":"https:\/\/epictripasia.com\/en\/wp-json\/wp\/v2\/pages\/3400\/revisions\/3625"}],"up":[{"embeddable":true,"href":"https:\/\/epictripasia.com\/en\/wp-json\/wp\/v2\/pages\/2984"}],"wp:attachment":[{"href":"https:\/\/epictripasia.com\/en\/wp-json\/wp\/v2\/media?parent=3400"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":3400,"date":"2024-02-29T08:20:21","date_gmt":"2024-02-29T08:20:21","guid":{"rendered":"https:\/\/epictripasia.com\/?page_id=3400"},"modified":"2024-03-03T02:18:19","modified_gmt":"2024-03-03T02:18:19","slug":"cambodian-splendor-odyssey-map","status":"publish","type":"page","link":"https:\/\/epictripasia.com\/en\/maps\/cambodian-splendor-odyssey-map\/","title":{"rendered":"CAMBODIAN SPLENDOR ODYSSEY MAP"},"content":{"rendered":"\n\n\n\n \n \n Directions from Hanoi to Ho Chi Minh City<\/title>\n <script src=\"https:\/\/api.mapbox.com\/mapbox-gl-js\/v2.7.0\/mapbox-gl.js\"><\/script>\n <link href=\"https:\/\/api.mapbox.com\/mapbox-gl-js\/v2.7.0\/mapbox-gl.css\" rel=\"stylesheet\">\n <script src=\"https:\/\/unpkg.com\/html2canvas@0.5.0-beta4\/dist\/html2canvas.min.js\"><\/script>\n\n <style>\n#wa {\n display: none !important;\n}\n\/* Set a specific height for the map container *\/\n#map {\n height: 100vh;\n width:70%;\n}\n#wrap{\ndisplay:flex;\njustify-content:center;\nalign-items:center;\n}\n\n.numbered-marker{\nwidth:0; height:0;}\n\n.numbered-marker span {\n display:flex;\n justify-content:center;\n align-items:center;\n box-sizing:border-box;\n width: 30px;\n height: 30px;\n color:#fff;\n background: #693;\n border:solid 2px;\n border-radius: 0 70% 70%;\n box-shadow:0 0 2px #000;\n cursor: pointer;\n transform-origin:0 0;\n transform: rotateZ(-135deg);\n}\n.numbered-marker b{\ntransform: rotateZ(135deg)}\n\n\n\/* Style for the itinerary *\/\n#itinerary-container {\n max-width: 400px;\n margin: 20px;\n padding: 10px;\n border: 1px solid #ccc;\n border-radius: 5px;\n background-color: #f9f9f9;\n}\n\n.itinerary-item {\n display: flex;\n align-items: center;\n margin-bottom: 10px;\n}\n\n.itinerary-number {\n margin-right: 10px;\n font-weight: bold;\n}\n <\/style>\n<\/head>\n<body>\n\n\n \n<div id=\"wrap\">\n <div id=\"itinerary\">\n <div class=\"tab-content\">\n <div\n id=\"nb-2-configurations\"\n class=\"nb-2-configurations nb-configurations\"\n style=\"display: block\"\n >\n <div class=\"wte-itinerary-header-wrapper\">\n <div class=\"wp-travel-engine-itinerary-header\">\n <h2 class=\"wpte-itinerary-title\">Itinerary<\/h2>\n <div class=\"aib-button-toggle toggle-button expand-all-button\">\n <label for=\"itinerary-toggle-button\" class=\"aib-button-label\"\n >Expand all<\/label\n >\n <input\n id=\"itinerary-toggle-button\"\n type=\"checkbox\"\n class=\"checkbox\"\n checked=\"\"\n \/>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"post-data itinerary wte-trip-itinerary-v2\">\n <div class=\"itinerary-row active\">\n <div class=\"wte-itinerary-head-wrap\">\n <div class=\"title\">Day 1 :<\/div>\n <a\n class=\"accordion-tabs-toggle active\"\n href=\"javascript:void(0);\"\n >\n <span\n class=\"dashicons dashicons-arrow-down custom-toggle-tabs rotator open\"\n ><\/span>\n <div class=\"itinerary-title\">\n <span> ARRIVAL IN PHNOM PENH <\/span>\n <\/div>\n <\/a>\n <\/div>\n <style id=\"itinerary-content-show\">\n .itinerary-content {\n disply: block !important;\n }\n <\/style>\n <div class=\"itinerary-content show\" style=\"display: block\">\n <div class=\"content\">\n <p>\n Upon arrival, meet and transfer to the hotel for check-in\n (Early check-in is NOT included & subject to hotel\u2019s\n availability).<br \/>\n Accommodation in Phnom Penh.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"itinerary-row active\">\n <div class=\"wte-itinerary-head-wrap\">\n <div class=\"title\">Day 2 :<\/div>\n <a\n class=\"accordion-tabs-toggle active\"\n href=\"javascript:void(0);\"\n >\n <span\n class=\"dashicons dashicons-arrow-down custom-toggle-tabs rotator open\"\n ><\/span>\n <div class=\"itinerary-title\">\n <span> PHNOM PENH CITY TOURS <\/span>\n <\/div>\n <\/a>\n <\/div>\n <style id=\"itinerary-content-show\">\n .itinerary-content {\n disply: block !important;\n }\n <\/style>\n <div class=\"itinerary-content show\" style=\"display: block\">\n <div class=\"content\">\n <p>\n Embark on a captivating journey through Cambodia’s capital,\n where the Royal Palace and Silver Pagoda showcase Khmer\n architectural splendor. Constructed in 1866 by the French, the\n Royal Palace, now the residence of King Sihamoni, exudes regal\n grandeur. Next, explore the Central Market, a colossal art\n deco marvel known as Psar Thmei, offering a sensory feast with\n its diverse array of snacks, drinks, and local delights.<br \/>\n After that, discover the National Museum, an architectural gem\n designed by Groslier in 1917, showcasing traditional Khmer\n style. Inaugurated in 1920 near the Royal Palace, it stands as\n a testament to Cambodia’s cultural legacy.<br \/>\n Immerse yourself in the vibrant tapestry of Cambodia’s culture\n before returning to your hotel.<br \/>\n Accommodation in Phnom Penh.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"itinerary-row active\">\n <div class=\"wte-itinerary-head-wrap\">\n <div class=\"title\">Day 3 :<\/div>\n <a\n class=\"accordion-tabs-toggle active\"\n href=\"javascript:void(0);\"\n >\n <span\n class=\"dashicons dashicons-arrow-down custom-toggle-tabs rotator open\"\n ><\/span>\n <div class=\"itinerary-title\">\n <span> PHNOM PENH \u2013 TA KEO <\/span>\n <\/div>\n <\/a>\n <\/div>\n <style id=\"itinerary-content-show\">\n .itinerary-content {\n disply: block !important;\n }\n <\/style>\n <div class=\"itinerary-content show\" style=\"display: block\">\n <div class=\"content\">\n <p>\n Embark on a delightful journey with a brief transfer to S\u00e1ng,\n a local market 25km south of Phnom Penh. Start your cycling\n adventure amid the vibrant market, witnessing the lively trade\n that defines daily life. Pedal along dikes, through\n picturesque countryside, passing pagodas, and traditional\n houses. Pause for visits to local families and refreshing\n snack breaks. Enjoy lunch at a local restaurant upon reaching\n Angkor Borei, followed by visits to the Angkor Borei Museum\n and the ancient Prasat Phnom Da temple atop a mountain, a\n significant relic from the Funan era. End the day with a\n scenic speedboat ride to Ta Keo, where you check in at the\n hotel and free at leisure.<br \/>\n Accommodation in Ta Keo.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"itinerary-row active\">\n <div class=\"wte-itinerary-head-wrap\">\n <div class=\"title\">Day 4 :<\/div>\n <a\n class=\"accordion-tabs-toggle active\"\n href=\"javascript:void(0);\"\n >\n <span\n class=\"dashicons dashicons-arrow-down custom-toggle-tabs rotator open\"\n ><\/span>\n <div class=\"itinerary-title\">\n <span> TA KEO \u2013 KEP <\/span>\n <\/div>\n <\/a>\n <\/div>\n <style id=\"itinerary-content-show\">\n .itinerary-content {\n disply: block !important;\n }\n <\/style>\n <div class=\"itinerary-content show\" style=\"display: block\">\n <div class=\"content\">\n <p>\n We are go to Kep pass through the main market of Krong Doun\n Keo and get to the village roads to Kampong Trac. On the way,\n we will visit small villages and the Cambodia Railway. Upon\n arrival at Kampong Trach Cave, take about 30 minutes to visit\n the ancient cave in the original mountain. The area\u2019s main\n attraction is a series of limestone caves and tubes that have\n been carved into a nearby mountain. The roof of a large cave\n in the center of a mountain has collapsed, making a small,\n enclosed jungle. Transfer to the crab market in Kep by a\n support vehicle and have lunch at the local restaurant.\n Check-in at the hotel and free at leisure<br \/>\n Late afternoon, we drive around Kep City and take some time to\n walk around the beach before we go to have dinner at the local\n restaurant.<br \/>\n Accommodation in Kep.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"itinerary-row active\">\n <div class=\"wte-itinerary-head-wrap\">\n <div class=\"title\">Day 5 :<\/div>\n <a\n class=\"accordion-tabs-toggle active\"\n href=\"javascript:void(0);\"\n >\n <span\n class=\"dashicons dashicons-arrow-down custom-toggle-tabs rotator open\"\n ><\/span>\n <div class=\"itinerary-title\">\n <span> KEP \u2013 KAMPOT <\/span>\n <\/div>\n <\/a>\n <\/div>\n <style id=\"itinerary-content-show\">\n .itinerary-content {\n disply: block !important;\n }\n <\/style>\n <div class=\"itinerary-content show\" style=\"display: block\">\n <div class=\"content\">\n <p>\n Today we will visit Kep City such as the Bo Tree Farm, it is\n one of the best pepper Kampong Farms and the owner also grow\n other types of Cambodian fruit trees such as coconut, mango,\n and durian. Enjoy the cold coconut juice and learn about the\n whole process of pepper plantation before we continue to visit\n Phnom Chngok (the ancient cave on the natural mountain), and\n also stop to visit the natural salt field. Then drive to the\n Kampong River to have lunch at the local restaurant in Le\n Manguies Lodge. Check-in and late afternoon, we enjoy kayaking\n along the Kampot River and return to the hotel before dark.\n Dinner and overnight at the hotel.<br \/>\n Accommodation in Kampot.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"itinerary-row active\">\n <div class=\"wte-itinerary-head-wrap\">\n <div class=\"title\">Day 6 :<\/div>\n <a\n class=\"accordion-tabs-toggle active\"\n href=\"javascript:void(0);\"\n >\n <span\n class=\"dashicons dashicons-arrow-down custom-toggle-tabs rotator open\"\n ><\/span>\n <div class=\"itinerary-title\">\n <span> KAMPOT \u2013 KOH RONG <\/span>\n <\/div>\n <\/a>\n <\/div>\n <style id=\"itinerary-content-show\">\n .itinerary-content {\n disply: block !important;\n }\n <\/style>\n <div class=\"itinerary-content show\" style=\"display: block\">\n <div class=\"content\">\n <p>\n We drive up to the top of Bokor Hill to view Kampot City, the\n forest, the countryside, and the sea of Cambodia since Bokor\n is the highest mountain in Southern Cambodia. Continue to\n drive to Sihanouk Ville, the nicest beach city in Cambodia,\n and have lunch at the local restaurant. Take the speedboat to\n Koh Rong. It is a peaceful relaxing destination with\n breathtaking scenery \u2013 Pristine white beaches, clear turquoise\n ocean waters, and a tropical jungle wilderness. A real \u2018island\n paradise\u2019 \u2013 As it is often called by tourists. Free at leisure\n \u2013 dinner at the hotel.<br \/>\n Accommodation in Koh Rong.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"itinerary-row active\">\n <div class=\"wte-itinerary-head-wrap\">\n <div class=\"title\">Day 7 :<\/div>\n <a\n class=\"accordion-tabs-toggle active\"\n href=\"javascript:void(0);\"\n >\n <span\n class=\"dashicons dashicons-arrow-down custom-toggle-tabs rotator open\"\n ><\/span>\n <div class=\"itinerary-title\">\n <span> KOH RONG \u2013 FREE AT LEISURE <\/span>\n <\/div>\n <\/a>\n <\/div>\n <style id=\"itinerary-content-show\">\n .itinerary-content {\n disply: block !important;\n }\n <\/style>\n <div class=\"itinerary-content show\" style=\"display: block\">\n <div class=\"content\">\n <p>\n Free at leisure to dive into the azure depths surrounding Koh\n Rong, exploring vibrant coral reefs and marine life. Snorkel\n in crystalline waters, discovering the beauty beneath the\n surface. Relax on pristine beaches, where white sands meet the\n gentle lull of the sea.<br \/>\n Accommodation in Koh Rong.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"itinerary-row active\">\n <div class=\"wte-itinerary-head-wrap\">\n <div class=\"title\">Day 8 :<\/div>\n <a\n class=\"accordion-tabs-toggle active\"\n href=\"javascript:void(0);\"\n >\n <span\n class=\"dashicons dashicons-arrow-down custom-toggle-tabs rotator open\"\n ><\/span>\n <div class=\"itinerary-title\">\n <span> KOH RONG \u2013 FREE AT LEISURE <\/span>\n <\/div>\n <\/a>\n <\/div>\n <style id=\"itinerary-content-show\">\n .itinerary-content {\n disply: block !important;\n }\n <\/style>\n <div class=\"itinerary-content show\" style=\"display: block\">\n <div class=\"content\">\n <p>\n Free at leisure to snorkel in crystal-clear waters, witnessing\n the beauty just beneath the surface. Unwind on pristine\n beaches, relishing the perfect blend of sun, sea, and sand.<br \/>\n Accommodation in Koh Rong.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"itinerary-row active\">\n <div class=\"wte-itinerary-head-wrap\">\n <div class=\"title\">Day 9 :<\/div>\n <a\n class=\"accordion-tabs-toggle active\"\n href=\"javascript:void(0);\"\n >\n <span\n class=\"dashicons dashicons-arrow-down custom-toggle-tabs rotator open\"\n ><\/span>\n <div class=\"itinerary-title\">\n <span> KOH RONG \u2013 STUNG PORPOK <\/span>\n <\/div>\n <\/a>\n <\/div>\n <style id=\"itinerary-content-show\">\n .itinerary-content {\n disply: block !important;\n }\n <\/style>\n <div class=\"itinerary-content show\" style=\"display: block\">\n <div class=\"content\">\n <p>\n In the morning, we take the speedboat to Sihanouk Ville and\n drive to Stung Porpok Mountain, 30 minutes by boat and 1h30mn\n driving. On arrival at the food of the amounting, get things\n ready and start trekking up to the top of the mountain. Picnic\n lunch will be provided on-site. Then continue trekking on the\n top of the mountain through the jungle, our guide will give\n you a lot of information about the area, different types of\n trees, and plants. The trekking of 15km will take us about 3-4\n hours, and we reach our shelter at Stueng Phong Rul\n (waterfall). Dinner and camping near the river<br \/>\n Accommodation in Stung Porpok.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"itinerary-row active\">\n <div class=\"wte-itinerary-head-wrap\">\n <div class=\"title\">Day 10 :<\/div>\n <a\n class=\"accordion-tabs-toggle active\"\n href=\"javascript:void(0);\"\n >\n <span\n class=\"dashicons dashicons-arrow-down custom-toggle-tabs rotator open\"\n ><\/span>\n <div class=\"itinerary-title\">\n <span> STUNG PORPOK \u2013 KIRIROM <\/span>\n <\/div>\n <\/a>\n <\/div>\n <style id=\"itinerary-content-show\">\n .itinerary-content {\n disply: block !important;\n }\n <\/style>\n <div class=\"itinerary-content show\" style=\"display: block\">\n <div class=\"content\">\n <p>\n Transfer for 1 hour and 30 minutes to Stueng Chral where we\n will start trekking to the top of Kirirom Mountain, the trek\n will allow you to enjoy the nice atmosphere of pine trees and\n a big lake. After 15km of trekking we will arrive at a local\n resort, have lunch, for check in. Free at leisure, enjoy the\n swimming pool.<br \/>\n Late afternoon, we drive to visit the local pagoda, the former\n King\u2019s residence, and take a motor taxi to the nicest spot at\n the edge of the mountain to view the sunset. Return to the\n resort after sunset for overnight, dinner is on your own.<br \/>\n Accommodation in Kirirom.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"itinerary-row active\">\n <div class=\"wte-itinerary-head-wrap\">\n <div class=\"title\">Day 11 :<\/div>\n <a\n class=\"accordion-tabs-toggle active\"\n href=\"javascript:void(0);\"\n >\n <span\n class=\"dashicons dashicons-arrow-down custom-toggle-tabs rotator open\"\n ><\/span>\n <div class=\"itinerary-title\">\n <span> KIRIROM \u2013 SIEM REAP <\/span>\n <\/div>\n <\/a>\n <\/div>\n <style id=\"itinerary-content-show\">\n .itinerary-content {\n disply: block !important;\n }\n <\/style>\n <div class=\"itinerary-content show\" style=\"display: block\">\n <div class=\"content\">\n <p>\n Embark on a captivating one-day journey from the lush\n landscapes of Kirirom to the enchanting wonders of Siem Reap.\n Traverse scenic routes that unfold like a canvas of nature’s\n masterpiece, with rolling hills and vibrant greenery painting\n the backdrop of your adventure. Along the way, let the\n mesmerizing beauty of Cambodia’s countryside unfold, a\n tapestry of serenity and charm. Arriving in Siem Reap, check\n in hotel, and free at leisure.<br \/>\n Accommodation in Siem Reap.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"itinerary-row active\">\n <div class=\"wte-itinerary-head-wrap\">\n <div class=\"title\">Day 12 :<\/div>\n <a\n class=\"accordion-tabs-toggle active\"\n href=\"javascript:void(0);\"\n >\n <span\n class=\"dashicons dashicons-arrow-down custom-toggle-tabs rotator open\"\n ><\/span>\n <div class=\"itinerary-title\">\n <span> SIEM REAP \u2013 ANGKOR HIGHLIGHT TOUR <\/span>\n <\/div>\n <\/a>\n <\/div>\n <style id=\"itinerary-content-show\">\n .itinerary-content {\n disply: block !important;\n }\n <\/style>\n <div class=\"itinerary-content show\" style=\"display: block\">\n <div class=\"content\">\n <p>\n Beat the crowd early morning by 7 am to Ta Prohm, a\n picturesque temple immersed in nature’s embrace. Witness the\n haunting allure of tree roots entwined with ancient stone,\n creating an unforgettable scene. Continue your exploration\n with the intricately carved Khmer ruins of Angkor Wat, a\n testament to Angkorian artistry.<br \/>\n In the afternoon, delve into the mysteries of Angkor Thom and\n the awe-inspiring Bayon temple with its 54 towers. Explore the\n surrounding wonders, including Baphuon, Elephant Terrace,\n Leper King Terrace, and the Royal Palace area. Immerse\n yourself in the intricate details of these architectural\n wonders and witness the breathtaking landscapes that surround\n them.<br \/>\n Accommodation in Siem Reap.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"itinerary-row active\">\n <div class=\"wte-itinerary-head-wrap\">\n <div class=\"title\">Day 13 :<\/div>\n <a\n class=\"accordion-tabs-toggle active\"\n href=\"javascript:void(0);\"\n >\n <span\n class=\"dashicons dashicons-arrow-down custom-toggle-tabs rotator open\"\n ><\/span>\n <div class=\"itinerary-title\">\n <span> SIEM REAP \u2013 KULEN ELEPHANT TOUR <\/span>\n <\/div>\n <\/a>\n <\/div>\n <style id=\"itinerary-content-show\">\n .itinerary-content {\n disply: block !important;\n }\n <\/style>\n <div class=\"itinerary-content show\" style=\"display: block\">\n <div class=\"content\">\n <p>\n Start the day with the adventure to the Kulen Elephant Forest.\n Delve into the elephants’ natural habitat, witnessing their\n interactions and behaviors until transfer back to your hotel\n around 2 PM.<br \/>\n In the afternoon, at 4 PM, our guide and driver will escort\n you to the quad bike office. Begin your ATV journey along\n rural paths, exploring villages, rice paddies, and a Cambodian\n Buddhist monastery. Witness a picturesque sunset at a lotus\n farm, savoring local snacks and drinks. After sunset, ride\n your quad bike back to Siem Reap, and free at leisure.<br \/>\n Accommodation in Siem Reap.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"itinerary-row active\">\n <div class=\"wte-itinerary-head-wrap\">\n <div class=\"title\">Day 14 :<\/div>\n <a\n class=\"accordion-tabs-toggle active\"\n href=\"javascript:void(0);\"\n >\n <span\n class=\"dashicons dashicons-arrow-down custom-toggle-tabs rotator open\"\n ><\/span>\n <div class=\"itinerary-title\">\n <span> SIEM REAP \u2013 DEPARTURE <\/span>\n <\/div>\n <\/a>\n <\/div>\n <style id=\"itinerary-content-show\">\n .itinerary-content {\n disply: block !important;\n }\n <\/style>\n <div class=\"itinerary-content show\" style=\"display: block\">\n <div class=\"content\">\n <p>Transfer to Siem Reap airport for the return flight home.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <script>\n (function () {\n var toggleTab = function (row, force = null) {\n var content = row.querySelector(\".itinerary-content\");\n var toggler = row.querySelector(\".accordion-tabs-toggle\");\n var condition =\n force === null ? !toggler.classList.contains(\"active\") : force;\n var height = content.scrollHeight;\n content.classList.toggle(\"active\", condition);\n if (condition) content.style.maxHeight = height + \"px\";\n else content.style.maxHeight = \"0px\";\n toggler.classList.toggle(\"active\", condition);\n };\n\n var handleToggleClick = function (row) {\n return function (event) {\n var target = event.target;\n if (!!target.closest(\".wte-itinerary-head-wrap\")) {\n toggleTab(row);\n }\n };\n };\n\n var setContentHeight = function (row) {\n var content = row.querySelector(\".itinerary-content\");\n var scrollHeight = content.scrollHeight;\n if (content.classList.contains(\"active\"))\n content.style.maxHeight = scrollHeight + \"px\";\n else content.style.maxHeight = \"0px\";\n };\n\n var wrapper = document.querySelector(\".wte-trip-itinerary-v2\");\n if (wrapper) {\n var expandall = document.getElementById(\n \"itinerary-toggle-button\"\n );\n var rows = wrapper.querySelectorAll(\".itinerary-row\");\n if (expandall) {\n expandall.addEventListener(\"change\", function () {\n if (rows)\n rows.forEach((row) => {\n toggleTab(row, this.checked);\n });\n });\n }\n if (rows) {\n rows.forEach(function (row) {\n \/\/ setContentHeight(row)\n row.addEventListener(\"click\", handleToggleClick(row));\n });\n }\n }\n })();\n <\/script>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"wrapper-map\">\n <div id=\"itinerary-container\"><\/div>\n <div id=\"map\"><\/div>\n <\/div>\n<\/div>\n\n <script>\n \/\/ Replace 'YOUR_MAPBOX_ACCESS_TOKEN' with your actual Mapbox access token\n mapboxgl.accessToken = 'pk.eyJ1IjoibmlnaHRtYXJlc3VyZiIsImEiOiJjazFjMnRjNHYydGN5M25wa2Y4cXkwcWNyIn0.EFUSe85Grl7ptScTOtJHoA';\n\n \/\/ Create a map centered on Hanoi\n const map = new mapboxgl.Map({\n container: 'map',\n style: 'mapbox:\/\/styles\/mapbox\/streets-v11',\n center: [108.3348, 15.8801],\n zoom: 4\n });\n\n \/\/ Add navigation control to the map\n map.addControl(new mapboxgl.NavigationControl());\n\n \/\/ Function to create a popup with the location name and remove the close button\n function createPopup(locationName, number) {\n return new mapboxgl.Popup({ offset: 25, closeButton: false })\n .setHTML(`<h3>${locationName}<\/h3>`);\n }\n\n \/\/ Add numbered markers for Dong Hoi, Phong Nha, Hue, \nconst markers = [\n [104.9160, 11.5564, 'Phnom Penh'], \/\/ Phnom Penh\n [104.8081, 12.6392, 'Ta Keo'], \/\/ Ta Keo\n [104.2814, 10.4817, 'Kep'], \/\/ Kep\n [104.1836, 10.6084, 'Kampot'], \/\/ Kampot\n [103.53453493826967, 10.603443299435511, 'Sihanoukville'], \/\/ Sihanoukville (replacing Koh Rong)\n [103.5659, 11.2925, 'Stung Porpok'], \/\/ Stung Porpok\n [104.1783, 11.2286, 'Kirirom'], \/\/ Kirirom\n [103.8607, 13.4125, 'Siem Reap'], \/\/ Siem Reap\n [103.8646, 13.4125, 'Angkor'] \/\/ Angkor\n];\n\n\n\n\n markers.forEach((markerData, index) => {\n const markerElement = document.createElement('div');\n markerElement.className = 'numbered-marker';\n markerElement.innerHTML = `<span class=\"marker-number\"><b>${index + 1}<\/b><\/span>`;\n \n const marker = new mapboxgl.Marker(markerElement)\n .setLngLat([markerData[0], markerData[1]])\n .addTo(map);\n\n marker.setPopup(createPopup(markerData[2], index + 1)).addTo(map);\n });\n\n const waypoints = markers.map(marker => ({\n coordinates: [marker[0], marker[1]],\n markerName: marker[2]\n }));\n\n \/\/ Use Mapbox Directions API to get route information\n const directionsRequest = 'https:\/\/api.mapbox.com\/directions\/v5\/mapbox\/driving\/' +\n waypoints.map(waypoint => `${waypoint.coordinates[0]},${waypoint.coordinates[1]}`).join(';') +\n `?steps=true&geometries=geojson&access_token=${mapboxgl.accessToken}`;\n\n\n fetch(directionsRequest)\n .then(response => response.json())\n .then(data => {\n console.log(data); \/\/ Log the API response to the console\n \/\/ Draw the route on the map\n map.addSource('route', {\n 'type': 'geojson',\n 'data': {\n 'type': 'Feature',\n 'properties': {},\n 'geometry': data.routes[0].geometry\n }\n });\n\n map.addLayer({\n 'id': 'route',\n 'type': 'line',\n 'source': 'route',\n 'layout': {\n 'line-join': 'round',\n 'line-cap': 'round'\n },\n 'paint': {\n 'line-color': '#3887be',\n 'line-width': 5\n }\n });\n })\n .catch(error => console.error('Error fetching directions:', error));\n\n \/\/ Create the itinerary HTML\n const itineraryContainer = document.getElementById('itinerary-container');\n waypoints.forEach((waypoint, index) => {\n const itineraryItem = document.createElement('div');\n itineraryItem.className = 'itinerary-item';\n\n const itineraryNumber = document.createElement('div');\n itineraryNumber.className = 'numbered-marker';\n itineraryNumber.innerHTML= `<span class=\"marker-number\"><b>${index + 1}<\/b><\/span>`;\n itineraryNumber.style.marginLeft='1rem';\n itineraryNumber.style.marginTop='2rem';\n itineraryNumber.style.marginRight='2rem';\n const itineraryText = document.createElement('div');\n itineraryText.textContent = `${waypoint.markerName}`;\n\n itineraryItem.appendChild(itineraryNumber);\n itineraryItem.appendChild(itineraryText);\n itineraryContainer.appendChild(itineraryItem);\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Directions from Hanoi to Ho Chi Minh City Itinerary Expand all Day 1 : ARRIVAL IN PHNOM PENH Upon arrival, meet and transfer to the hotel for check-in (Early check-in … <\/p>\n","protected":false},"author":1,"featured_media":0,"parent":2984,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-3400","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/epictripasia.com\/en\/wp-json\/wp\/v2\/pages\/3400","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/epictripasia.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/epictripasia.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/epictripasia.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/epictripasia.com\/en\/wp-json\/wp\/v2\/comments?post=3400"}],"version-history":[{"count":6,"href":"https:\/\/epictripasia.com\/en\/wp-json\/wp\/v2\/pages\/3400\/revisions"}],"predecessor-version":[{"id":3625,"href":"https:\/\/epictripasia.com\/en\/wp-json\/wp\/v2\/pages\/3400\/revisions\/3625"}],"up":[{"embeddable":true,"href":"https:\/\/epictripasia.com\/en\/wp-json\/wp\/v2\/pages\/2984"}],"wp:attachment":[{"href":"https:\/\/epictripasia.com\/en\/wp-json\/wp\/v2\/media?parent=3400"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}