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:100%;\n}\n#wrap{\ndisplay:flex;\njustify-content:space-between;\n}\n\n#wrap #itinerary {\n max-width: 50%;\n height: 1000px;\n overflow: scroll;\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.wrapper-map {\n display: flex;\n width: 50%;\n}\n <\/style>\n<\/head>\n<body>\n\n\n \n<div id=\"wrap\">\n <div id=\"itinerary\">\n <div id=\"nb-2-configurations\" class=\"nb-2-configurations nb-configurations\" style=\"display: block;\">\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\">Expand all<\/label>\n <input id=\"itinerary-toggle-button\" type=\"checkbox\" class=\"checkbox\" checked=\"\">\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 class=\"accordion-tabs-toggle\" href=\"javascript:void(0);\">\n <span class=\"dashicons dashicons-arrow-down custom-toggle-tabs rotator open\"><\/span>\n <div class=\"itinerary-title\">\n <span>\n ARRIVAL IN HANOI\t\t\t\t\t\t\t<\/span>\n <\/div>\n <\/a>\n<\/div>\n<style id=\"itinerary-content-show\"> .itinerary-content{ disply:block!important; } <\/style>\t\t\t\t<div class=\"itinerary-content show\" style=\"display: block; max-height: 0px;\">\n <div class=\"content\">\n <p>Upon arrival, meet and transfer to the hotel for check-in (Early check-in is NOT included & subject to hotel\u2019s availability).<br>\nAccommodation in Hanoi.<\/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 class=\"accordion-tabs-toggle\" href=\"javascript:void(0);\">\n <span class=\"dashicons dashicons-arrow-down custom-toggle-tabs rotator open\"><\/span>\n <div class=\"itinerary-title\">\n <span>\n HANOI CITY TOUR\t\t\t\t\t\t\t<\/span>\n <\/div>\n <\/a>\n<\/div>\n<style id=\"itinerary-content-show\"> .itinerary-content{ disply:block!important; } <\/style>\t\t\t\t<div class=\"itinerary-content show\" style=\"display: block; max-height: 0px;\">\n <div class=\"content\">\n <p>Start your day early and head to the Ho Chi Minh Mausoleum, the final resting place of Vietnam’s beloved leader, Ho Chi Minh. After that, take a short walk to the nearby One Pillar Pagoda, an iconic Buddhist temple built in a unique architectural style. Next, head to the Temple of Literature, Vietnam’s first university and a Confucian temple.<br>\nSpend your afternoon exploring Hanoi’s bustling Old Quarter, also known as “36 Pho Phuong” (36 Streets). Take a stroll through its narrow, winding streets filled with shops, street vendors, and historical architecture. And visit Hoan Kiem Lake, located in the heart of Hanoi.<br>\nHanoi is famous for its street food. Try some local snacks like egg coffee, grilled skewers, or fresh spring rolls from street vendors.<br>\nAccommodation in Hanoi.<\/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 class=\"accordion-tabs-toggle\" href=\"javascript:void(0);\">\n <span class=\"dashicons dashicons-arrow-down custom-toggle-tabs rotator open\"><\/span>\n <div class=\"itinerary-title\">\n <span>\n HANOI \u2013 HALONG BAY\t\t\t\t\t\t\t<\/span>\n <\/div>\n <\/a>\n<\/div>\n<style id=\"itinerary-content-show\"> .itinerary-content{ disply:block!important; } <\/style>\t\t\t\t<div class=\"itinerary-content show\" style=\"display: block; max-height: 0px;\">\n <div class=\"content\">\n <p>Starting early in the morning from Hanoi to the famous Halong Bay, along the way we can enjoy the landscapes of rice fields, farms and the Red River Delta.<br>\nUpon arrival in Halong Bay, board your cruise ship and check into your cabin. Lunch on board is based on seafood and fresh fish. Take some time to relax and enjoy the stunning views of the limestone karsts and emerald waters. In the afternoon, you will have the opportunity to explore magnificent caves. In the evening, a special dinner contemplating the sunset, followed by a session of activities on board.<br>\nOvernight on board <\/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 class=\"accordion-tabs-toggle\" href=\"javascript:void(0);\">\n <span class=\"dashicons dashicons-arrow-down custom-toggle-tabs rotator open\"><\/span>\n <div class=\"itinerary-title\">\n <span>\n HALONG BAY \u2013 HANOI \u2013 FLIGHT TO DANANG\t\t\t\t\t\t\t<\/span>\n <\/div>\n <\/a>\n<\/div>\n<style id=\"itinerary-content-show\"> .itinerary-content{ disply:block!important; } <\/style>\t\t\t\t<div class=\"itinerary-content show\" style=\"display: block; max-height: 0px;\">\n <div class=\"content\">\n <p>Start your day with a refreshing Tai Chi session on the deck, surrounded by the serene beauty of Halong Bay.<br>\nDepending on the cruise itinerary, you may have some visits before disembarking from the cruise and transfer to Hanoi airport for the flight to Danang.<br>\nAccommodation in Danang<\/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 class=\"accordion-tabs-toggle\" href=\"javascript:void(0);\">\n <span class=\"dashicons dashicons-arrow-down custom-toggle-tabs rotator open\"><\/span>\n <div class=\"itinerary-title\">\n <span>\n DANANG \u2013 HOI AN\t\t\t\t\t\t\t<\/span>\n <\/div>\n <\/a>\n<\/div>\n<style id=\"itinerary-content-show\"> .itinerary-content{ disply:block!important; } <\/style>\t\t\t\t<div class=\"itinerary-content show\" style=\"display: block; max-height: 0px;\">\n <div class=\"content\">\n <p>In the morning, transfer to Hoi An for a walking tour of Hoi An Ancient Town, where every step unveils a tale of centuries-old charm and cultural richness. Discover architectural treasures that echo the town’s international heritage, from ornate Chinese assembly halls to the iconic Japanese Covered Bridge. Immerse yourself in the vibrant tapestry of Hoi An’s culture, exploring hidden alleys adorned with lanterns and stumbling upon atmospheric temples.<br>\nThen transfer back to hotel in Danang<br>\nAccommodation in Danang<\/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 class=\"accordion-tabs-toggle\" href=\"javascript:void(0);\">\n <span class=\"dashicons dashicons-arrow-down custom-toggle-tabs rotator open\"><\/span>\n <div class=\"itinerary-title\">\n <span>\n DANANG \u2013 CHAM ISLAND\t\t\t\t\t\t\t<\/span>\n <\/div>\n <\/a>\n<\/div>\n<style id=\"itinerary-content-show\"> .itinerary-content{ disply:block!important; } <\/style>\t\t\t\t<div class=\"itinerary-content show\" style=\"display: block; max-height: 0px;\">\n <div class=\"content\">\n <p>Embark on a coastal escape with a picturesque journey from your hotel to Cua Dai pier. A speedboat ride awaits, venturing to Bai Huong where a charming fishing village unveils its daily rhythms. Delve into the art of net weaving and basket boat rowing. Hon Tai welcomes you to a mesmerizing seabed adorned with vibrant coral reefs and a bustling marine life spectacle. Bask in the sun or trek through the lush Bai Chong hill garden before relishing a Cham Island feast, blending local flavors and BBQ delights. As the day ends, board the return journey to the mainland, marking the end of your beachfront odyssey.<br>\nAccommodation in Danang<\/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 class=\"accordion-tabs-toggle\" href=\"javascript:void(0);\">\n <span class=\"dashicons dashicons-arrow-down custom-toggle-tabs rotator open\"><\/span>\n <div class=\"itinerary-title\">\n <span>\n DANANG \u2013 FLIGHT PHU QUOC ISLAND\t\t\t\t\t\t\t<\/span>\n <\/div>\n <\/a>\n<\/div>\n<style id=\"itinerary-content-show\"> .itinerary-content{ disply:block!important; } <\/style>\t\t\t\t<div class=\"itinerary-content show\" style=\"display: block; max-height: 0px;\">\n <div class=\"content\">\n <p>Transfer to Danang airport for the flight to Phu Quoc Island<br>\nYou can embark on an enchanting diving tour to explore the mesmerizing world of corals, available with an individual supplement. Or immerse yourself in the charm of Duong Chau town and the vibrant night market, allowing you to independently observe the authentic local life. This promises to be an unforgettable and enriching experience, adding a touch of magic to your stay here.<br>\nAccommodation in Phu Quoc<\/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 class=\"accordion-tabs-toggle\" href=\"javascript:void(0);\">\n <span class=\"dashicons dashicons-arrow-down custom-toggle-tabs rotator open\"><\/span>\n <div class=\"itinerary-title\">\n <span>\n PHU QUOC ISLAND \u2013 FREE DAY\t\t\t\t\t\t\t<\/span>\n <\/div>\n <\/a>\n<\/div>\n<style id=\"itinerary-content-show\"> .itinerary-content{ disply:block!important; } <\/style>\t\t\t\t<div class=\"itinerary-content show\" style=\"display: block; max-height: 0px;\">\n <div class=\"content\">\n <p>Indulge in leisurely moments to discover the pristine beauty of Phu Quoc’s beaches and landscapes. Enhance your evening with a delightful cocktail at the Rock Island Club, where you can witness the enchanting descent of dusk, setting the stage for a truly unforgettable night in this idyllic paradise, available with an individual supplement.<br>\nAccommodation in Phu Quoc<\/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 class=\"accordion-tabs-toggle\" href=\"javascript:void(0);\">\n <span class=\"dashicons dashicons-arrow-down custom-toggle-tabs rotator open\"><\/span>\n <div class=\"itinerary-title\">\n <span>\n PHU QUOC ISLAND \u2013 FREE DAY\t\t\t\t\t\t\t<\/span>\n <\/div>\n <\/a>\n<\/div>\n<style id=\"itinerary-content-show\"> .itinerary-content{ disply:block!important; } <\/style>\t\t\t\t<div class=\"itinerary-content show\" style=\"display: block; max-height: 0px;\">\n <div class=\"content\">\n <p>Enjoy the pristine beaches with lush landscape, savoring moments that linger long after your visit. Phu Quoc beckons with its unique charm and unforgettable adventures.<br>\nAccommodation in Phu Quoc<\/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 class=\"accordion-tabs-toggle\" href=\"javascript:void(0);\">\n <span class=\"dashicons dashicons-arrow-down custom-toggle-tabs rotator open\"><\/span>\n <div class=\"itinerary-title\">\n <span>\n PHU QUOC ISLAND \u2013 FLIGHT TO HO CHI MINH CITY\t\t\t\t\t\t\t<\/span>\n <\/div>\n <\/a>\n<\/div>\n<style id=\"itinerary-content-show\"> .itinerary-content{ disply:block!important; } <\/style>\t\t\t\t<div class=\"itinerary-content show\" style=\"display: block; max-height: 0px;\">\n <div class=\"content\">\n <p>Transfer to Phu Quoc airport for the flight to Ho Chi Minh City, also known as Saigon<br>\nAccommodation in Saigon<\/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 class=\"accordion-tabs-toggle\" href=\"javascript:void(0);\">\n <span class=\"dashicons dashicons-arrow-down custom-toggle-tabs rotator open\"><\/span>\n <div class=\"itinerary-title\">\n <span>\n HO CHI MINH CITY \u2013 CU CHI TUNNELS\t\t\t\t\t\t\t<\/span>\n <\/div>\n <\/a>\n<\/div>\n<style id=\"itinerary-content-show\"> .itinerary-content{ disply:block!important; } <\/style>\t\t\t\t<div class=\"itinerary-content show\" style=\"display: block; max-height: 0px;\">\n <div class=\"content\">\n <p>Today, we will explore the historic Cu Chi Tunnels, a testament to Vietnam’s resilience and ingenuity. Venture beneath the earth’s surface to witness the intricate network of tunnels that played a pivotal role during the Vietnam War. Immerse yourself in the stories of courage and survival as you discover hidden chambers, trapdoors, and secret bunkers. The lush surroundings provide a stark contrast to the underground world, offering a poignant journey through history. Gain a profound understanding of the resilience of the Vietnamese people and the indelible mark left by this remarkable feat of engineering and endurance.<br>\nIn the afternoon, visit some historical monuments of the city such as: the Cathedral Notre Dame, the Central Post Office, the Independence Palace and the Ben Thanh market, considered an unofficial symbol of Ho Chi Minh city<br>\nAccommodation in Saigon<\/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 class=\"accordion-tabs-toggle\" href=\"javascript:void(0);\">\n <span class=\"dashicons dashicons-arrow-down custom-toggle-tabs rotator open\"><\/span>\n <div class=\"itinerary-title\">\n <span>\n HO CHI MINH CITY \u2013 DEPARTURE\t\t\t\t\t\t\t<\/span>\n <\/div>\n <\/a>\n<\/div>\n<style id=\"itinerary-content-show\"> .itinerary-content{ disply:block!important; } <\/style>\t\t\t\t<div class=\"itinerary-content show\" style=\"display: block; max-height: 0px;\">\n <div class=\"content\">\n <p>Transfer to Saigon airport for the return flight home.<\/p>\n <\/div>\n<\/div>\n<\/div>\n<\/div>\n<script>\n;(function() {\nvar toggleTab = function(row, force = null) {\nvar content = row.querySelector(\".itinerary-content\")\nvar toggler = row.querySelector(\".accordion-tabs-toggle\")\nvar condition = force === null ? ! toggler.classList.contains(\"active\") : force\nvar height = content.scrollHeight\ncontent.classList.toggle(\"active\", condition)\nif(condition) content.style.maxHeight = height + \"px\"\nelse content.style.maxHeight = \"0px\"\ntoggler.classList.toggle(\"active\", condition)\n}\n\nvar handleToggleClick = function(row) {\nreturn function(event) {\nvar target = event.target\nif(!!target.closest(\".wte-itinerary-head-wrap\")) {\n toggleTab(row)\n}\n}\n}\n\nvar setContentHeight = function(row) {\nvar content = row.querySelector(\".itinerary-content\")\nvar scrollHeight = content.scrollHeight\nif(content.classList.contains(\"active\"))\ncontent.style.maxHeight = (scrollHeight) + \"px\"\nelse\tcontent.style.maxHeight = \"0px\"\n}\n\nvar wrapper = document.querySelector(\".wte-trip-itinerary-v2\")\nif ( wrapper ) {\nvar expandall = document.getElementById('itinerary-toggle-button')\nvar rows = wrapper.querySelectorAll('.itinerary-row')\nif(expandall) {\nexpandall.addEventListener(\"change\", function() {\n if(rows) rows.forEach(row => {\n toggleTab(row, this.checked)\n })\n})\n}\nif ( rows ) {\nrows.forEach(function(row) {\n \/\/ setContentHeight(row)\n row.addEventListener('click', handleToggleClick(row))\n});\n}\n}\n})();\n<\/script>\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 <script>\n \/\/ Replace 'YOUR_MAPBOX_ACCESS_TOKEN' with your actual Mapbox access token\n mapboxgl.accessToken = 'pk.eyJ1IjoibmlnaHRtYXJlc3VyZiIsImEiOiJjazFjMnRjNHYydGN5M25wa2Y4cXkwcWNyIn0.EFUSe85Grl7ptScTOtJHoA';\n\n \/\/ Create a map centered on Hanoi\n const map = new mapboxgl.Map({\n container: 'map',\n style: 'mapbox:\/\/styles\/mapbox\/streets-v11',\n center: [108.3348, 15.8801],\n zoom: 4\n });\n\n \/\/ Add navigation control to the map\n map.addControl(new mapboxgl.NavigationControl());\n\n \/\/ Function to create a popup with the location name and remove the close button\n function createPopup(locationName, number) {\n return new mapboxgl.Popup({ offset: 25, closeButton: false })\n .setHTML(`<h3>${locationName}<\/h3>`);\n }\n\n \/\/ Add numbered markers for Hanoi, Ha Long Bay, Hue, Hoi An, Da Nang, Ho Chi Minh City, Mekong Delta, Cai Be, and Cu Chi\n\nconst markers = [\n [105.8542, 21.0000, 'Hanoi'],\n [107.6306, 20.9101, 'Ha Long Bay'],\n [105.8542, 21.0000, 'Hanoi'],\n [108.1981, 16.0479, 'Da Nang'],\n [108.3348, 15.8801, 'Hoi An'],\n [103.9637, 10.2899, 'Phu Quoc Island'],\n [106.6297, 10.8231, 'Ho Chi Minh City'],\n [106.6297, 10.9464, 'Cu Chi']\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 HANOI Upon arrival, meet and transfer to the hotel for check-in (Early check-in is … <\/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-2987","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/epictripasia.com\/en\/wp-json\/wp\/v2\/pages\/2987","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=2987"}],"version-history":[{"count":18,"href":"https:\/\/epictripasia.com\/en\/wp-json\/wp\/v2\/pages\/2987\/revisions"}],"predecessor-version":[{"id":3346,"href":"https:\/\/epictripasia.com\/en\/wp-json\/wp\/v2\/pages\/2987\/revisions\/3346"}],"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=2987"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":2987,"date":"2024-02-01T11:15:16","date_gmt":"2024-02-01T11:15:16","guid":{"rendered":"https:\/\/epictripasia.com\/?page_id=2987"},"modified":"2024-02-20T15:06:13","modified_gmt":"2024-02-20T15:06:13","slug":"vietnamese-coastal-odyssey-map","status":"publish","type":"page","link":"https:\/\/epictripasia.com\/en\/maps\/vietnamese-coastal-odyssey-map\/","title":{"rendered":"Vietnamese coastal 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:100%;\n}\n#wrap{\ndisplay:flex;\njustify-content:space-between;\n}\n\n#wrap #itinerary {\n max-width: 50%;\n height: 1000px;\n overflow: scroll;\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.wrapper-map {\n display: flex;\n width: 50%;\n}\n <\/style>\n<\/head>\n<body>\n\n\n \n<div id=\"wrap\">\n <div id=\"itinerary\">\n <div id=\"nb-2-configurations\" class=\"nb-2-configurations nb-configurations\" style=\"display: block;\">\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\">Expand all<\/label>\n <input id=\"itinerary-toggle-button\" type=\"checkbox\" class=\"checkbox\" checked=\"\">\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 class=\"accordion-tabs-toggle\" href=\"javascript:void(0);\">\n <span class=\"dashicons dashicons-arrow-down custom-toggle-tabs rotator open\"><\/span>\n <div class=\"itinerary-title\">\n <span>\n ARRIVAL IN HANOI\t\t\t\t\t\t\t<\/span>\n <\/div>\n <\/a>\n<\/div>\n<style id=\"itinerary-content-show\"> .itinerary-content{ disply:block!important; } <\/style>\t\t\t\t<div class=\"itinerary-content show\" style=\"display: block; max-height: 0px;\">\n <div class=\"content\">\n <p>Upon arrival, meet and transfer to the hotel for check-in (Early check-in is NOT included & subject to hotel\u2019s availability).<br>\nAccommodation in Hanoi.<\/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 class=\"accordion-tabs-toggle\" href=\"javascript:void(0);\">\n <span class=\"dashicons dashicons-arrow-down custom-toggle-tabs rotator open\"><\/span>\n <div class=\"itinerary-title\">\n <span>\n HANOI CITY TOUR\t\t\t\t\t\t\t<\/span>\n <\/div>\n <\/a>\n<\/div>\n<style id=\"itinerary-content-show\"> .itinerary-content{ disply:block!important; } <\/style>\t\t\t\t<div class=\"itinerary-content show\" style=\"display: block; max-height: 0px;\">\n <div class=\"content\">\n <p>Start your day early and head to the Ho Chi Minh Mausoleum, the final resting place of Vietnam’s beloved leader, Ho Chi Minh. After that, take a short walk to the nearby One Pillar Pagoda, an iconic Buddhist temple built in a unique architectural style. Next, head to the Temple of Literature, Vietnam’s first university and a Confucian temple.<br>\nSpend your afternoon exploring Hanoi’s bustling Old Quarter, also known as “36 Pho Phuong” (36 Streets). Take a stroll through its narrow, winding streets filled with shops, street vendors, and historical architecture. And visit Hoan Kiem Lake, located in the heart of Hanoi.<br>\nHanoi is famous for its street food. Try some local snacks like egg coffee, grilled skewers, or fresh spring rolls from street vendors.<br>\nAccommodation in Hanoi.<\/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 class=\"accordion-tabs-toggle\" href=\"javascript:void(0);\">\n <span class=\"dashicons dashicons-arrow-down custom-toggle-tabs rotator open\"><\/span>\n <div class=\"itinerary-title\">\n <span>\n HANOI \u2013 HALONG BAY\t\t\t\t\t\t\t<\/span>\n <\/div>\n <\/a>\n<\/div>\n<style id=\"itinerary-content-show\"> .itinerary-content{ disply:block!important; } <\/style>\t\t\t\t<div class=\"itinerary-content show\" style=\"display: block; max-height: 0px;\">\n <div class=\"content\">\n <p>Starting early in the morning from Hanoi to the famous Halong Bay, along the way we can enjoy the landscapes of rice fields, farms and the Red River Delta.<br>\nUpon arrival in Halong Bay, board your cruise ship and check into your cabin. Lunch on board is based on seafood and fresh fish. Take some time to relax and enjoy the stunning views of the limestone karsts and emerald waters. In the afternoon, you will have the opportunity to explore magnificent caves. In the evening, a special dinner contemplating the sunset, followed by a session of activities on board.<br>\nOvernight on board <\/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 class=\"accordion-tabs-toggle\" href=\"javascript:void(0);\">\n <span class=\"dashicons dashicons-arrow-down custom-toggle-tabs rotator open\"><\/span>\n <div class=\"itinerary-title\">\n <span>\n HALONG BAY \u2013 HANOI \u2013 FLIGHT TO DANANG\t\t\t\t\t\t\t<\/span>\n <\/div>\n <\/a>\n<\/div>\n<style id=\"itinerary-content-show\"> .itinerary-content{ disply:block!important; } <\/style>\t\t\t\t<div class=\"itinerary-content show\" style=\"display: block; max-height: 0px;\">\n <div class=\"content\">\n <p>Start your day with a refreshing Tai Chi session on the deck, surrounded by the serene beauty of Halong Bay.<br>\nDepending on the cruise itinerary, you may have some visits before disembarking from the cruise and transfer to Hanoi airport for the flight to Danang.<br>\nAccommodation in Danang<\/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 class=\"accordion-tabs-toggle\" href=\"javascript:void(0);\">\n <span class=\"dashicons dashicons-arrow-down custom-toggle-tabs rotator open\"><\/span>\n <div class=\"itinerary-title\">\n <span>\n DANANG \u2013 HOI AN\t\t\t\t\t\t\t<\/span>\n <\/div>\n <\/a>\n<\/div>\n<style id=\"itinerary-content-show\"> .itinerary-content{ disply:block!important; } <\/style>\t\t\t\t<div class=\"itinerary-content show\" style=\"display: block; max-height: 0px;\">\n <div class=\"content\">\n <p>In the morning, transfer to Hoi An for a walking tour of Hoi An Ancient Town, where every step unveils a tale of centuries-old charm and cultural richness. Discover architectural treasures that echo the town’s international heritage, from ornate Chinese assembly halls to the iconic Japanese Covered Bridge. Immerse yourself in the vibrant tapestry of Hoi An’s culture, exploring hidden alleys adorned with lanterns and stumbling upon atmospheric temples.<br>\nThen transfer back to hotel in Danang<br>\nAccommodation in Danang<\/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 class=\"accordion-tabs-toggle\" href=\"javascript:void(0);\">\n <span class=\"dashicons dashicons-arrow-down custom-toggle-tabs rotator open\"><\/span>\n <div class=\"itinerary-title\">\n <span>\n DANANG \u2013 CHAM ISLAND\t\t\t\t\t\t\t<\/span>\n <\/div>\n <\/a>\n<\/div>\n<style id=\"itinerary-content-show\"> .itinerary-content{ disply:block!important; } <\/style>\t\t\t\t<div class=\"itinerary-content show\" style=\"display: block; max-height: 0px;\">\n <div class=\"content\">\n <p>Embark on a coastal escape with a picturesque journey from your hotel to Cua Dai pier. A speedboat ride awaits, venturing to Bai Huong where a charming fishing village unveils its daily rhythms. Delve into the art of net weaving and basket boat rowing. Hon Tai welcomes you to a mesmerizing seabed adorned with vibrant coral reefs and a bustling marine life spectacle. Bask in the sun or trek through the lush Bai Chong hill garden before relishing a Cham Island feast, blending local flavors and BBQ delights. As the day ends, board the return journey to the mainland, marking the end of your beachfront odyssey.<br>\nAccommodation in Danang<\/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 class=\"accordion-tabs-toggle\" href=\"javascript:void(0);\">\n <span class=\"dashicons dashicons-arrow-down custom-toggle-tabs rotator open\"><\/span>\n <div class=\"itinerary-title\">\n <span>\n DANANG \u2013 FLIGHT PHU QUOC ISLAND\t\t\t\t\t\t\t<\/span>\n <\/div>\n <\/a>\n<\/div>\n<style id=\"itinerary-content-show\"> .itinerary-content{ disply:block!important; } <\/style>\t\t\t\t<div class=\"itinerary-content show\" style=\"display: block; max-height: 0px;\">\n <div class=\"content\">\n <p>Transfer to Danang airport for the flight to Phu Quoc Island<br>\nYou can embark on an enchanting diving tour to explore the mesmerizing world of corals, available with an individual supplement. Or immerse yourself in the charm of Duong Chau town and the vibrant night market, allowing you to independently observe the authentic local life. This promises to be an unforgettable and enriching experience, adding a touch of magic to your stay here.<br>\nAccommodation in Phu Quoc<\/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 class=\"accordion-tabs-toggle\" href=\"javascript:void(0);\">\n <span class=\"dashicons dashicons-arrow-down custom-toggle-tabs rotator open\"><\/span>\n <div class=\"itinerary-title\">\n <span>\n PHU QUOC ISLAND \u2013 FREE DAY\t\t\t\t\t\t\t<\/span>\n <\/div>\n <\/a>\n<\/div>\n<style id=\"itinerary-content-show\"> .itinerary-content{ disply:block!important; } <\/style>\t\t\t\t<div class=\"itinerary-content show\" style=\"display: block; max-height: 0px;\">\n <div class=\"content\">\n <p>Indulge in leisurely moments to discover the pristine beauty of Phu Quoc’s beaches and landscapes. Enhance your evening with a delightful cocktail at the Rock Island Club, where you can witness the enchanting descent of dusk, setting the stage for a truly unforgettable night in this idyllic paradise, available with an individual supplement.<br>\nAccommodation in Phu Quoc<\/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 class=\"accordion-tabs-toggle\" href=\"javascript:void(0);\">\n <span class=\"dashicons dashicons-arrow-down custom-toggle-tabs rotator open\"><\/span>\n <div class=\"itinerary-title\">\n <span>\n PHU QUOC ISLAND \u2013 FREE DAY\t\t\t\t\t\t\t<\/span>\n <\/div>\n <\/a>\n<\/div>\n<style id=\"itinerary-content-show\"> .itinerary-content{ disply:block!important; } <\/style>\t\t\t\t<div class=\"itinerary-content show\" style=\"display: block; max-height: 0px;\">\n <div class=\"content\">\n <p>Enjoy the pristine beaches with lush landscape, savoring moments that linger long after your visit. Phu Quoc beckons with its unique charm and unforgettable adventures.<br>\nAccommodation in Phu Quoc<\/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 class=\"accordion-tabs-toggle\" href=\"javascript:void(0);\">\n <span class=\"dashicons dashicons-arrow-down custom-toggle-tabs rotator open\"><\/span>\n <div class=\"itinerary-title\">\n <span>\n PHU QUOC ISLAND \u2013 FLIGHT TO HO CHI MINH CITY\t\t\t\t\t\t\t<\/span>\n <\/div>\n <\/a>\n<\/div>\n<style id=\"itinerary-content-show\"> .itinerary-content{ disply:block!important; } <\/style>\t\t\t\t<div class=\"itinerary-content show\" style=\"display: block; max-height: 0px;\">\n <div class=\"content\">\n <p>Transfer to Phu Quoc airport for the flight to Ho Chi Minh City, also known as Saigon<br>\nAccommodation in Saigon<\/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 class=\"accordion-tabs-toggle\" href=\"javascript:void(0);\">\n <span class=\"dashicons dashicons-arrow-down custom-toggle-tabs rotator open\"><\/span>\n <div class=\"itinerary-title\">\n <span>\n HO CHI MINH CITY \u2013 CU CHI TUNNELS\t\t\t\t\t\t\t<\/span>\n <\/div>\n <\/a>\n<\/div>\n<style id=\"itinerary-content-show\"> .itinerary-content{ disply:block!important; } <\/style>\t\t\t\t<div class=\"itinerary-content show\" style=\"display: block; max-height: 0px;\">\n <div class=\"content\">\n <p>Today, we will explore the historic Cu Chi Tunnels, a testament to Vietnam’s resilience and ingenuity. Venture beneath the earth’s surface to witness the intricate network of tunnels that played a pivotal role during the Vietnam War. Immerse yourself in the stories of courage and survival as you discover hidden chambers, trapdoors, and secret bunkers. The lush surroundings provide a stark contrast to the underground world, offering a poignant journey through history. Gain a profound understanding of the resilience of the Vietnamese people and the indelible mark left by this remarkable feat of engineering and endurance.<br>\nIn the afternoon, visit some historical monuments of the city such as: the Cathedral Notre Dame, the Central Post Office, the Independence Palace and the Ben Thanh market, considered an unofficial symbol of Ho Chi Minh city<br>\nAccommodation in Saigon<\/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 class=\"accordion-tabs-toggle\" href=\"javascript:void(0);\">\n <span class=\"dashicons dashicons-arrow-down custom-toggle-tabs rotator open\"><\/span>\n <div class=\"itinerary-title\">\n <span>\n HO CHI MINH CITY \u2013 DEPARTURE\t\t\t\t\t\t\t<\/span>\n <\/div>\n <\/a>\n<\/div>\n<style id=\"itinerary-content-show\"> .itinerary-content{ disply:block!important; } <\/style>\t\t\t\t<div class=\"itinerary-content show\" style=\"display: block; max-height: 0px;\">\n <div class=\"content\">\n <p>Transfer to Saigon airport for the return flight home.<\/p>\n <\/div>\n<\/div>\n<\/div>\n<\/div>\n<script>\n;(function() {\nvar toggleTab = function(row, force = null) {\nvar content = row.querySelector(\".itinerary-content\")\nvar toggler = row.querySelector(\".accordion-tabs-toggle\")\nvar condition = force === null ? ! toggler.classList.contains(\"active\") : force\nvar height = content.scrollHeight\ncontent.classList.toggle(\"active\", condition)\nif(condition) content.style.maxHeight = height + \"px\"\nelse content.style.maxHeight = \"0px\"\ntoggler.classList.toggle(\"active\", condition)\n}\n\nvar handleToggleClick = function(row) {\nreturn function(event) {\nvar target = event.target\nif(!!target.closest(\".wte-itinerary-head-wrap\")) {\n toggleTab(row)\n}\n}\n}\n\nvar setContentHeight = function(row) {\nvar content = row.querySelector(\".itinerary-content\")\nvar scrollHeight = content.scrollHeight\nif(content.classList.contains(\"active\"))\ncontent.style.maxHeight = (scrollHeight) + \"px\"\nelse\tcontent.style.maxHeight = \"0px\"\n}\n\nvar wrapper = document.querySelector(\".wte-trip-itinerary-v2\")\nif ( wrapper ) {\nvar expandall = document.getElementById('itinerary-toggle-button')\nvar rows = wrapper.querySelectorAll('.itinerary-row')\nif(expandall) {\nexpandall.addEventListener(\"change\", function() {\n if(rows) rows.forEach(row => {\n toggleTab(row, this.checked)\n })\n})\n}\nif ( rows ) {\nrows.forEach(function(row) {\n \/\/ setContentHeight(row)\n row.addEventListener('click', handleToggleClick(row))\n});\n}\n}\n})();\n<\/script>\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 <script>\n \/\/ Replace 'YOUR_MAPBOX_ACCESS_TOKEN' with your actual Mapbox access token\n mapboxgl.accessToken = 'pk.eyJ1IjoibmlnaHRtYXJlc3VyZiIsImEiOiJjazFjMnRjNHYydGN5M25wa2Y4cXkwcWNyIn0.EFUSe85Grl7ptScTOtJHoA';\n\n \/\/ Create a map centered on Hanoi\n const map = new mapboxgl.Map({\n container: 'map',\n style: 'mapbox:\/\/styles\/mapbox\/streets-v11',\n center: [108.3348, 15.8801],\n zoom: 4\n });\n\n \/\/ Add navigation control to the map\n map.addControl(new mapboxgl.NavigationControl());\n\n \/\/ Function to create a popup with the location name and remove the close button\n function createPopup(locationName, number) {\n return new mapboxgl.Popup({ offset: 25, closeButton: false })\n .setHTML(`<h3>${locationName}<\/h3>`);\n }\n\n \/\/ Add numbered markers for Hanoi, Ha Long Bay, Hue, Hoi An, Da Nang, Ho Chi Minh City, Mekong Delta, Cai Be, and Cu Chi\n\nconst markers = [\n [105.8542, 21.0000, 'Hanoi'],\n [107.6306, 20.9101, 'Ha Long Bay'],\n [105.8542, 21.0000, 'Hanoi'],\n [108.1981, 16.0479, 'Da Nang'],\n [108.3348, 15.8801, 'Hoi An'],\n [103.9637, 10.2899, 'Phu Quoc Island'],\n [106.6297, 10.8231, 'Ho Chi Minh City'],\n [106.6297, 10.9464, 'Cu Chi']\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 HANOI Upon arrival, meet and transfer to the hotel for check-in (Early check-in is … <\/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-2987","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/epictripasia.com\/en\/wp-json\/wp\/v2\/pages\/2987","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=2987"}],"version-history":[{"count":18,"href":"https:\/\/epictripasia.com\/en\/wp-json\/wp\/v2\/pages\/2987\/revisions"}],"predecessor-version":[{"id":3346,"href":"https:\/\/epictripasia.com\/en\/wp-json\/wp\/v2\/pages\/2987\/revisions\/3346"}],"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=2987"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}