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 guide (with sign name) and driver then transfer\n directly to the hotel for check in. Simply enjoy free time at\n 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 Golden Triangle, a region that\n lies at the intersection of the borders of Thailand, Laos, and\n Myanmar, and is located about 60 kilometers north of Chiang\n 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 FULL DAY BAN HONGNUAL COOKERY SCHOOL JOIN TOUR \u2013 KHANTOKE\n DINNER\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 Full Day Course 6 Dishes (4 main courses + 1 Thai dessert + 1\n snack)<br \/>\n Embark on a culinary adventure starting at 09:00 with a pickup\n from your hotel, led by an English instructor. Head to Nong\n Hoi local market, spending 40 minutes exploring and purchasing\n fresh ingredients for your class, gaining insights into\n tropical vegetation. Continue to Baan HongNual, an open\n kitchen in Lanna Thai style, where you’ll don aprons and\n headdresses as cooking uniforms. Delve into the intricacies of\n Thai cuisine, from kitchen utensils to seasonings, preparing\n and savoring each dish step by step. After a delightful lunch,\n take a break to enjoy complimentary tea, coffee, or herbal\n drinks amidst herbal and vegetable plantations. Resume\n cooking, concluding the class with English cookbooks and a\n transfer back to the hotel.<br \/>\n Later at 18:40, experience the rich flavors of Northern Thai\n Cuisine at a Khantoke Dinner. Indulge in dishes like “Gaeng\n Hang Lay” and “Nam Prik Ong” served on a traditional Khantoke\n tray. Delight in live performances, including Traditional\n Northern Musical ensemble and captivating dances like the\n Fingernail Dance. Immerse yourself in the cultural richness,\n culminating in the joyous Ramwong Dance. A delightful evening\n of gastronomy and entertainment awaits.<br \/>\n After the dinner show, transfer back to the 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> KANTA ELEPHANT JOIN TOUR FULL 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 Embark on an enriching day at Kanta Elephant Sanctuary,\n starting with a 50-minute drive from Chiang Mai. Upon arrival,\n don traditional attire and engage in various activities with\n the elephants, including feeding, roaming, and playing. The\n sanctuary emphasizes quality time, allowing you to closely\n observe the elephants in their natural environment. A\n delightful lunch is provided, followed by a hands-on\n experience preparing sticky rice mixed with herbs for the\n elephants. Learn about elephant background, health care, and\n behavior. The day continues with more elephant interaction,\n including walks to the river for bathing and scrubbing.\n Capture memorable moments and enjoy a tea and coffee break\n before returning to Chiang Mai.<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 guide and driver transfer you to the airport for your flight\n to Koh Samui.<br \/>\n Arrival in Koh Samui, transfer by our English guide and driver\n to the hotel to 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 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 Free and easy day at leisure until our guide and driver\n transfer you to the airport to take flight to Bangkok.<br \/>\n Arrival Bangkok, transfer by guide and driver to hotel to\n check in.<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 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> BANGKOK \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 by guide and driver for your departure\n 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.5167, 13.75],\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 [100.5924, 14.3559, 'Ayutthaya'], \/\/ Ayutthaya\n [99.5059, 14.0228, 'Kanchanaburi'], \/\/ Kanchanaburi\n [98.9817, 18.7883, 'Chiang Mai'], \/\/ Chiang Mai\n [98.9145, 18.7965, 'Doi Suthep'], \/\/ Doi Suthep\n [99.8250, 19.9105, 'Chiang Rai'], \/\/ Chiang Rai\n [99.9018, 20.4490, 'Golden Triangle'], \/\/ Golden Triangle\n [99.0269, 19.2927, 'Ban Hongnual'], \/\/ Ban Hongnual\n [99.2081, 19.4656, 'Kanta Elephant Sanctuary'],\/\/ Kanta Elephant Sanctuary\n [100.0448, 9.5120, 'Koh Samui'], \/\/ Koh Samui\n [100.5167, 13.75, 'Bangkok'] \/\/ Return to Bangkok\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-3443","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/epictripasia.com\/en\/wp-json\/wp\/v2\/pages\/3443","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=3443"}],"version-history":[{"count":5,"href":"https:\/\/epictripasia.com\/en\/wp-json\/wp\/v2\/pages\/3443\/revisions"}],"predecessor-version":[{"id":3634,"href":"https:\/\/epictripasia.com\/en\/wp-json\/wp\/v2\/pages\/3443\/revisions\/3634"}],"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=3443"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":3443,"date":"2024-03-01T07:03:05","date_gmt":"2024-03-01T07:03:05","guid":{"rendered":"https:\/\/epictripasia.com\/?page_id=3443"},"modified":"2024-03-03T03:01:58","modified_gmt":"2024-03-03T03:01:58","slug":"family-tour-through-thailand-map","status":"publish","type":"page","link":"https:\/\/epictripasia.com\/en\/maps\/family-tour-through-thailand-map\/","title":{"rendered":"FAMILY TOUR THROUGH THAILAND\u00a0MAP"},"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 guide (with sign name) and driver then transfer\n directly to the hotel for check in. Simply enjoy free time at\n 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 Golden Triangle, a region that\n lies at the intersection of the borders of Thailand, Laos, and\n Myanmar, and is located about 60 kilometers north of Chiang\n 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 FULL DAY BAN HONGNUAL COOKERY SCHOOL JOIN TOUR \u2013 KHANTOKE\n DINNER\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 Full Day Course 6 Dishes (4 main courses + 1 Thai dessert + 1\n snack)<br \/>\n Embark on a culinary adventure starting at 09:00 with a pickup\n from your hotel, led by an English instructor. Head to Nong\n Hoi local market, spending 40 minutes exploring and purchasing\n fresh ingredients for your class, gaining insights into\n tropical vegetation. Continue to Baan HongNual, an open\n kitchen in Lanna Thai style, where you’ll don aprons and\n headdresses as cooking uniforms. Delve into the intricacies of\n Thai cuisine, from kitchen utensils to seasonings, preparing\n and savoring each dish step by step. After a delightful lunch,\n take a break to enjoy complimentary tea, coffee, or herbal\n drinks amidst herbal and vegetable plantations. Resume\n cooking, concluding the class with English cookbooks and a\n transfer back to the hotel.<br \/>\n Later at 18:40, experience the rich flavors of Northern Thai\n Cuisine at a Khantoke Dinner. Indulge in dishes like “Gaeng\n Hang Lay” and “Nam Prik Ong” served on a traditional Khantoke\n tray. Delight in live performances, including Traditional\n Northern Musical ensemble and captivating dances like the\n Fingernail Dance. Immerse yourself in the cultural richness,\n culminating in the joyous Ramwong Dance. A delightful evening\n of gastronomy and entertainment awaits.<br \/>\n After the dinner show, transfer back to the 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> KANTA ELEPHANT JOIN TOUR FULL 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 Embark on an enriching day at Kanta Elephant Sanctuary,\n starting with a 50-minute drive from Chiang Mai. Upon arrival,\n don traditional attire and engage in various activities with\n the elephants, including feeding, roaming, and playing. The\n sanctuary emphasizes quality time, allowing you to closely\n observe the elephants in their natural environment. A\n delightful lunch is provided, followed by a hands-on\n experience preparing sticky rice mixed with herbs for the\n elephants. Learn about elephant background, health care, and\n behavior. The day continues with more elephant interaction,\n including walks to the river for bathing and scrubbing.\n Capture memorable moments and enjoy a tea and coffee break\n before returning to Chiang Mai.<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 guide and driver transfer you to the airport for your flight\n to Koh Samui.<br \/>\n Arrival in Koh Samui, transfer by our English guide and driver\n to the hotel to 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 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 Free and easy day at leisure until our guide and driver\n transfer you to the airport to take flight to Bangkok.<br \/>\n Arrival Bangkok, transfer by guide and driver to hotel to\n check in.<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 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> BANGKOK \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 by guide and driver for your departure\n 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.5167, 13.75],\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 [100.5924, 14.3559, 'Ayutthaya'], \/\/ Ayutthaya\n [99.5059, 14.0228, 'Kanchanaburi'], \/\/ Kanchanaburi\n [98.9817, 18.7883, 'Chiang Mai'], \/\/ Chiang Mai\n [98.9145, 18.7965, 'Doi Suthep'], \/\/ Doi Suthep\n [99.8250, 19.9105, 'Chiang Rai'], \/\/ Chiang Rai\n [99.9018, 20.4490, 'Golden Triangle'], \/\/ Golden Triangle\n [99.0269, 19.2927, 'Ban Hongnual'], \/\/ Ban Hongnual\n [99.2081, 19.4656, 'Kanta Elephant Sanctuary'],\/\/ Kanta Elephant Sanctuary\n [100.0448, 9.5120, 'Koh Samui'], \/\/ Koh Samui\n [100.5167, 13.75, 'Bangkok'] \/\/ Return to Bangkok\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-3443","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/epictripasia.com\/en\/wp-json\/wp\/v2\/pages\/3443","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=3443"}],"version-history":[{"count":5,"href":"https:\/\/epictripasia.com\/en\/wp-json\/wp\/v2\/pages\/3443\/revisions"}],"predecessor-version":[{"id":3634,"href":"https:\/\/epictripasia.com\/en\/wp-json\/wp\/v2\/pages\/3443\/revisions\/3634"}],"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=3443"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}