"use strict";(globalThis.webpackChunktripdocs=globalThis.webpackChunktripdocs||[]).push([[350],{8230:(e,n,t)=>{t.r(n),t.d(n,{assets:()=>l,contentTitle:()=>p,default:()=>d,frontMatter:()=>s,metadata:()=>a,toc:()=>o});const a=JSON.parse('{"id":"map-tracker/map-panel","title":"Map - Panel","description":"Displaying the Places panel","source":"@site/docs/map-tracker/map-panel.md","sourceDirName":"map-tracker","slug":"/map-tracker/map-panel","permalink":"/trip/docs/map-tracker/map-panel","draft":false,"unlisted":false,"tags":[],"version":"current","sidebarPosition":4,"frontMatter":{"sidebar_position":4,"description":"Displaying the Places panel"},"sidebar":"docSidebar","previous":{"title":"Places - Creation","permalink":"/trip/docs/map-tracker/places-creation"},"next":{"title":"Map - Filtering","permalink":"/trip/docs/map-tracker/map-filtering"}}');var i=t(4848),r=t(8453);const s={sidebar_position:4,description:"Displaying the Places panel"},p="Map - Panel",l={},o=[];function c(e){const n={a:"a",admonition:"admonition",h1:"h1",header:"header",p:"p",...(0,r.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(n.header,{children:(0,i.jsx)(n.h1,{id:"map---panel",children:"Map - Panel"})}),"\n",(0,i.jsx)(n.admonition,{title:"TL;DR",type:"note",children:(0,i.jsx)(n.p,{children:"Place panel shows only places within your current map view. Clicking opens details. Hovering highlights it on the map and reveals and edit button."})}),"\n",(0,i.jsx)("img",{src:"/trip/img/map_places_panel.png",alt:"Places panel in the map"}),"\n",(0,i.jsx)("div",{style:{textAlign:"center"},children:(0,i.jsx)("sup",{children:"Places panel in the map"})}),"\n",(0,i.jsx)(n.admonition,{type:"warning",children:(0,i.jsx)(n.p,{children:"The place panel displays only the places within your current map boundaries (zoom level and position)."})}),"\n",(0,i.jsxs)(n.p,{children:["Clicking a place in the panel opens the\xa0",(0,i.jsx)(n.a,{href:"places#place-details",children:"Place details"}),"."]}),"\n",(0,i.jsx)(n.p,{children:"Hovering over a place highlights it on the map with a red circle and reveals an edit button for direct editing."})]})}function d(e={}){const{wrapper:n}={...(0,r.R)(),...e.components};return n?(0,i.jsx)(n,{...e,children:(0,i.jsx)(c,{...e})}):c(e)}},8453:(e,n,t)=>{t.d(n,{R:()=>s,x:()=>p});var a=t(6540);const i={},r=a.createContext(i);function s(e){const n=a.useContext(r);return a.useMemo(function(){return"function"==typeof e?e(n):{...n,...e}},[n,e])}function p(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:s(e.components),a.createElement(r.Provider,{value:n},e.children)}}}]);