"use strict";(globalThis.webpackChunktripdocs=globalThis.webpackChunktripdocs||[]).push([[970],{6211:(e,i,n)=>{n.r(i),n.d(i,{assets:()=>l,contentTitle:()=>a,default:()=>h,frontMatter:()=>p,metadata:()=>t,toc:()=>o});const t=JSON.parse('{"id":"trips-planner/trip-map","title":"Trip - Map","description":"The map displays your places and plans, with options to highlight itineraries","source":"@site/docs/trips-planner/trip-map.md","sourceDirName":"trips-planner","slug":"/trips-planner/trip-map","permalink":"/trip/docs/trips-planner/trip-map","draft":false,"unlisted":false,"tags":[],"version":"current","sidebarPosition":6,"frontMatter":{"sidebar_position":6,"description":"The map displays your places and plans, with options to highlight itineraries"},"sidebar":"docSidebar","previous":{"title":"Trip - Places","permalink":"/trip/docs/trips-planner/trip-places"},"next":{"title":"Trip - Plans","permalink":"/trip/docs/trips-planner/trip-plans"}}');var r=n(4848),s=n(8453);const p={sidebar_position:6,description:"The map displays your places and plans, with options to highlight itineraries"},a="Trip - Map",l={},o=[{value:"Fullscreen",id:"fullscreen",level:2},{value:"Highlight",id:"highlight",level:2}];function c(e){const i={admonition:"admonition",h1:"h1",h2:"h2",header:"header",p:"p",...(0,s.R)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(i.header,{children:(0,r.jsx)(i.h1,{id:"trip---map",children:"Trip - Map"})}),"\n",(0,r.jsx)(i.admonition,{title:"TL;DR",type:"note",children:(0,r.jsx)(i.p,{children:"The map displays your places and plans, with options to highlight a single day or the entire itinerary."})}),"\n",(0,r.jsx)(i.p,{children:"The map presents a visual overview of your trip by showing all places and itineraries, based on your plans."}),"\n",(0,r.jsx)("img",{src:"/trip/img/trip_map.png",alt:"Trip - Map section"}),"\n",(0,r.jsx)("div",{style:{textAlign:"center"},children:(0,r.jsx)("sup",{children:"Trip - Map section"})}),"\n",(0,r.jsx)(i.h2,{id:"fullscreen",children:"Fullscreen"}),"\n",(0,r.jsx)(i.p,{children:"You can expand the map to fullscreen for a better view."}),"\n",(0,r.jsx)("img",{src:"/trip/img/trip_map_fscreen.png",alt:"Trip - Map fullscreen"}),"\n",(0,r.jsx)("div",{style:{textAlign:"center"},children:(0,r.jsx)("sup",{children:"Trip - Map fullscreen"})}),"\n",(0,r.jsx)(i.h2,{id:"highlight",children:"Highlight"}),"\n",(0,r.jsx)(i.p,{children:"In fullscreen mode, easily toggle between highlighting a specific day's itinerary or the complete one."}),"\n",(0,r.jsx)("img",{src:"/trip/img/trip_map_fscreen_hlight.png",alt:"Trip - Map fullscreen with itinerary highlight"}),"\n",(0,r.jsx)("div",{style:{textAlign:"center"},children:(0,r.jsx)("sup",{children:"Trip - Map fullscreen with day or complete itinerary highlights"})})]})}function h(e={}){const{wrapper:i}={...(0,s.R)(),...e.components};return i?(0,r.jsx)(i,{...e,children:(0,r.jsx)(c,{...e})}):c(e)}},8453:(e,i,n)=>{n.d(i,{R:()=>p,x:()=>a});var t=n(6540);const r={},s=t.createContext(r);function p(e){const i=t.useContext(s);return t.useMemo(function(){return"function"==typeof e?e(i):{...i,...e}},[i,e])}function a(e){let i;return i=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:p(e.components),t.createElement(s.Provider,{value:i},e.children)}}}]);