{"id":267,"date":"2026-09-20T09:30:33","date_gmt":"2026-09-20T19:30:33","guid":{"rendered":"https:\/\/mana-corp.com\/?page_id=267"},"modified":"2026-09-20T09:51:57","modified_gmt":"2026-09-20T19:51:57","slug":"elementor-267","status":"publish","type":"page","link":"https:\/\/mana-corp.com\/?page_id=267","title":{"rendered":"Elementor #267"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"267\" class=\"elementor elementor-267\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3a0f805 e-flex e-con-boxed e-con e-parent\" data-id=\"3a0f805\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-495462e elementor-widget elementor-widget-html\" data-id=\"495462e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover\">\n<title>Tahiti BOOK - MapCN Working<\/title>\n<link href=\"https:\/\/unpkg.com\/maplibre-gl@4.7.1\/dist\/maplibre-gl.css\" rel=\"stylesheet\">\n<script src=\"https:\/\/unpkg.com\/maplibre-gl@4.7.1\/dist\/maplibre-gl.js\"><\/script>\n<style>\n*{box-sizing:border-box;margin:0;padding:0;font-family:Inter, -apple-system, sans-serif}\nhtml,body{height:100%;width:100%;background:#0A0A0A;color:#fff;overflow:hidden}\n:root{--orange:#FF6B00;--black:#0A0A0A;--gray:#1E1E1E}\n#app{display:flex;flex-direction:column;height:100dvh;width:100vw}\nheader{height:56px;flex-shrink:0;background:#000;border-bottom:2px solid var(--orange);display:flex;align-items:center;justify-content:space-between;padding:0 16px;z-index:100}\n.logo{font-weight:900;font-size:18px;letter-spacing:-1px}.logo span{color:var(--orange)}\n.badge{background:var(--orange);color:#000;font-weight:900;font-size:11px;padding:6px 12px;border-radius:20px}\nmain{flex:1;position:relative;overflow:hidden;background:#111}\n#map{position:absolute;inset:0;width:100%;height:100%}\n.map-overlay{position:absolute;inset:0;pointer-events:none;z-index:10;display:flex;flex-direction:column;padding:12px}\n.top-row{pointer-events:auto;display:flex;gap:8px;overflow-x:auto}\n.pill{white-space:nowrap;background:rgba(30,30,30,.92);border:1px solid #333;color:#fff;padding:9px 14px;border-radius:22px;font-size:12px;font-weight:800;cursor:pointer}\n.pill.on{background:var(--orange);color:#000}\n.search-box{pointer-events:auto;margin-top:10px;background:rgba(20,20,20,.95);border:1px solid #333;border-radius:14px;padding:2px}\n.search-box input{width:100%;background:transparent;border:none;padding:13px 14px;color:#fff;font-size:14px;outline:none}\n.results{max-height:30vh;overflow:auto;display:none;background:#1E1E1E;border-top:1px solid #333}\n.results div{padding:12px 14px;font-size:13px;border-bottom:1px solid #222;cursor:pointer}\n.side-btns{pointer-events:auto;position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px}\n.sbtn{width:48px;height:48px;background:rgba(0,0,0,.9);border:1px solid #333;border-radius:14px;display:grid;place-items:center;font-size:20px;cursor:pointer}\n.rinfo{pointer-events:auto;position:absolute;left:12px;right:80px;bottom:12px;background:rgba(0,0,0,.85);border:1px solid #333;border-radius:12px;padding:8px 12px;font-size:11px;color:#aaa}\nfooter{flex-shrink:0;background:#0A0A0A;border-top:2.5px solid var(--orange);border-radius:24px 24px 0 0;margin-top:-20px;z-index:50;max-height:58dvh;overflow:auto;padding:16px}\n.drag{width:36px;height:4px;background:#333;border-radius:2px;margin:0 auto 12px}\n.lb{font-size:10px;color:#777;font-weight:800;letter-spacing:1.3px;text-transform:uppercase;margin-bottom:6px}\n.in{width:100%;background:var(--gray);border:1px solid #2a2a2a;border-radius:12px;padding:12px;color:#fff;font-size:13px;outline:none}\n.row{display:flex;gap:8px;margin-top:8px}\n.btn{flex:1;padding:13px;border-radius:12px;border:none;font-weight:900;font-size:12px;cursor:pointer}.bo{background:var(--orange);color:#000}.bb{background:var(--gray);color:#fff;border:1px solid #333}.btn:disabled{opacity:.3}\n.svcgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}\n.sv{border:1px solid #2a2a2a;background:var(--gray);border-radius:12px;padding:11px;cursor:pointer}.sv.on{border-color:var(--orange);background:rgba(255,107,0,.12)}.sv b{font-size:11px}.sv p{font-size:10px;color:#888}\n<\/style>\n<\/head>\n<body>\n<div id=\"app\">\n<header><div class=\"logo\">TAHITI<span>BOOK<\/span> \u2022 MapCN<\/div><div class=\"badge\" id=\"badge\">TB-LOADING<\/div><\/header>\n<main>\n<div id=\"map\"><\/div>\n<div class=\"map-overlay\">\n<div class=\"top-row\"><div class=\"pill on\">TOUS<\/div><div class=\"pill\">\ud83c\udfe8 HOTEL<\/div><div class=\"pill\">\ud83c\udf7d\ufe0f RESTO<\/div><div class=\"pill\">\u2708\ufe0f PPT<\/div><div class=\"pill\">\u26f4\ufe0f FERRY<\/div><div class=\"pill\">\ud83c\udfd6\ufe0f BEACH<\/div><\/div>\n<div class=\"search-box\"><input id=\"q\" placeholder=\"\ud83d\udd0d Recherche Tahiti...\"><div id=\"res\" class=\"results\"><\/div><\/div>\n<div class=\"side-btns\"><div class=\"sbtn\" id=\"loc\">\ud83d\udccd<\/div><div class=\"sbtn\" id=\"trk\">\ud83c\udfaf<\/div><div class=\"sbtn\" id=\"rst\">\ud83d\udd04<\/div><\/div>\n<div class=\"rinfo\" id=\"rinfo\">MapCN Ready \u2022 Tahiti [-149.426, -17.551] \u2022 Tap map = Pickup\/Dropoff<\/div>\n<\/div>\n<\/main>\n<footer>\n<div class=\"drag\"><\/div>\n<div id=\"step1\"><div class=\"lb\">Onboarding \u2022 WhatsApp \u2022 UUID auto<\/div><input id=\"wa\" class=\"in\" placeholder=\"+689 87 XX XX XX\"><div class=\"row\" style=\"margin-top:10px\"><button class=\"btn bo\" id=\"wabtn\">CONTINUER \u2192 VOIR MAPCN<\/button><\/div><\/div>\n<div id=\"step2\" style=\"display:none\"><div class=\"row\"><input id=\"pick\" class=\"in\" placeholder=\"Pickup\" readonly><input id=\"drop\" class=\"in\" placeholder=\"Dropoff\" readonly><\/div><div id=\"ticket\"><\/div><div class=\"row\" style=\"margin-top:10px\"><button class=\"btn bb\" id=\"ics\" disabled>\ud83d\udcc5 ICS<\/button><button class=\"btn bo\" id=\"send\" disabled>WHATSAPP \u2192<\/button><\/div><\/div>\n<\/footer>\n<\/div>\n<script>\nconst center=[-149.426,-17.551]; let uuid=crypto.randomUUID(); let shortId='TB-'+uuid.slice(0,8).toUpperCase(); document.getElementById('badge').textContent=shortId;\nconst map=new maplibregl.Map({container:'map',style:'https:\/\/basemaps.cartocdn.com\/gl\/dark-matter-gl-style\/style.json',center:center,zoom:11.5,attributionControl:false});\nmap.addControl(new maplibregl.NavigationControl({showCompass:true}),'bottom-left');\nlet pickup=null,dropoff=null,pm=null,dm=null;\nmap.on('load',()=>{map.addSource('route',{type:'geojson',data:{type:'Feature',properties:{},geometry:{type:'LineString',coordinates:[]}}}); map.addLayer({id:'route',type:'line',source:'route',paint:{'line-color':'#FF6B00','line-width':5}});});\nmap.on('click',e=>{const c=[e.lngLat.lng,e.lngLat.lat]; if(!pickup){pickup=c; if(pm)pm.remove(); pm=new maplibregl.Marker({color:'#FF6B00'}).setLngLat(c).addTo(map); document.getElementById('pick').value=c[1].toFixed(4);} else {dropoff=c; if(dm)dm.remove(); dm=new maplibregl.Marker({color:'#fff'}).setLngLat(c).addTo(map); document.getElementById('drop').value=c[1].toFixed(4); route();}});\nasync function route(){if(!pickup||!dropoff)return; const url=`https:\/\/router.project-osrm.org\/route\/v1\/driving\/${pickup[0]},${pickup[1]};${dropoff[0]},${dropoff[1]}?overview=full&geometries=geojson`; const r=await fetch(url); const j=await r.json(); if(j.routes){map.getSource('route').setData({type:'Feature',geometry:j.routes[0].geometry});}}\ndocument.getElementById('loc').onclick=()=>{navigator.geolocation.getCurrentPosition(p=>{const c=[p.coords.longitude,p.coords.latitude]; map.flyTo({center:c,zoom:15}); pickup=c; if(pm)pm.remove(); pm=new maplibregl.Marker({color:'#FF6B00'}).setLngLat(c).addTo(map);},{},{enableHighAccuracy:true});};\ndocument.getElementById('wabtn').onclick=()=>{localStorage.setItem('tb_wa',document.getElementById('wa').value); document.getElementById('step1').style.display='none'; document.getElementById('step2').style.display='block'; setTimeout(()=>map.resize(),300);};\nwindow.addEventListener('resize',()=>map.resize());\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\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>Tahiti BOOK &#8211; MapCN Working TAHITIBOOK \u2022 MapCNTB-LOADING TOUS\ud83c\udfe8 HOTEL\ud83c\udf7d\ufe0f RESTO\u2708\ufe0f PPT\u26f4\ufe0f FERRY\ud83c\udfd6\ufe0f BEACH \ud83d\udccd\ud83c\udfaf\ud83d\udd04 MapCN Ready \u2022 Tahiti [-149.426, -17.551] \u2022 Tap map = Pickup\/Dropoff Onboarding \u2022 WhatsApp \u2022 UUID autoCONTINUER \u2192 VOIR MAPCN \ud83d\udcc5 ICSWHATSAPP \u2192<\/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-267","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mana-corp.com\/index.php?rest_route=\/wp\/v2\/pages\/267","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mana-corp.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mana-corp.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mana-corp.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mana-corp.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=267"}],"version-history":[{"count":10,"href":"https:\/\/mana-corp.com\/index.php?rest_route=\/wp\/v2\/pages\/267\/revisions"}],"predecessor-version":[{"id":277,"href":"https:\/\/mana-corp.com\/index.php?rest_route=\/wp\/v2\/pages\/267\/revisions\/277"}],"wp:attachment":[{"href":"https:\/\/mana-corp.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=267"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}