{"version":3,"file":"mapMovement-e48d80aa.js","sources":["../../../app/frontend/assets/documentation/articles/mapMovement.js"],"sourcesContent":["// DON'T FORMAT ON SAVE. TRAILING SPACES ARE BEING USED FOR LINE BREAKS\n\nexport const mapMovement = {\n order: 2,\n name: \"Map movement\",\n keywords: \"zoom pan scroll\",\n subcategory: \"The map\",\n markdown: `# Map movement\n Interacting with the map should feel familiar to anyone who has used other web-based maps. Below are a few of the key interactions.\n\n {% callout type=\"tip\" %}\n **Tip:** The interactions below are best for exploring at the local level. For big location changes, it is much faster to use {% inlineRouterLink %}search{% /inlineRouterLink %}.\n {% /callout %}\n\n ## Drag panning with inertia\n Click and drag the mouse on the map surface to pan the map. Release the left mouse button to stop moving. \n\n Panning of the map will have an inertia effect where the map builds momentum while dragging and continues moving in the same direction for some time.\n\n ## Map zoom control\n Click the **+** and **-** buttons in the lower-right corner of the map to zoom in and out. This will zoom to the center of the view.\n\n ## Scroll wheel zoom\n Use the scroll gesture on your mouse or trackpad to zoom in and out. This will zoom to the location of your mouse pointer.\n\n ## Double-click zoom\n Zoom in toward the location of your mouse pointer by double-clicking.\n\n ## Zoom to area (shift-drag)\n While holding down {% inlineKeyboardShortcut %}Shift{% /inlineKeyboardShortcut %}, click and drag a box around an area you want to zoom to. Release the left mouse button to zoom all the way in to the boundaries of the box.\n\n ![Zoom to area GIF](https://assets.towerhunt.com/site/Transparent_dark_lines_T0.png)\n\n ## Keyboard navigation\n\n Pan with {% inlineKeyboardShortcut %}←{% /inlineKeyboardShortcut %}, {% inlineKeyboardShortcut %}↑{% /inlineKeyboardShortcut %}, {% inlineKeyboardShortcut %}→{% /inlineKeyboardShortcut %}, and {% inlineKeyboardShortcut %}↓{% /inlineKeyboardShortcut %}. Zoom with {% inlineKeyboardShortcut %}+{% /inlineKeyboardShortcut %} and {% inlineKeyboardShortcut %}-{% /inlineKeyboardShortcut %}.\n\n {% callout type=\"caution\" %}\n **Wait!** Keyboard navigation only works when the map is selected. Click somewhere on the map surface to select it.\n {% /callout %}`,\n};\n"],"names":["mapMovement"],"mappings":"AAEY,MAACA,EAAc,CACzB,MAAO,EACP,KAAM,eACN,SAAU,kBACV,YAAa,UACb,SAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAiCZ"}