{"id":340,"date":"2026-03-17T13:46:23","date_gmt":"2026-03-17T06:46:23","guid":{"rendered":"https:\/\/clouddemo.nc.co.th\/MHG\/?page_id=340"},"modified":"2026-03-17T13:58:59","modified_gmt":"2026-03-17T06:58:59","slug":"locations","status":"publish","type":"page","link":"https:\/\/clouddemo.nc.co.th\/MHG\/locations\/","title":{"rendered":"Locations"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"340\" class=\"elementor elementor-340\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-85cb2d1 e-con-full e-flex e-con e-parent\" data-id=\"85cb2d1\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-985f3b6 elementor-widget elementor-widget-html\" data-id=\"985f3b6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500;600&family=Outfit:wght@300;400;500&display=swap');\n\n.mhg-map-wrapper { font-family: 'Outfit', sans-serif; position: relative; width: 100%; background: #0e0e0e; border-radius: 4px; overflow: hidden; }\n\n\/* Panel *\/\n.mhg-panel { position: absolute; top: 20px; left: 20px; z-index: 10; width: 380px; max-height: calc(100% - 40px); background: rgba(18,18,18,0.95); backdrop-filter: blur(20px); border: 1px solid rgba(255,255,255,0.08); border-radius: 4px; display: flex; flex-direction: column; overflow: hidden; }\n.mhg-panel-header { padding: 24px 24px 0; }\n.mhg-panel-brand { font-family: 'Cormorant Garamond', serif; font-size: 11px; font-weight: 400; letter-spacing: 3px; text-transform: uppercase; color: rgba(255,255,255,0.4); margin-bottom: 4px; }\n.mhg-panel-title { font-family: 'Cormorant Garamond', serif; font-size: 24px; font-weight: 300; color: #fff; letter-spacing: 1px; margin-bottom: 20px; }\n\n\/* Search *\/\n.mhg-search-wrap { position: relative; padding: 0 24px 12px; }\n.mhg-search { width: 100%; padding: 12px 16px 12px 40px; background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.1); border-radius: 3px; color: #fff; font-family: 'Outfit', sans-serif; font-size: 13px; font-weight: 300; letter-spacing: 0.5px; outline: none; transition: all 0.3s ease; }\n.mhg-search::placeholder { color: rgba(255,255,255,0.3); }\n.mhg-search:focus { border-color: rgba(255,255,255,0.25); background: rgba(255,255,255,0.08); }\n.mhg-search-icon { position: absolute; left: 38px; top: 50%; transform: translateY(calc(-50% - 6px)); width: 16px; height: 16px; opacity: 0.35; }\n\n\/* Near Me Button *\/\n.mhg-near-btn { display: flex; align-items: center; justify-content: center; gap: 8px; width: calc(100% - 48px); margin: 0 24px 16px; padding: 10px 16px; background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.1); border-radius: 3px; color: rgba(255,255,255,0.6); font-family: 'Outfit', sans-serif; font-size: 12px; font-weight: 300; letter-spacing: 0.8px; cursor: pointer; transition: all 0.3s ease; text-transform: uppercase; }\n.mhg-near-btn:hover { background: rgba(255,255,255,0.1); color: #fff; }\n.mhg-near-btn.active { background: rgba(255,255,255,0.12); border-color: rgba(255,255,255,0.25); color: #fff; }\n.mhg-near-btn.loading { opacity: 0.5; pointer-events: none; }\n.mhg-near-btn svg { width: 14px; height: 14px; flex-shrink: 0; }\n\n\/* Distance Badge *\/\n.mhg-distance { display: inline-flex; align-items: center; gap: 4px; margin-top: 6px; margin-right: 6px; padding: 3px 8px; font-size: 10px; font-weight: 400; letter-spacing: 0.5px; color: rgba(255,255,255,0.7); background: rgba(255,255,255,0.08); border-radius: 2px; }\n.mhg-distance svg { width: 10px; height: 10px; opacity: 0.6; }\n\n\/* Hotel List *\/\n.mhg-list { overflow-y: auto; padding: 0 12px 16px; flex: 1; scrollbar-width: thin; scrollbar-color: rgba(255,255,255,0.15) transparent; }\n.mhg-list::-webkit-scrollbar { width: 4px; }\n.mhg-list::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.15); border-radius: 2px; }\n\n\/* Hotel Card *\/\n.mhg-hotel-card { padding: 16px 12px; border-bottom: 1px solid rgba(255,255,255,0.05); cursor: pointer; transition: all 0.3s ease; border-radius: 3px; position: relative; }\n.mhg-hotel-card:last-child { border-bottom: none; }\n.mhg-hotel-card:hover { background: rgba(255,255,255,0.05); }\n.mhg-hotel-card.active { background: rgba(255,255,255,0.08); }\n.mhg-hotel-card.active::before { content: ''; position: absolute; left: 0; top: 8px; bottom: 8px; width: 2px; background: #fff; border-radius: 1px; }\n.mhg-hotel-brand { font-size: 10px; font-weight: 400; letter-spacing: 2px; text-transform: uppercase; color: rgba(255,255,255,0.35); margin-bottom: 4px; }\n.mhg-hotel-name { font-family: 'Cormorant Garamond', serif; font-size: 17px; font-weight: 400; color: #fff; letter-spacing: 0.5px; margin-bottom: 6px; line-height: 1.3; }\n.mhg-hotel-location { font-size: 12px; font-weight: 300; color: rgba(255,255,255,0.4); letter-spacing: 0.3px; display: flex; align-items: center; gap: 5px; }\n.mhg-hotel-location svg { width: 12px; height: 12px; opacity: 0.5; flex-shrink: 0; }\n.mhg-hotel-tag { display: inline-block; margin-top: 8px; margin-right: 4px; padding: 3px 8px; font-size: 9px; font-weight: 400; letter-spacing: 1.5px; text-transform: uppercase; color: rgba(255,255,255,0.5); border: 1px solid rgba(255,255,255,0.12); border-radius: 2px; }\n.mhg-count { padding: 12px 24px; font-size: 11px; font-weight: 300; color: rgba(255,255,255,0.3); letter-spacing: 1px; border-top: 1px solid rgba(255,255,255,0.05); }\n.mhg-no-results { padding: 32px 12px; text-align: center; color: rgba(255,255,255,0.3); font-size: 13px; font-weight: 300; }\n\n\/* Map *\/\n#mhg-map { width: 100%; height: 600px; }\n\n\/* User Location Pulse Marker *\/\n@keyframes mhgPulse {\n  0% { box-shadow: 0 0 0 0 rgba(37,99,235,0.5); }\n  70% { box-shadow: 0 0 0 12px rgba(37,99,235,0); }\n  100% { box-shadow: 0 0 0 0 rgba(37,99,235,0); }\n}\n\n\/* Responsive *\/\n@media (max-width: 768px) {\n  .mhg-panel { position: relative; top: 0; left: 0; width: 100%; max-height: 340px; border-radius: 0; border: none; border-bottom: 1px solid rgba(255,255,255,0.1); }\n  #mhg-map { height: 400px; }\n}\n<\/style>\n\n<div class=\"mhg-map-wrapper\">\n  <!-- Panel -->\n  <div class=\"mhg-panel\">\n    <div class=\"mhg-panel-header\">\n      <div class=\"mhg-panel-brand\">Mida Hospitality Group<\/div>\n      <div class=\"mhg-panel-title\">Our Properties<\/div>\n    <\/div>\n\n    <div class=\"mhg-search-wrap\">\n      <svg class=\"mhg-search-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><\/svg>\n      <input type=\"text\" class=\"mhg-search\" id=\"mhgSearch\" placeholder=\"Search hotel or location...\" autocomplete=\"off\">\n    <\/div>\n\n    <!-- Near Me Button -->\n    <button class=\"mhg-near-btn\" id=\"mhgNearBtn\" onclick=\"toggleNearMe()\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"3 11 22 2 13 21 11 13 3 11\"\/><\/svg>\n      <span id=\"mhgNearText\">Near My Location<\/span>\n    <\/button>\n\n    <div class=\"mhg-list\" id=\"mhgList\"><\/div>\n    <div class=\"mhg-count\" id=\"mhgCount\"><\/div>\n  <\/div>\n\n  <!-- Map -->\n  <div id=\"mhg-map\"><\/div>\n<\/div>\n\n<script>\nvar HOTELS = [\n  { name: \"Ace of Hua Hin Resort\", brand: \"ACE OF\", lat: 12.5684, lng: 99.9576, address: \"Hua Hin, Prachuap Khiri Khan\", tag: \"Resort\" },\n  { name: \"Aksorn Rayong, The Vitality Collection\", brand: \"AKSORN\", lat: 12.6813, lng: 101.2790, address: \"Rayong\", tag: \"Collection\" },\n  { name: \"Mida Grande Hotel Dhavaravati Nakhon Pathom\", brand: \"MIDA GRANDE\", lat: 13.8197, lng: 100.0617, address: \"Nakhon Pathom\", tag: \"Hotel\" },\n  { name: \"Mida Grande Resort Phuket\", brand: \"MIDA GRANDE\", lat: 7.8064, lng: 98.2985, address: \"Karon, Phuket\", tag: \"Resort\" },\n  { name: \"Mida Hotel Ngamwongwan\", brand: \"MIDA\", lat: 13.8622, lng: 100.5148, address: \"Ngamwongwan, Nonthaburi\", tag: \"Hotel\" },\n  { name: \"Mida Hotel Don Mueang Airport\", brand: \"MIDA\", lat: 13.8895, lng: 100.5785, address: \"Don Mueang, Bangkok\", tag: \"Hotel\" },\n  { name: \"Mida Resort Kanchanaburi\", brand: \"MIDA\", lat: 14.0223, lng: 99.5312, address: \"Kanchanaburi\", tag: \"Resort\" },\n  { name: \"Mida De Sea Hua Hin\", brand: \"MIDA\", lat: 12.5732, lng: 99.9612, address: \"Hua Hin, Prachuap Khiri Khan\", tag: \"Resort\" },\n  { name: \"Xen Hotel Nakhon Pathom\", brand: \"XEN\", lat: 13.8160, lng: 100.0645, address: \"Nakhon Pathom\", tag: \"Hotel\" }\n];\n\nvar map, markers = [], infoWindow = null;\nvar userLat = null, userLng = null, userMarker = null, nearMeActive = false;\n\n\/* ===== Map Styles ===== *\/\nvar mapStyles = [\n  { elementType: \"geometry\", stylers: [{ color: \"#ffffff\" }] },\n  { elementType: \"labels.text.fill\", stylers: [{ color: \"#2a2a2a\" }] },\n  { elementType: \"labels.text.stroke\", stylers: [{ color: \"#ffffff\" }, { weight: 4 }] },\n  { featureType: \"road.highway\", elementType: \"geometry\", stylers: [{ color: \"#d0d0d0\" }] },\n  { featureType: \"road.highway\", elementType: \"geometry.stroke\", stylers: [{ color: \"#b8b8b8\" }] },\n  { featureType: \"road.arterial\", elementType: \"geometry\", stylers: [{ color: \"#e0e0e0\" }] },\n  { featureType: \"road.local\", elementType: \"geometry\", stylers: [{ color: \"#eeeeee\" }] },\n  { featureType: \"road\", elementType: \"labels.text.fill\", stylers: [{ color: \"#555555\" }] },\n  { featureType: \"poi\", elementType: \"geometry\", stylers: [{ color: \"#f7f7f7\" }] },\n  { featureType: \"poi\", elementType: \"labels.text.fill\", stylers: [{ color: \"#777777\" }] },\n  { featureType: \"poi.park\", elementType: \"geometry\", stylers: [{ color: \"#f0f0f0\" }] },\n  { featureType: \"water\", elementType: \"geometry\", stylers: [{ color: \"#e4e4e4\" }] },\n  { featureType: \"water\", elementType: \"labels.text.fill\", stylers: [{ color: \"#999999\" }] },\n  { featureType: \"transit\", elementType: \"geometry\", stylers: [{ color: \"#dcdcdc\" }] },\n  { featureType: \"administrative\", elementType: \"geometry.stroke\", stylers: [{ color: \"#cccccc\" }] },\n  { featureType: \"landscape\", elementType: \"geometry\", stylers: [{ color: \"#fafafa\" }] },\n  { featureType: \"poi.business\", stylers: [{ visibility: \"off\" }] }\n];\n\n\/* ===== Calculate Distance (km) ===== *\/\nfunction getDistanceKm(lat1, lng1, lat2, lng2) {\n  var R = 6371;\n  var dLat = (lat2 - lat1) * Math.PI \/ 180;\n  var dLng = (lng2 - lng1) * Math.PI \/ 180;\n  var a = Math.sin(dLat\/2) * Math.sin(dLat\/2) +\n          Math.cos(lat1 * Math.PI \/ 180) * Math.cos(lat2 * Math.PI \/ 180) *\n          Math.sin(dLng\/2) * Math.sin(dLng\/2);\n  var c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1-a));\n  return R * c;\n}\n\n\/* ===== Init Map ===== *\/\nfunction initMap() {\n  map = new google.maps.Map(document.getElementById('mhg-map'), {\n    zoom: 6,\n    center: { lat: 13.2, lng: 100.5 },\n    styles: mapStyles,\n    disableDefaultUI: true,\n    zoomControl: true,\n    mapTypeControl: false,\n    streetViewControl: false,\n    fullscreenControl: true,\n    zoomControlOptions: { position: google.maps.ControlPosition.RIGHT_CENTER }\n  });\n\n  infoWindow = new google.maps.InfoWindow();\n\n  HOTELS.forEach(function(hotel, i) {\n    var marker = new google.maps.Marker({\n      position: { lat: hotel.lat, lng: hotel.lng },\n      map: map,\n      title: hotel.name,\n      icon: {\n        path: 'M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z',\n        fillColor: '#1a1a1a',\n        fillOpacity: 1,\n        strokeColor: '#ffffff',\n        strokeWeight: 1.5,\n        scale: 1.6,\n        anchor: new google.maps.Point(12, 22)\n      }\n    });\n    marker.addListener('click', function() { selectHotel(i); });\n    markers.push(marker);\n  });\n\n  renderList(HOTELS);\n\n  \/* Search *\/\n  document.getElementById('mhgSearch').addEventListener('input', function() {\n    var q = this.value.toLowerCase().trim();\n    var filtered = HOTELS.filter(function(h) {\n      return h.name.toLowerCase().includes(q) ||\n             h.brand.toLowerCase().includes(q) ||\n             h.address.toLowerCase().includes(q) ||\n             h.tag.toLowerCase().includes(q);\n    });\n\n    if (nearMeActive && userLat !== null) {\n      filtered = sortByDistance(filtered);\n    }\n\n    renderList(filtered);\n\n    HOTELS.forEach(function(h, i) {\n      markers[i].setVisible(filtered.some(function(f) { return f.name === h.name; }));\n    });\n\n    if (filtered.length > 0 && filtered.length < HOTELS.length) {\n      var bounds = new google.maps.LatLngBounds();\n      filtered.forEach(function(h) { bounds.extend({ lat: h.lat, lng: h.lng }); });\n      if (userLat !== null && nearMeActive) bounds.extend({ lat: userLat, lng: userLng });\n      map.fitBounds(bounds, { top: 50, right: 50, bottom: 50, left: 420 });\n    } else if (filtered.length === HOTELS.length && !nearMeActive) {\n      map.setCenter({ lat: 13.2, lng: 100.5 });\n      map.setZoom(7);\n    }\n  });\n}\n\n\/* ===== Sort by Distance ===== *\/\nfunction sortByDistance(hotels) {\n  if (userLat === null) return hotels;\n  return hotels.slice().sort(function(a, b) {\n    var dA = getDistanceKm(userLat, userLng, a.lat, a.lng);\n    var dB = getDistanceKm(userLat, userLng, b.lat, b.lng);\n    return dA - dB;\n  });\n}\n\n\/* ===== Render List ===== *\/\nfunction renderList(hotels) {\n  var list = document.getElementById('mhgList');\n  var count = document.getElementById('mhgCount');\n\n  if (hotels.length === 0) {\n    list.innerHTML = '<div class=\"mhg-no-results\">No properties found<\/div>';\n    count.textContent = '0 properties';\n    return;\n  }\n\n  list.innerHTML = hotels.map(function(h) {\n    var idx = HOTELS.indexOf(h);\n    var distHtml = '';\n    if (nearMeActive && userLat !== null) {\n      var dist = getDistanceKm(userLat, userLng, h.lat, h.lng);\n      distHtml = '<span class=\"mhg-distance\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polygon points=\"3 11 22 2 13 21 11 13 3 11\"\/><\/svg>' + dist.toFixed(1) + ' km<\/span>';\n    }\n    return '<div class=\"mhg-hotel-card\" data-index=\"' + idx + '\" onclick=\"selectHotel(' + idx + ')\">' +\n      '<div class=\"mhg-hotel-brand\">' + h.brand + '<\/div>' +\n      '<div class=\"mhg-hotel-name\">' + h.name + '<\/div>' +\n      '<div class=\"mhg-hotel-location\">' +\n        '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>' +\n        h.address +\n      '<\/div>' +\n      '<span class=\"mhg-hotel-tag\">' + h.tag + '<\/span>' +\n      distHtml +\n    '<\/div>';\n  }).join('');\n\n  count.textContent = hotels.length + (hotels.length === 1 ? ' property' : ' properties');\n}\n\n\/* ===== Select Hotel ===== *\/\nfunction selectHotel(index) {\n  var hotel = HOTELS[index];\n  document.querySelectorAll('.mhg-hotel-card').forEach(function(c) { c.classList.remove('active'); });\n  var card = document.querySelector('.mhg-hotel-card[data-index=\"' + index + '\"]');\n  if (card) { card.classList.add('active'); card.scrollIntoView({ behavior: 'smooth', block: 'nearest' }); }\n  map.panTo({ lat: hotel.lat, lng: hotel.lng });\n  map.setZoom(14);\n  markers[index].setAnimation(google.maps.Animation.BOUNCE);\n  setTimeout(function() { markers[index].setAnimation(null); }, 1500);\n\n  var distInfo = '';\n  if (nearMeActive && userLat !== null) {\n    var dist = getDistanceKm(userLat, userLng, hotel.lat, hotel.lng);\n    distInfo = '<div style=\"font-size:11px;color:#2563eb;margin-top:4px;\">' + dist.toFixed(1) + ' km from you<\/div>';\n  }\n\n  infoWindow.setContent(\n    '<div style=\"font-family:Outfit,sans-serif;padding:8px 4px;\">' +\n      '<div style=\"font-size:9px;letter-spacing:2px;color:#999;text-transform:uppercase;margin-bottom:2px;\">' + hotel.brand + '<\/div>' +\n      '<div style=\"font-size:15px;font-weight:500;color:#1a1a1a;margin-bottom:4px;\">' + hotel.name + '<\/div>' +\n      '<div style=\"font-size:12px;color:#666;\">' + hotel.address + '<\/div>' +\n      distInfo +\n    '<\/div>'\n  );\n  infoWindow.open(map, markers[index]);\n}\n\n\/* ===== Near Me Toggle ===== *\/\nfunction toggleNearMe() {\n  var btn = document.getElementById('mhgNearBtn');\n  var btnText = document.getElementById('mhgNearText');\n\n  if (nearMeActive) {\n    \/* Turn off *\/\n    nearMeActive = false;\n    btn.classList.remove('active');\n    btnText.textContent = 'Near My Location';\n    if (userMarker) { userMarker.setMap(null); userMarker = null; }\n    userLat = null;\n    userLng = null;\n    renderList(HOTELS);\n    HOTELS.forEach(function(h, i) { markers[i].setVisible(true); });\n    map.setCenter({ lat: 13.2, lng: 100.5 });\n    map.setZoom(7);\n    return;\n  }\n\n  \/* Turn on - get location *\/\n  if (!navigator.geolocation) {\n    alert('Geolocation is not supported by your browser');\n    return;\n  }\n\n  btn.classList.add('loading');\n  btnText.textContent = 'Getting location...';\n\n  navigator.geolocation.getCurrentPosition(\n    function(position) {\n      userLat = position.coords.latitude;\n      userLng = position.coords.longitude;\n      nearMeActive = true;\n\n      btn.classList.remove('loading');\n      btn.classList.add('active');\n      btnText.textContent = 'Nearby \u00b7 Tap to reset';\n\n      \/* User marker with pulse *\/\n      userMarker = new google.maps.Marker({\n        position: { lat: userLat, lng: userLng },\n        map: map,\n        title: 'Your Location',\n        icon: {\n          path: google.maps.SymbolPath.CIRCLE,\n          scale: 8,\n          fillColor: '#2563eb',\n          fillOpacity: 1,\n          strokeColor: '#ffffff',\n          strokeWeight: 3\n        },\n        zIndex: 999\n      });\n\n      \/* Sort and render *\/\n      var sorted = sortByDistance(HOTELS);\n      renderList(sorted);\n\n      \/* Fit bounds with user location *\/\n      var bounds = new google.maps.LatLngBounds();\n      bounds.extend({ lat: userLat, lng: userLng });\n      sorted.slice(0, 3).forEach(function(h) {\n        bounds.extend({ lat: h.lat, lng: h.lng });\n      });\n      map.fitBounds(bounds, { top: 50, right: 50, bottom: 50, left: 420 });\n    },\n    function(error) {\n      btn.classList.remove('loading');\n      btnText.textContent = 'Near My Location';\n      var msg = 'Unable to get your location.';\n      if (error.code === 1) msg = 'Location access denied. Please allow location access in your browser settings.';\n      alert(msg);\n    },\n    { enableHighAccuracy: true, timeout: 10000 }\n  );\n}\n<\/script>\n\n<!-- ===== \u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19 YOUR_API_KEY \u0e40\u0e1b\u0e47\u0e19 Google Maps API Key ===== -->\n<script src=\"https:\/\/maps.googleapis.com\/maps\/api\/js?key=AIzaSyAp-SQVEkmNNvCyK8c2kNH2j15ikuxzrAI&callback=initMap\" async defer><\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Mida Hospitality Group Our Properties Near My Location<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-340","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/clouddemo.nc.co.th\/MHG\/wp-json\/wp\/v2\/pages\/340","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/clouddemo.nc.co.th\/MHG\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/clouddemo.nc.co.th\/MHG\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/clouddemo.nc.co.th\/MHG\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/clouddemo.nc.co.th\/MHG\/wp-json\/wp\/v2\/comments?post=340"}],"version-history":[{"count":13,"href":"https:\/\/clouddemo.nc.co.th\/MHG\/wp-json\/wp\/v2\/pages\/340\/revisions"}],"predecessor-version":[{"id":361,"href":"https:\/\/clouddemo.nc.co.th\/MHG\/wp-json\/wp\/v2\/pages\/340\/revisions\/361"}],"wp:attachment":[{"href":"https:\/\/clouddemo.nc.co.th\/MHG\/wp-json\/wp\/v2\/media?parent=340"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}