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 BANGKOK <\/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 your arrival at the airport, you will be welcomed by an\n escort Spanish speaking guide (with sign name) and driver then\n transfer directly to the hotel for check in. Simply enjoy free\n time at the hotel.<br \/>\n Overnight in Bangkok.\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> BANGKOK CITY 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 Embark on a captivating journey after breakfast as our driver\n takes you to the iconic Grand Palace complex, a mesmerizing\n establishment since 1782. Delve into the splendors of the\n Temple of the Emerald Buddha within the Grand Palace, a\n breathtaking spectacle despite the bustling tourist presence.\n Visit Wat Pho, renowned for the colossal Reclining Buddha, a\n must-see temple in Bangkok. Explore the unique beauty of Wat\n Benjamabophit, often called “the marble temple,” located near\n Chitlada Palace. Wander through the vibrant Chinatown, a\n bustling culinary haven featuring dishes crafted with the\n freshest daily ingredients. End your day with a scenic\n long-tail boat ride along the Chao Phraya River and Thonburi\n canals, offering enchanting glimpses of local life. Immerse\n yourself in the rich tapestry of Bangkok’s cultural\n wonders.<br \/>\n Overnight in Bangkok.\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>\n BANGKOK \u2013 MAEKLONG RAILWAY MARKET \u2013 DAMNOEN SADUAK FLOATING\n MARKET\n <\/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 After breakfast, at 07:00, we’ll drive to the Maeklong Railway\n Market, also known as Talat Rom Hup or the “umbrella pull-down\n market.” This bustling market, one of Thailand’s largest, is\n situated along the Maeklong Railway track. As trains approach,\n the shop fronts and awnings are moved back from the rails,\n only to be restored once the train passes. After exploring\n this unique market, we’ll proceed to the Damnoen Saduak\n Floating Market. A private motorboat will take you through\n scenic canals, offering a glimpse of authentic canalside life.\n Disembark at the market and explore the lively scenes by a\n small paddle boat.<br \/>\n Overnight in Bangkok.\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> BANGKOK \u2013 AYUTTHAYA <\/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 Breakfast at the hotel, departure to Ayutthaya, just 76\n kilometers north of Bangkok. Begin with the enchanting Bang Pa\n In Summer Palace, set on the Chao Phraya River, boasting\n Chinese architectural marvels, lush gardens, and a floating\n pavilion. Explore the renowned Wat Yai Chai Mongkol, a\n historic temple, and delve into the significance of Wat Pa Si\n Sanphet, a temple within the Royal Palace complex. Witness the\n cultural richness at Wat Maha That and culminate your day at\n the Khmer-style Wat Chai Watthanaram, adorning the west bank\n of the Chao Phraya River. Immerse yourself in the heritage and\n beauty of Ayutthaya’s iconic landmarks.<br \/>\n Overnight in Bangkok.\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> BANGKOK \u2013 FULL DAY RIVER KWAI IN KANCHANABURI <\/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 Depart to Kanchanaburi province (128 km to the west of\n Bangkok). Visit Thailand\u2013Burma Railway Centre, an interactive\n museum, information, and research facility dedicated to\n presenting the history of the Thailand\u2013 Burma Railway. The\n fully air\u2013conditioned center offers the visitor an educational\n and moving experience. Visit Allied War Cemetery which is a\n memorial to some 6000 allied prisoners of war (POWs) who\n perished along the death railway line and were moved post-war\n to this eternal resting place. Visit the world-famous Bridge\n over the River Kwai, a part of Death Railway constructed by\n Allied POWs Take a historic on Death Railway Train passing\n over original wooden viaduct constructed by Allied POW<br \/>\n Afterward transfer back to Bangkok.<br \/>\n Overnight in Bangkok.\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> BANGKOK \u2013 FLIGHT TO CHIANG RAI <\/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 Breakfast at the hotel. After that our car and driver (no\n guide) will transfer you to the airport to take the morning\n flight to Chiang Rai.<br \/>\n Upon arrival, marvel at the captivating Wat Rong Khun,\n famously known as The White Temple, with its stunning white\n facade adorned with mirrored glass. Explore the unique and\n dark artistic style of the Black House (Baan Dam Museum),\n featuring over 40 houses.<br \/>\n In the afternoon, discover the allure of the Blue Temple (Wat\n Rong Suea Ten), celebrated for its intricate blue exterior.\n End your day with a visit to Wat Phra Kaew, housing the\n revered Emerald Buddha statue, a symbol of Thailand’s sacred\n heritage.<br \/>\n Overnight in Chiang Rai.\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> CHIANG RAI \u2013 GOLDEN TRIANGLE \u2013 CHIANG MAI <\/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 After breakfast, transfer to a region that lies at the\n intersection of the borders of Thailand, Laos, and Myanmar,\n and is located about 60 kilometers north of Chiang Rai.<br \/>\n Take a boat trip on the Mekong River to explore the\n surrounding scenery and visit local villages.<br \/>\n Afterwards, we move from Chiang Rai to Chiang Mai through the\n beautiful scenery.<br \/>\n Arrived in Chiang Mai in the late afternoon.<br \/>\n Overnight in Chiang Mai.\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> CHIANG MAI \u2013 DOI SUTHEP \u2013 CITY 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 After breakfast, you will be picked up by your guide and the\n driver, then start your day by visiting the temple of Doi\n Suthep, located in the mountains, from where you can enjoy\n beautiful views of Chiang Mai. After the visit to the Doi\n Suthep temple you will enter the old part of the city through\n its walls to visit two of its most famous temples: the Wat\n Phra Singh temple whose construction dates from 1345 and where\n we find a Buddha image of more than 1500 years old, and the\n Wat Chedi Luang, built at the same time but following a\n different architecture. It is believed to be the first temple\n that housed the famous Emerald Buddha (Wat Phra Kaew) that we\n find today in the Grand Palace in Bangkok.<br \/>\n Overnight in Chiang Mai.\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>\n ELEPHANT SAFARI AT MAE TAENG \u2013 OX-CART RIDING \u2013 BAMBOO\n RAFTING INCLUDED JOIN TRANSFER WITH SHARING ENGLISH SPEAKING\n GUIDE\n <\/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 Breakfast at the hotel, embark to the Elephants Camp to see\n the elephants at work in a jungle area. See how the elephants\n are trained for working with humans and the elephant shows.\n Then, you have the chance for an exciting ride on the elephant\n ride along the trails and followed by an Ox-Cart ride back to\n the camp – lunch at the elephant camp. Afternoon, enjoy local\n handicraft bamboo rafting along Mae Taeng River. Return to\n Chiang Mai. Transfer to your hotel.<br \/>\n Overnight in Chiang Mai.\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> CHIANG MAI \u2013 DOI INTHANON NATIONAL PARK 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 Embark on a journey after breakfast to Doi Inthanon, the\n highest summit in Thailand, situated south of Chiang Mai. As\n part of the Himalayan Mountain range, this national park\n boasts a lush environment, home to diverse bird species,\n animals, and vibrant flora. Reach the misty summit and visit a\n small Stupa containing the remains of Chao Inthawichayanon,\n the last independent ruler of Chiang Mai.<br \/>\n Then, we will continue to explore the Ang-Kha Nature Trail,\n discovering the beauty of Fern & Moss, and vibrant White\n & Red Rhododendrons (blooming in Jan \u2013 Feb). Continue to\n the Twin Pagodas, built by the Thai Air Force in honor of\n their Majesties King and Queen. Visit the Hmong Tribal Market\n on the descent, where locals trade an array of produce.<br \/>\n In the afternoon, drive through Baan Khun Klaang, the largest\n Hmong community on Doi Inthanon, reaching the Royal’s Project\n initiated by the King to deter hill tribes from growing Opium.\n Explore the flower plantations and organic farmland. Descend\n to the Karen hill tribe village at Baan Sop Had, concluding\n the journey at Wachirathan Waterfall for a refreshing break\n amid the pristine surroundings. After that, we will return to\n Chiang Mai in the late afternoon.<br \/>\n Overnight in Chiang Mai.\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> CHIANG MAI \u2013 FLIGHT TO KOH SAMUI <\/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 Enjoy your breakfast and leisure time at the hotel until our\n driver transfers you to Koh Samui.<br \/>\n Arrival Koh Samui, transfer by our driver to the hotel to\n check in.<br \/>\n Overnight in Koh Samui.\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> KOH SAMUI \u2013 FREE DAY <\/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 and easy day at leisure.<br \/>\n Overnight in Koh Samui.\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> KOH SAMUI \u2013 FREE DAY <\/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 and easy day at leisure.<br \/>\n Overnight in Koh Samui.\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> KOH SAMUI \u2013 FREE DAY <\/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 and easy day at leisure.<br \/>\n Overnight in Koh Samui.\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 15 :<\/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 SAMUI \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>\n After breakfast, free leisure until checkout at 12:00.\n Transfer to the airport for your departure flight.\n <\/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: [100.0119, 13.5860],\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 [100.5167, 13.75, 'Bangkok'], \/\/ Bangkok\n [99.9833, 13.4167, 'Maeklong Railway Market'], \/\/ Maeklong Railway Market\n [100.0377, 13.5204, 'Damnoen Saduak Floating Market'], \/\/ Damnoen Saduak Floating Market\n [100.5167, 13.75, 'Bangkok'], \/\/ Return to Bangkok\n [100.5924, 14.3559, 'Ayutthaya'], \/\/ Ayutthaya\n [100.5167, 13.75, 'Bangkok'], \/\/ Return to Bangkok\n [99.5075, 13.2961, 'Kanchanaburi'], \/\/ Kanchanaburi\n [100.5167, 13.75, 'Bangkok'], \/\/ Return to Bangkok\n [99.8250, 19.9105, 'Chiang Rai'], \/\/ Chiang Rai\n [99.9018, 20.4490, 'Golden Triangle'], \/\/ Golden Triangle\n [98.9915, 18.7883, 'Chiang Mai'], \/\/ Chiang Mai\n [98.9754, 18.7992, 'Doi Suthep'], \/\/ Doi Suthep\n [98.8528605228754, 19.14566701315214, 'Mae Taeng'], \/\/ Mae Taeng\n [98.9915, 18.7883, 'Chiang Mai'], \/\/ Chiang Mai \n [98.5809, 18.53839274153305, 'Doi Inthanon'], \/\/ Doi Inthanon\n [98.9915, 18.7883, 'Chiang Mai'], \/\/ Chiang Mai \n[100.5167, 13.75, 'Bangkok'], \/\/ Return to Bangkok\n\n];\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 BANGKOK Upon your arrival at the airport, you will be welcomed by an escort … <\/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-3452","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/epictripasia.com\/en\/wp-json\/wp\/v2\/pages\/3452","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=3452"}],"version-history":[{"count":43,"href":"https:\/\/epictripasia.com\/en\/wp-json\/wp\/v2\/pages\/3452\/revisions"}],"predecessor-version":[{"id":3647,"href":"https:\/\/epictripasia.com\/en\/wp-json\/wp\/v2\/pages\/3452\/revisions\/3647"}],"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=3452"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":3452,"date":"2024-03-01T07:58:10","date_gmt":"2024-03-01T07:58:10","guid":{"rendered":"https:\/\/epictripasia.com\/?page_id=3452"},"modified":"2024-03-03T03:17:50","modified_gmt":"2024-03-03T03:17:50","slug":"a-historical-odyssey","status":"publish","type":"page","link":"https:\/\/epictripasia.com\/en\/maps\/a-historical-odyssey\/","title":{"rendered":"A HISTORICAL 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 BANGKOK <\/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 your arrival at the airport, you will be welcomed by an\n escort Spanish speaking guide (with sign name) and driver then\n transfer directly to the hotel for check in. Simply enjoy free\n time at the hotel.<br \/>\n Overnight in Bangkok.\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> BANGKOK CITY 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 Embark on a captivating journey after breakfast as our driver\n takes you to the iconic Grand Palace complex, a mesmerizing\n establishment since 1782. Delve into the splendors of the\n Temple of the Emerald Buddha within the Grand Palace, a\n breathtaking spectacle despite the bustling tourist presence.\n Visit Wat Pho, renowned for the colossal Reclining Buddha, a\n must-see temple in Bangkok. Explore the unique beauty of Wat\n Benjamabophit, often called “the marble temple,” located near\n Chitlada Palace. Wander through the vibrant Chinatown, a\n bustling culinary haven featuring dishes crafted with the\n freshest daily ingredients. End your day with a scenic\n long-tail boat ride along the Chao Phraya River and Thonburi\n canals, offering enchanting glimpses of local life. Immerse\n yourself in the rich tapestry of Bangkok’s cultural\n wonders.<br \/>\n Overnight in Bangkok.\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>\n BANGKOK \u2013 MAEKLONG RAILWAY MARKET \u2013 DAMNOEN SADUAK FLOATING\n MARKET\n <\/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 After breakfast, at 07:00, we’ll drive to the Maeklong Railway\n Market, also known as Talat Rom Hup or the “umbrella pull-down\n market.” This bustling market, one of Thailand’s largest, is\n situated along the Maeklong Railway track. As trains approach,\n the shop fronts and awnings are moved back from the rails,\n only to be restored once the train passes. After exploring\n this unique market, we’ll proceed to the Damnoen Saduak\n Floating Market. A private motorboat will take you through\n scenic canals, offering a glimpse of authentic canalside life.\n Disembark at the market and explore the lively scenes by a\n small paddle boat.<br \/>\n Overnight in Bangkok.\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> BANGKOK \u2013 AYUTTHAYA <\/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 Breakfast at the hotel, departure to Ayutthaya, just 76\n kilometers north of Bangkok. Begin with the enchanting Bang Pa\n In Summer Palace, set on the Chao Phraya River, boasting\n Chinese architectural marvels, lush gardens, and a floating\n pavilion. Explore the renowned Wat Yai Chai Mongkol, a\n historic temple, and delve into the significance of Wat Pa Si\n Sanphet, a temple within the Royal Palace complex. Witness the\n cultural richness at Wat Maha That and culminate your day at\n the Khmer-style Wat Chai Watthanaram, adorning the west bank\n of the Chao Phraya River. Immerse yourself in the heritage and\n beauty of Ayutthaya’s iconic landmarks.<br \/>\n Overnight in Bangkok.\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> BANGKOK \u2013 FULL DAY RIVER KWAI IN KANCHANABURI <\/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 Depart to Kanchanaburi province (128 km to the west of\n Bangkok). Visit Thailand\u2013Burma Railway Centre, an interactive\n museum, information, and research facility dedicated to\n presenting the history of the Thailand\u2013 Burma Railway. The\n fully air\u2013conditioned center offers the visitor an educational\n and moving experience. Visit Allied War Cemetery which is a\n memorial to some 6000 allied prisoners of war (POWs) who\n perished along the death railway line and were moved post-war\n to this eternal resting place. Visit the world-famous Bridge\n over the River Kwai, a part of Death Railway constructed by\n Allied POWs Take a historic on Death Railway Train passing\n over original wooden viaduct constructed by Allied POW<br \/>\n Afterward transfer back to Bangkok.<br \/>\n Overnight in Bangkok.\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> BANGKOK \u2013 FLIGHT TO CHIANG RAI <\/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 Breakfast at the hotel. After that our car and driver (no\n guide) will transfer you to the airport to take the morning\n flight to Chiang Rai.<br \/>\n Upon arrival, marvel at the captivating Wat Rong Khun,\n famously known as The White Temple, with its stunning white\n facade adorned with mirrored glass. Explore the unique and\n dark artistic style of the Black House (Baan Dam Museum),\n featuring over 40 houses.<br \/>\n In the afternoon, discover the allure of the Blue Temple (Wat\n Rong Suea Ten), celebrated for its intricate blue exterior.\n End your day with a visit to Wat Phra Kaew, housing the\n revered Emerald Buddha statue, a symbol of Thailand’s sacred\n heritage.<br \/>\n Overnight in Chiang Rai.\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> CHIANG RAI \u2013 GOLDEN TRIANGLE \u2013 CHIANG MAI <\/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 After breakfast, transfer to a region that lies at the\n intersection of the borders of Thailand, Laos, and Myanmar,\n and is located about 60 kilometers north of Chiang Rai.<br \/>\n Take a boat trip on the Mekong River to explore the\n surrounding scenery and visit local villages.<br \/>\n Afterwards, we move from Chiang Rai to Chiang Mai through the\n beautiful scenery.<br \/>\n Arrived in Chiang Mai in the late afternoon.<br \/>\n Overnight in Chiang Mai.\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> CHIANG MAI \u2013 DOI SUTHEP \u2013 CITY 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 After breakfast, you will be picked up by your guide and the\n driver, then start your day by visiting the temple of Doi\n Suthep, located in the mountains, from where you can enjoy\n beautiful views of Chiang Mai. After the visit to the Doi\n Suthep temple you will enter the old part of the city through\n its walls to visit two of its most famous temples: the Wat\n Phra Singh temple whose construction dates from 1345 and where\n we find a Buddha image of more than 1500 years old, and the\n Wat Chedi Luang, built at the same time but following a\n different architecture. It is believed to be the first temple\n that housed the famous Emerald Buddha (Wat Phra Kaew) that we\n find today in the Grand Palace in Bangkok.<br \/>\n Overnight in Chiang Mai.\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>\n ELEPHANT SAFARI AT MAE TAENG \u2013 OX-CART RIDING \u2013 BAMBOO\n RAFTING INCLUDED JOIN TRANSFER WITH SHARING ENGLISH SPEAKING\n GUIDE\n <\/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 Breakfast at the hotel, embark to the Elephants Camp to see\n the elephants at work in a jungle area. See how the elephants\n are trained for working with humans and the elephant shows.\n Then, you have the chance for an exciting ride on the elephant\n ride along the trails and followed by an Ox-Cart ride back to\n the camp – lunch at the elephant camp. Afternoon, enjoy local\n handicraft bamboo rafting along Mae Taeng River. Return to\n Chiang Mai. Transfer to your hotel.<br \/>\n Overnight in Chiang Mai.\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> CHIANG MAI \u2013 DOI INTHANON NATIONAL PARK 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 Embark on a journey after breakfast to Doi Inthanon, the\n highest summit in Thailand, situated south of Chiang Mai. As\n part of the Himalayan Mountain range, this national park\n boasts a lush environment, home to diverse bird species,\n animals, and vibrant flora. Reach the misty summit and visit a\n small Stupa containing the remains of Chao Inthawichayanon,\n the last independent ruler of Chiang Mai.<br \/>\n Then, we will continue to explore the Ang-Kha Nature Trail,\n discovering the beauty of Fern & Moss, and vibrant White\n & Red Rhododendrons (blooming in Jan \u2013 Feb). Continue to\n the Twin Pagodas, built by the Thai Air Force in honor of\n their Majesties King and Queen. Visit the Hmong Tribal Market\n on the descent, where locals trade an array of produce.<br \/>\n In the afternoon, drive through Baan Khun Klaang, the largest\n Hmong community on Doi Inthanon, reaching the Royal’s Project\n initiated by the King to deter hill tribes from growing Opium.\n Explore the flower plantations and organic farmland. Descend\n to the Karen hill tribe village at Baan Sop Had, concluding\n the journey at Wachirathan Waterfall for a refreshing break\n amid the pristine surroundings. After that, we will return to\n Chiang Mai in the late afternoon.<br \/>\n Overnight in Chiang Mai.\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> CHIANG MAI \u2013 FLIGHT TO KOH SAMUI <\/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 Enjoy your breakfast and leisure time at the hotel until our\n driver transfers you to Koh Samui.<br \/>\n Arrival Koh Samui, transfer by our driver to the hotel to\n check in.<br \/>\n Overnight in Koh Samui.\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> KOH SAMUI \u2013 FREE DAY <\/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 and easy day at leisure.<br \/>\n Overnight in Koh Samui.\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> KOH SAMUI \u2013 FREE DAY <\/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 and easy day at leisure.<br \/>\n Overnight in Koh Samui.\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> KOH SAMUI \u2013 FREE DAY <\/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 and easy day at leisure.<br \/>\n Overnight in Koh Samui.\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 15 :<\/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 SAMUI \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>\n After breakfast, free leisure until checkout at 12:00.\n Transfer to the airport for your departure flight.\n <\/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: [100.0119, 13.5860],\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 [100.5167, 13.75, 'Bangkok'], \/\/ Bangkok\n [99.9833, 13.4167, 'Maeklong Railway Market'], \/\/ Maeklong Railway Market\n [100.0377, 13.5204, 'Damnoen Saduak Floating Market'], \/\/ Damnoen Saduak Floating Market\n [100.5167, 13.75, 'Bangkok'], \/\/ Return to Bangkok\n [100.5924, 14.3559, 'Ayutthaya'], \/\/ Ayutthaya\n [100.5167, 13.75, 'Bangkok'], \/\/ Return to Bangkok\n [99.5075, 13.2961, 'Kanchanaburi'], \/\/ Kanchanaburi\n [100.5167, 13.75, 'Bangkok'], \/\/ Return to Bangkok\n [99.8250, 19.9105, 'Chiang Rai'], \/\/ Chiang Rai\n [99.9018, 20.4490, 'Golden Triangle'], \/\/ Golden Triangle\n [98.9915, 18.7883, 'Chiang Mai'], \/\/ Chiang Mai\n [98.9754, 18.7992, 'Doi Suthep'], \/\/ Doi Suthep\n [98.8528605228754, 19.14566701315214, 'Mae Taeng'], \/\/ Mae Taeng\n [98.9915, 18.7883, 'Chiang Mai'], \/\/ Chiang Mai \n [98.5809, 18.53839274153305, 'Doi Inthanon'], \/\/ Doi Inthanon\n [98.9915, 18.7883, 'Chiang Mai'], \/\/ Chiang Mai \n[100.5167, 13.75, 'Bangkok'], \/\/ Return to Bangkok\n\n];\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 BANGKOK Upon your arrival at the airport, you will be welcomed by an escort … <\/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-3452","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/epictripasia.com\/en\/wp-json\/wp\/v2\/pages\/3452","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=3452"}],"version-history":[{"count":43,"href":"https:\/\/epictripasia.com\/en\/wp-json\/wp\/v2\/pages\/3452\/revisions"}],"predecessor-version":[{"id":3647,"href":"https:\/\/epictripasia.com\/en\/wp-json\/wp\/v2\/pages\/3452\/revisions\/3647"}],"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=3452"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}