[{"data":1,"prerenderedAt":735},["ShallowReactive",2],{"nav":3,"\u002Foverlays":89,"surround:\u002Foverlays":701,"home-cards":704},[4,9,14,19,24,29,34,39,44,49,54,59,64,69,74,79,84],{"title":5,"path":6,"stem":7,"icon":8},"Home","\u002F","00.index","HomeIcon",{"title":10,"path":11,"stem":12,"icon":13},"Getting Started","\u002Fgetting-started","01.getting-started","RocketIcon",{"title":15,"path":16,"stem":17,"icon":18},"Route","\u002Froute","02.route","RouteIcon",{"title":20,"path":21,"stem":22,"icon":23},"Timeline","\u002Ftimeline","03.timeline","GalleryHorizontalEndIcon",{"title":25,"path":26,"stem":27,"icon":28},"Camera","\u002Fcamera","04.camera","CameraIcon",{"title":30,"path":31,"stem":32,"icon":33},"Keyframes","\u002Fkeyframes","05.keyframes","KeyframeDiamond",{"title":35,"path":36,"stem":37,"icon":38},"Track","\u002Ftrack","06.track","WaypointsIcon",{"title":40,"path":41,"stem":42,"icon":43},"Overlays","\u002Foverlays","07.overlays","LayersIcon",{"title":45,"path":46,"stem":47,"icon":48},"Symbols","\u002Fsymbols","08.symbols","MapPinIcon",{"title":50,"path":51,"stem":52,"icon":53},"Elevation","\u002Felevation","09.elevation","MountainIcon",{"title":55,"path":56,"stem":57,"icon":58},"Layers","\u002Flayers","10.layers","MapIcon",{"title":60,"path":61,"stem":62,"icon":63},"Logo","\u002Flogo","11.logo","ImageIcon",{"title":65,"path":66,"stem":67,"icon":68},"Library","\u002Flibrary","12.library","FolderIcon",{"title":70,"path":71,"stem":72,"icon":73},"3D Models","\u002F3d-models","13.3d-models","BoxIcon",{"title":75,"path":76,"stem":77,"icon":78},"Settings","\u002Fsettings","14.settings","SettingsIcon",{"title":80,"path":81,"stem":82,"icon":83},"Shortcuts","\u002Fshortcuts","15.shortcuts","KeyboardIcon",{"title":85,"path":86,"stem":87,"icon":88},"FAQs","\u002Ffaqs","16.faqs","MessageCircleQuestionMarkIcon",{"id":90,"title":40,"body":91,"date":671,"description":672,"extension":673,"faqs":674,"icon":671,"image":671,"meta":696,"navigation":698,"path":41,"seo":699,"stem":42,"tags":671,"__hash__":700},"content\u002F07.overlays.md",{"type":92,"value":93,"toc":653},"minimark",[94,98,105,110,115,195,203,207,222,227,233,237,240,275,290,293,296,300,303,331,335,339,342,346,352,358,384,388,395,414,417,421,425,431,435,447,451,468,472,475,478,482,486,497,500,504,514,518,522,525,559,563,574,587,591,595,602,606,613,617,621],[95,96,40],"h1",{"id":97},"overlays",[99,100,101,104],"p",{},[102,103,40],"strong",{}," let you tell your story on top of the map. Until now your video showed the journey — with overlays it can also add titles, photos, videos, live numbers, and graphics that appear and animate as the route plays. This is what makes a video feel like it was made by a professional studio.",[106,107],"content-image",{"alt":108,"src":109},"The Overlays editor — a photo overlay pinned to the mountain and an 'Elevation Gained +3,724 meters' number overlay on the map preview, with overlay tracks laid out on the timeline below","\u002Fcontent\u002Foverlays\u002Foverlays-stage.webp",[111,112,114],"h2",{"id":113},"what-you-can-add","What you can add",[116,117,118,131],"table",{},[119,120,121],"thead",{},[122,123,124,128],"tr",{},[125,126,127],"th",{},"Overlay",[125,129,130],{},"What it does",[132,133,134,145,155,165,175,185],"tbody",{},[122,135,136,142],{},[137,138,139],"td",{},[102,140,141],{},"Text",[137,143,144],{},"Titles, captions, place names, TV-style lower-thirds",[122,146,147,152],{},[137,148,149],{},[102,150,151],{},"Image",[137,153,154],{},"Show a photo — the summit selfie, the hidden beach",[122,156,157,162],{},[137,158,159],{},[102,160,161],{},"Video",[137,163,164],{},"Drop in a short clip alongside the map",[122,166,167,172],{},[137,168,169],{},[102,170,171],{},"Number",[137,173,174],{},"An animated counter for distance, elevation, or time",[122,176,177,182],{},[137,178,179],{},[102,180,181],{},"Shape",[137,183,184],{},"Badges, arrows, brush strokes, underlines to highlight things",[122,186,187,192],{},[137,188,189],{},[102,190,191],{},"Icon",[137,193,194],{},"A clean symbol to mark or decorate",[99,196,197,198,202],{},"You place these anywhere on the frame, and they appear at the moment you choose on the ",[199,200,201],"a",{"href":21},"timeline",".",[111,204,206],{"id":205},"adding-an-overlay","Adding an overlay",[99,208,209,210,212,213,216,217,221],{},"Open the ",[102,211,40],{}," tab and press ",[102,214,215],{},"Add Overlay"," to bring up the quick-add menu — or just press ",[218,219],"key-cap",{"keys":220},"O"," from anywhere in the editor — then pick what you want to add. You can also start from a ready-made preset or a saved template and drop a finished design straight onto your video.",[106,223],{"alt":224,"src":225,":hide-shadow":226},"The quick-add menu for overlays — Text, Image or Video, Stats, Intro\u002FOutro, Icon, and Shape","\u002Fcontent\u002Foverlays\u002Fadd-overlay.webp","true",[99,228,229,230,232],{},"Every overlay you add gets its own block on the ",[199,231,201],{"href":21},", so you decide exactly when it appears and how long it stays on screen.",[111,234,236],{"id":235},"editing-an-overlay","Editing an overlay",[99,238,239],{},"Select any overlay to open its settings. Whatever the type, the panel is organised into the same three tabs:",[241,242,243,263,269],"ul",{},[244,245,246,249,250,252,253,252,255,252,257,259,260,262],"li",{},[102,247,248],{},"Content"," – the settings unique to that overlay. This tab is named for what you're editing — ",[102,251,141],{},", ",[102,254,151],{},[102,256,171],{},[102,258,181],{},", or ",[102,261,191],{}," — and it's where you change the words, swap a photo, choose what a number counts, and so on.",[244,264,265,268],{},[102,266,267],{},"Style"," – the look: colors, backgrounds, outlines, shadows, and one-tap style presets.",[244,270,271,274],{},[102,272,273],{},"Animation"," – how the overlay animates on and off screen.",[99,276,277,278,281,282,285,286,289],{},"You can also ",[102,279,280],{},"duplicate"," an overlay to reuse it, or ",[102,283,284],{},"delete"," it (select it and press ",[218,287],{"keys":288},"Delete","). The sections below cover the Content tab for each type; Style and Animation work the same way across all of them.",[111,291,141],{"id":292},"text",[99,294,295],{},"Text is the most common overlay — a title for your adventure, a label for a place, or a caption that sets the scene.",[106,297],{"alt":298,"src":299,":hide-shadow":226},"The text overlay editor — type your words, choose a font and size, and set exact dimensions, position, order, and timing","\u002Fcontent\u002Foverlays\u002Ftext-editor.webp",[99,301,302],{},"You can style text to match your video:",[241,304,305,311,321,328],{},[244,306,307,308,202],{},"Choose from a large library of ",[102,309,310],{},"fonts",[244,312,313,314,317,318,202],{},"Set the ",[102,315,316],{},"color"," and ",[102,319,320],{},"size",[244,322,323,324,327],{},"Add a ",[102,325,326],{},"background"," behind the text (a solid box, a rounded pill, or an outline) so it stays readable over any map.",[244,329,330],{},"Adjust spacing between letters and lines for a polished look.",[106,332],{"alt":333,"src":334,":hide-shadow":226},"The Style tab for text — one-tap style presets plus controls for text color, background, outline, and shadow","\u002Fcontent\u002Foverlays\u002Ftext-style.webp",[111,336,338],{"id":337},"photos-and-videos","Photos and videos",[99,340,341],{},"Bring in the moments behind the route. Add a photo or a short video clip, position it on the frame, and it appears right when that part of the journey plays. It's the perfect way to connect the map to the real experience — show the view from the top, the meal at the halfway point, or the finish line.",[106,343],{"alt":344,"src":345,":hide-shadow":226},"Photo overlay presets — Portrait, Landscape, Circle, Tilted, Glow, and Drop shadow styles","\u002Fcontent\u002Foverlays\u002Fmedia-presets.webp",[99,347,348,349,351],{},"You can upload your media in the ",[199,350,65],{"href":66},", then place it as an overlay.",[99,353,354,355,357],{},"Once a photo or video is on the frame, its ",[102,356,248],{}," tab gives you a few extra controls:",[241,359,360,366,372,378],{},[244,361,362,365],{},[102,363,364],{},"Change Image \u002F Video"," – swap the media without recreating the overlay or losing its position.",[244,367,368,371],{},[102,369,370],{},"Aspect ratio"," – lock the media to a fixed ratio (16:9, 4:3, 9:16, 3:4, or 1:1) so resizing always keeps its proportions, or turn the lock off for a free transform.",[244,373,374,377],{},[102,375,376],{},"Zoom"," – push in on the media to reframe what's visible inside the box.",[244,379,380,383],{},[102,381,382],{},"Pin on Map"," – anchor the overlay to a spot on the map so it travels with that location as the camera moves, instead of staying fixed on the screen.",[111,385,387],{"id":386},"animated-numbers","Animated numbers",[99,389,390,391,394],{},"Numbers bring your stats to life. Instead of a plain figure, a number ",[102,392,393],{},"counts up"," as the route plays:",[241,396,397,403,408],{},[244,398,399,402],{},[102,400,401],{},"Distance"," ticking up kilometer by kilometer",[244,404,405,407],{},[102,406,50],{}," climbing as you ascend",[244,409,410,413],{},[102,411,412],{},"Time"," counting in real hours, minutes, and seconds",[99,415,416],{},"You can add a label before or after (like \"km\" or \"elevation\"), and choose how quickly it spins up. It's a small touch that makes a big impression.",[106,418],{"alt":419,"src":420,":hide-shadow":226},"Animated number presets — count-up, countdown, distance, moving time, elapsed time, and elevation-gain styles","\u002Fcontent\u002Foverlays\u002Fnumber-presets.webp",[111,422,424],{"id":423},"shapes","Shapes",[99,426,427,428,430],{},"Add ",[102,429,423],{}," — badges, arrows, brush strokes, underlines — to draw the eye to what matters. Many can animate themselves on, like a line that draws in or an underline that sweeps across.",[111,432,434],{"id":433},"icons","Icons",[99,436,437,438,252,440,443,444,446],{},"Icons give you a clean, simple symbol to mark or decorate the frame. Overlays come with their own built-in set of icons — pick one and style its ",[102,439,320],{},[102,441,442],{},"rotation",", and ",[102,445,316],{}," to match your video.",[106,448],{"alt":449,"src":450,":hide-shadow":226},"A selection of built-in symbol icons — timer, elevation, clock, thermometer, weather, hiking, campfire, tent, mountain, compass, flags, camera, and more","\u002Fcontent\u002Fsymbols\u002Ficon-presets.webp",[452,453,456],"callout",{"title":454,"type":455},"Want your own icons?","note",[99,457,458,459,462,463,467],{},"Overlay icons come from AvoMap's built-in set. To use a ",[102,460,461],{},"custom-built or uploaded"," icon, add it as a ",[199,464,466],{"href":465},"\u002Fsymbols#icons","symbol"," on the map instead — that's where the icon creator and image uploads live.",[111,469,471],{"id":470},"animations","Animations",[99,473,474],{},"Every overlay can animate as it appears and disappears — this is what makes overlays feel alive. There's a big collection of styles to choose from: gentle fades and pops, blurs, typewriter effects, wipes, flips, and more. You can also add a subtle, continuous motion while an element is on screen (like a slow zoom on a photo) for that cinematic touch.",[99,476,477],{},"Pick an animation and watch a live preview right in the editor, so you can find the feel you want without guessing.",[106,479],{"alt":480,"src":481,":hide-shadow":226},"The Animation tab — choose separate in and out effects like fade, slide, zoom, blur, drop, and typewriter, each with an adjustable duration","\u002Fcontent\u002Foverlays\u002Fanimations.webp",[111,483,485],{"id":484},"presets-start-from-a-polished-design","Presets: start from a polished design",[99,487,488,489,492,493,496],{},"Don't want to design from scratch? AvoMap includes a library of ",[102,490,491],{},"ready-made presets"," — professionally designed titles, photo layouts, number pills, badges, and complete ",[102,494,495],{},"intro and outro"," compositions. One click drops a finished design onto your video, ready to tweak.",[99,498,499],{},"Every overlay type comes with its own set of quick presets — for example, ready-styled titles for text:",[106,501],{"alt":502,"src":503,":hide-shadow":226},"Quick text presets — Title, Simple, Serif, Cursive, Typewriter, and Bold","\u002Fcontent\u002Foverlays\u002Ftext-presets.webp",[99,505,506,507,317,510,513],{},"There are also complete ",[102,508,509],{},"intro",[102,511,512],{},"outro"," designs to open and close your film:",[106,515],{"alt":516,"src":517},"Intro and outro presets — cinematic title cards over photos, a stats summary with a route trace, and a The End card","\u002Fcontent\u002Foverlays\u002Fintro-outro-presets.webp",[111,519,521],{"id":520},"positioning-and-alignment","Positioning and alignment",[99,523,524],{},"Placing overlays is easy and precise:",[241,526,527,533,539,545,552],{},[244,528,529,532],{},[102,530,531],{},"Drag"," an overlay anywhere on the frame.",[244,534,535,538],{},[102,536,537],{},"Resize and rotate"," it with the handles.",[244,540,541,544],{},[102,542,543],{},"Snap"," to helpful guides so things line up neatly.",[244,546,547,548,551],{},"Use quick ",[102,549,550],{},"align"," buttons to center or position an overlay on the frame in one click.",[244,553,554,555,558],{},"Prefer numbers? Set an exact ",[102,556,557],{},"width, height, X and Y position, rotation, and layer order"," in the panel for pixel-perfect placement — layer order controls which overlay sits in front when they overlap.",[111,560,562],{"id":561},"grouping-overlays","Grouping overlays",[99,564,565,566,569,570,573],{},"Select two or more overlays and ",[102,567,568],{},"Group"," them ( ",[218,571],{"keys":572},"G"," ) so they behave as a single unit — they move, resize, and animate together and stay perfectly aligned. It's ideal for pieces that belong together, like a photo with its caption or a title-and-subtitle pair.",[99,575,576,577,579,580,583,584,586],{},"On the ",[199,578,201],{"href":21}," a group appears as a parent block with its overlays nested beneath it, so you can see everything it contains at a glance. Open the group to fine-tune any single overlay inside, and ",[102,581,582],{},"Ungroup"," at any time — the same ",[218,585],{"keys":572}," toggles it — to split it back into separate, independent overlays.",[106,588],{"alt":589,"src":590},"An Image overlay selected in the editor and grouped with its caption text — on the timeline the group appears as a parent block with the image and text overlays nested beneath it","\u002Fcontent\u002Foverlays\u002Fgrouping.webp",[111,592,594],{"id":593},"reusable-templates","Reusable templates",[99,596,597,598,601],{},"Groups become really powerful when you save them as ",[102,599,600],{},"templates",". A template bundles a set of overlays — a lower third, a photo-and-caption card, a full intro or outro — into one reusable design you can drop into any video in a single tap. It's how you keep every video on-brand and visually consistent.",[106,603],{"alt":604,"src":605,":hide-shadow":226},"The Templates panel — save overlays as reusable templates to reuse titles and lower thirds, custom layouts, and intros and outros","\u002Fcontent\u002Foverlays\u002Ftemplates.webp",[99,607,608,609,612],{},"To create one, select the overlays you want, choose ",[102,610,611],{},"Save as template",", and give it a name (a description is optional). It's added to your template library and becomes available in every project from then on.",[106,614],{"alt":615,"src":616},"The Save as template dialog — name the template and it bundles the selected overlays into a single reusable design saved to your template library","\u002Fcontent\u002Foverlays\u002Fsave-template.webp",[111,618,620],{"id":619},"tips","Tips",[241,622,623,629,635,641,647],{},[244,624,625,628],{},[102,626,627],{},"Less is more."," A clear title and one or two highlights beat a cluttered screen.",[244,630,631,634],{},[102,632,633],{},"Start with a preset",", then swap in your own words, colors, and photos.",[244,636,637,640],{},[102,638,639],{},"Give each overlay room to breathe"," — let it finish animating in before the next one arrives.",[244,642,643,646],{},[102,644,645],{},"Group what belongs together"," so a photo and its caption stay aligned as you move them.",[244,648,649,652],{},[102,650,651],{},"Save a template"," for the looks you reuse — lower thirds, intros, outros — to stay on-brand across every video.",{"title":654,"searchDepth":655,"depth":655,"links":656},"",2,[657,658,659,660,661,662,663,664,665,666,667,668,669,670],{"id":113,"depth":655,"text":114},{"id":205,"depth":655,"text":206},{"id":235,"depth":655,"text":236},{"id":292,"depth":655,"text":141},{"id":337,"depth":655,"text":338},{"id":386,"depth":655,"text":387},{"id":423,"depth":655,"text":424},{"id":433,"depth":655,"text":434},{"id":470,"depth":655,"text":471},{"id":484,"depth":655,"text":485},{"id":520,"depth":655,"text":521},{"id":561,"depth":655,"text":562},{"id":593,"depth":655,"text":594},{"id":619,"depth":655,"text":620},null,"Add titles, photos, video, animated numbers, shapes, and icons on top of your AvoMap video — with beautiful animations, ready-made presets, and reusable templates.","md",[675,678,681,684,687,690,693],{"question":676,"answer":677},"How do I add a title or text to my video?","In the Overlays tab, add a Text overlay, type your title, and style the font, color, size, and background. Place it anywhere on the frame.",{"question":679,"answer":680},"Can I add my own photos and videos on top of the map?","Yes. Upload them to your Library, then add them as Image or Video overlays and position them on the frame.",{"question":682,"answer":683},"What are animated numbers?","They're counters that tick up as the route plays — your distance, elevation, or elapsed time counting in real time, with an optional label like km.",{"question":685,"answer":686},"Do I have to design overlays from scratch?","No. Start from a ready-made preset — titles, photo layouts, number pills, and full intro and outro designs — then make it your own. You can also save your own templates.",{"question":688,"answer":689},"How do I group overlays together?","Select two or more overlays and choose Group. They then move, resize, and animate as one and stay aligned — perfect for a photo with its caption or a title and subtitle. Ungroup at any time to split them apart again.",{"question":691,"answer":692},"Can I reuse a design across my videos?","Yes. Select the overlays and choose Save as template. The template bundles them into one reusable design in your template library, ready to drop into any video in a single tap.",{"question":694,"answer":695},"Can I use a custom or uploaded icon as an overlay?","Overlay icons come from AvoMap's built-in set. To use a custom-built or uploaded icon, add it as a symbol on the map instead — that's where the icon creator and image uploads live.",{"author":697},"Tobias Cichon",{"title":40,"icon":43},{"title":40,"description":672},"ur3xj3mzhWlzszWEwTcKe4luYiTEobF2HY4su6BT2II",[702,703],{"title":35,"path":36,"stem":37,"icon":38,"children":-1},{"title":45,"path":46,"stem":47,"icon":48,"children":-1},[705,707,709,711,713,715,717,719,721,723,725,727,729,730,732,733],{"title":10,"path":11,"description":706,"icon":13},"A quick tour of the editor before you start.",{"title":15,"path":16,"description":708,"icon":18},"Build your journey from one place to the next.",{"title":20,"path":21,"description":710,"icon":23},"Set the timing, pauses, and cuts of your video.",{"title":25,"path":26,"description":712,"icon":28},"Control how the camera moves and where it looks.",{"title":30,"path":31,"description":714,"icon":33},"Take full manual control of the camera.",{"title":35,"path":36,"description":716,"icon":38},"Style your route line and the vehicle on it.",{"title":40,"path":41,"description":718,"icon":43},"Add titles, photos, numbers, and shapes on top.",{"title":45,"path":46,"description":720,"icon":48},"Drop markers and labels onto the map.",{"title":50,"path":51,"description":722,"icon":53},"Show a height profile and shape the terrain.",{"title":55,"path":56,"description":724,"icon":58},"Choose the map look — satellite, labels, lighting.",{"title":60,"path":61,"description":726,"icon":63},"Add your own logo or watermark.",{"title":65,"path":66,"description":728,"icon":68},"Manage your uploaded photos, videos, and icons.",{"title":70,"path":71,"description":654,"icon":73},{"title":75,"path":76,"description":731,"icon":78},"Video format, quality, length, and export.",{"title":80,"path":81,"description":654,"icon":83},{"title":85,"path":86,"description":734,"icon":88},"Answers to the questions people ask most.",1785457992845]