1"use strict";(globalThis.webpackChunkmapml_viewer_doc=globalThis.webpackChunkmapml_viewer_doc||[]).push([[8598],{5472(e,t,s){s.r(t),s.d(t,{assets:()=>a,contentTitle:()=>d,default:()=>u,frontMatter:()=>r,metadata:()=>o,toc:()=>c});const o=JSON.parse('{"id":"resources/debug-mode","title":"Debug Mode","description":"This function allows users to debug both the map and the coordinate system of the map. It adds","source":"@site/docs/resources/debug-mode.md","sourceDirName":"resources","slug":"/resources/debug-mode","permalink":"/web-map-doc/docs/resources/debug-mode","draft":false,"unlisted":false,"tags":[],"version":"current","frontMatter":{"id":"debug-mode","title":"Debug Mode","slug":"/resources/debug-mode"},"sidebar":"sidebar","previous":{"title":"Extension Features","permalink":"/web-map-doc/docs/extension/features"},"next":{"title":"Resources","permalink":"/web-map-doc/docs/resources/resources"}}');var n=s(4848),i=s(8453);const r={id:"debug-mode",title:"Debug Mode",slug:"/resources/debug-mode"},d=void 0,a={},c=[{value:"Accessing Debug Mode",id:"accessing-debug-mode",level:2},{value:"Map's Context Menu",id:"maps-context-menu",level:3},{value:"Map's API",id:"maps-api",level:3}];function l(e){const t={a:"a",code:"code",h2:"h2",h3:"h3",img:"img",li:"li",p:"p",ul:"ul",...(0,i.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.p,{children:"This function allows users to debug both the map and the coordinate system of the map. It adds\nthe following visuals to the map; tile outlines, projection center, layer extents, and a debug\npanel that display's the mouse's current location in the various coordinate systems."}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.img,{alt:"The map in debug mode",src:s(4979).A+"",width:"826",height:"474"})}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:"The dotted red line represents the tile boundaries at the current zoom level"}),"\n",(0,n.jsx)(t.li,{children:"the solid red line represents the layer's extent, if there are multiple layers the solid line may be a variety of colours"}),"\n",(0,n.jsx)(t.li,{children:"The bottom left panel displays the current mouse's position"}),"\n"]}),"\n",(0,n.jsx)(t.h2,{id:"accessing-debug-mode",children:"Accessing Debug Mode"}),"\n",(0,n.jsx)(t.h3,{id:"maps-context-menu",children:"Map's Context Menu"}),"\n",(0,n.jsx)(t.p,{children:"Debug mode can be enabled through the map context menu (right-click or Shift-F10):"}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.img,{alt:"The map in debug mode",src:s(5245).A+"",width:"1920",height:"1080"})}),"\n",(0,n.jsx)(t.h3,{id:"maps-api",children:"Map's API"}),"\n",(0,n.jsxs)(t.p,{children:["Toggling debug mode can also be done through the viewer's API, see the ",(0,n.jsxs)(t.a,{href:"/web-map-doc/docs/api/mapml-viewer-api#toggledebug",children:[(0,n.jsx)(t.code,{children:"toggleDebug()"})," method"]})," for more."]})]})}function u(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(l,{...e})}):l(e)}},4979(e,t,s){s.d(t,{A:()=>o});const o=s.p+"assets/images/debug-0997aa187f0b9104ad6f8b51ce20badf.png"},5245(e,t,s){s.d(t,{A:()=>o});const o=s.p+"assets/images/toggle-debug-2b19cc846b67b553c9a802893578bb70.gif"},8453(e,t,s){s.d(t,{R:()=>r,x:()=>d});var o=s(6540);const n={},i=o.createContext(n);function r(e){const t=o.useContext(i);return o.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function d(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:r(e.components),o.createElement(i.Provider,{value:t},e.children)}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.