---
title: "How to reorder layers on the map"
description: "Drag layers up or down in the layer panel to change draw order. Layers higher in the panel draw on top, and labels always draw above all layers."
sidebar:
  label: "Reorder layers"
---

Drag a layer up or down in the layer panel to change its draw order. Layers higher in the panel draw on top of layers lower in the panel — the panel's order is the map's order.

## Before you start

- The map must have at least two layers worth reordering. With one layer, draw order doesn't matter.
- You need edit access to the map.

## Open the layer panel

From the map toolbar, open `Manage Layers` to bring up the layer panel.

## Drag and drop

Press and hold on a layer's row, drag it to its new position, and release. The map redraws immediately with the new order — and the new order saves automatically.

The layer at the top of the panel draws on top of every layer below; the layer at the bottom draws first (and is therefore the most likely to be obscured by other layers). This includes raster and WMS layers. Here, the Land Cover raster is above the Contours lines in the panel, so it draws over them, and the roads at the top draw over both:

<img src="/_assets/managing-layers/reorder-layers--raster-order.png" alt="Manage layers panel listing Context (Interlaken Buildings, Interlaken Roads), Overlays (Land Cover, Precipitation, Contours), Swiss National Map (WMS), and SWISSIMAGE, beside the map where the land cover raster covers the contour lines and the roads draw on top" width="1600" height="960" />

Labels are the one exception. Every layer's labels draw above all layers, so the panel order never hides a label.

The stack shows the whole draw order for that map, from the labels on top to the basemap at the bottom:

<!-- diagram:layer-draw-order -->
<svg class="dark:hidden" style="width: 100%; height: auto" viewBox="0 0 640 360" xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="layer-draw-order-inline-title layer-draw-order-inline-desc">
  <title id="layer-draw-order-inline-title">What draws on top</title>
  <desc id="layer-draw-order-inline-desc">Layer stack: labels draw above every layer; below them the layers draw in layer panel order whatever their type, so the Land Cover raster sits over the Contours lines; the basemap is always at the bottom.</desc>
  <defs>
    <marker id="layer-draw-order-inline-arrow" markerWidth="8" markerHeight="6" refX="7" refY="3" orient="auto"><polygon points="0 0, 8 3, 0 6" fill="#525252"/></marker>
    <marker id="layer-draw-order-inline-arrow-accent" markerWidth="8" markerHeight="6" refX="7" refY="3" orient="auto"><polygon points="0 0, 8 3, 0 6" fill="#c4360c"/></marker>
  </defs>
  <rect width="100%" height="100%" fill="#f5f5f5"/>
  <text x="64" y="28" fill="#525252" font-size="10" font-weight="600" letter-spacing="0.1em" font-family="inherit" text-anchor="middle">DRAWN ON TOP</text>
  <line x1="64" y1="48" x2="64" y2="328" stroke="rgba(23,23,23,0.32)" stroke-width="1"/>
  <polygon points="60,48 68,48 64,40" fill="#525252"/>
  <text x="64" y="348" fill="#525252" font-size="10" font-weight="600" letter-spacing="0.1em" font-family="inherit" text-anchor="middle">DRAWN FIRST</text>
  <rect x="112" y="40" width="376" height="48" fill="rgba(23,23,23,0.05)"/><text x="128" y="69" fill="#171717" font-size="14" font-weight="600" font-family="inherit" text-anchor="start">Labels</text><text x="472" y="69" fill="#525252" font-size="12" font-family="inherit" text-anchor="end">every layer’s labels, above all layers</text>
  <rect x="112" y="88" width="376" height="48" fill="#ffffff"/><line x1="112" y1="88" x2="488" y2="88" stroke="rgba(23,23,23,0.12)" stroke-width="1"/><text x="128" y="117" fill="#171717" font-size="14" font-weight="600" font-family="inherit" text-anchor="start">Interlaken Roads</text><text x="472" y="117" fill="#525252" font-size="12" font-family="inherit" text-anchor="end">line · top of the panel</text>
  <rect x="112" y="136" width="376" height="48" fill="rgba(196,54,12,0.08)"/><line x1="112" y1="136" x2="488" y2="136" stroke="rgba(23,23,23,0.12)" stroke-width="1"/><text x="128" y="165" fill="#171717" font-size="14" font-weight="600" font-family="inherit" text-anchor="start">Land Cover</text><text x="472" y="165" fill="#c4360c" font-size="12" font-family="inherit" text-anchor="end">raster · draws over Contours</text>
  <rect x="112" y="184" width="376" height="48" fill="#ffffff"/><line x1="112" y1="184" x2="488" y2="184" stroke="rgba(23,23,23,0.12)" stroke-width="1"/><text x="128" y="213" fill="#171717" font-size="14" font-weight="600" font-family="inherit" text-anchor="start">Contours</text><text x="472" y="213" fill="#525252" font-size="12" font-family="inherit" text-anchor="end">line · under Land Cover</text>
  <rect x="112" y="232" width="376" height="48" fill="#ffffff"/><line x1="112" y1="232" x2="488" y2="232" stroke="rgba(23,23,23,0.12)" stroke-width="1"/><text x="128" y="261" fill="#171717" font-size="14" font-weight="600" font-family="inherit" text-anchor="start">Swiss National Map</text><text x="472" y="261" fill="#525252" font-size="12" font-family="inherit" text-anchor="end">WMS · bottom of the panel</text>
  <rect x="112" y="280" width="376" height="48" fill="rgba(23,23,23,0.05)"/><line x1="112" y1="280" x2="488" y2="280" stroke="rgba(23,23,23,0.12)" stroke-width="1"/><text x="128" y="309" fill="#171717" font-size="14" font-weight="600" font-family="inherit" text-anchor="start">Basemap</text><text x="472" y="309" fill="#525252" font-size="12" font-family="inherit" text-anchor="end">always below every layer</text>
  <rect x="112" y="40" width="376" height="288" fill="none" stroke="#171717" stroke-width="1"/>
  <rect x="112" y="136" width="376" height="48" fill="none" stroke="#c4360c" stroke-width="1.4"/>
  <path d="M500 92 L508 92 L508 276 L500 276" fill="none" stroke="rgba(23,23,23,0.32)" stroke-width="1"/>
  <text x="520" y="180" fill="#525252" font-size="10" font-weight="600" letter-spacing="0.1em" font-family="inherit" text-anchor="start">LAYER PANEL</text>
  <text x="520" y="196" fill="#525252" font-size="10" font-weight="600" letter-spacing="0.1em" font-family="inherit" text-anchor="start">ORDER</text>
</svg>
<svg class="hidden dark:block" style="width: 100%; height: auto" viewBox="0 0 640 360" xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="layer-draw-order-inline-dark-title layer-draw-order-inline-dark-desc">
  <title id="layer-draw-order-inline-dark-title">What draws on top</title>
  <desc id="layer-draw-order-inline-dark-desc">Layer stack: labels draw above every layer; below them the layers draw in layer panel order whatever their type, so the Land Cover raster sits over the Contours lines; the basemap is always at the bottom.</desc>
  <defs>
    <marker id="layer-draw-order-inline-dark-arrow" markerWidth="8" markerHeight="6" refX="7" refY="3" orient="auto"><polygon points="0 0, 8 3, 0 6" fill="#a3a3a3"/></marker>
    <marker id="layer-draw-order-inline-dark-arrow-accent" markerWidth="8" markerHeight="6" refX="7" refY="3" orient="auto"><polygon points="0 0, 8 3, 0 6" fill="#ff7a4d"/></marker>
  </defs>
  <rect width="100%" height="100%" fill="#141414"/>
  <text x="64" y="28" fill="#a3a3a3" font-size="10" font-weight="600" letter-spacing="0.1em" font-family="inherit" text-anchor="middle">DRAWN ON TOP</text>
  <line x1="64" y1="48" x2="64" y2="328" stroke="rgba(242,242,242,0.34)" stroke-width="1"/>
  <polygon points="60,48 68,48 64,40" fill="#a3a3a3"/>
  <text x="64" y="348" fill="#a3a3a3" font-size="10" font-weight="600" letter-spacing="0.1em" font-family="inherit" text-anchor="middle">DRAWN FIRST</text>
  <rect x="112" y="40" width="376" height="48" fill="rgba(242,242,242,0.06)"/><text x="128" y="69" fill="#f2f2f2" font-size="14" font-weight="600" font-family="inherit" text-anchor="start">Labels</text><text x="472" y="69" fill="#a3a3a3" font-size="12" font-family="inherit" text-anchor="end">every layer’s labels, above all layers</text>
  <rect x="112" y="88" width="376" height="48" fill="#1c1c1c"/><line x1="112" y1="88" x2="488" y2="88" stroke="rgba(242,242,242,0.14)" stroke-width="1"/><text x="128" y="117" fill="#f2f2f2" font-size="14" font-weight="600" font-family="inherit" text-anchor="start">Interlaken Roads</text><text x="472" y="117" fill="#a3a3a3" font-size="12" font-family="inherit" text-anchor="end">line · top of the panel</text>
  <rect x="112" y="136" width="376" height="48" fill="rgba(255,122,77,0.10)"/><line x1="112" y1="136" x2="488" y2="136" stroke="rgba(242,242,242,0.14)" stroke-width="1"/><text x="128" y="165" fill="#f2f2f2" font-size="14" font-weight="600" font-family="inherit" text-anchor="start">Land Cover</text><text x="472" y="165" fill="#ff7a4d" font-size="12" font-family="inherit" text-anchor="end">raster · draws over Contours</text>
  <rect x="112" y="184" width="376" height="48" fill="#1c1c1c"/><line x1="112" y1="184" x2="488" y2="184" stroke="rgba(242,242,242,0.14)" stroke-width="1"/><text x="128" y="213" fill="#f2f2f2" font-size="14" font-weight="600" font-family="inherit" text-anchor="start">Contours</text><text x="472" y="213" fill="#a3a3a3" font-size="12" font-family="inherit" text-anchor="end">line · under Land Cover</text>
  <rect x="112" y="232" width="376" height="48" fill="#1c1c1c"/><line x1="112" y1="232" x2="488" y2="232" stroke="rgba(242,242,242,0.14)" stroke-width="1"/><text x="128" y="261" fill="#f2f2f2" font-size="14" font-weight="600" font-family="inherit" text-anchor="start">Swiss National Map</text><text x="472" y="261" fill="#a3a3a3" font-size="12" font-family="inherit" text-anchor="end">WMS · bottom of the panel</text>
  <rect x="112" y="280" width="376" height="48" fill="rgba(242,242,242,0.06)"/><line x1="112" y1="280" x2="488" y2="280" stroke="rgba(242,242,242,0.14)" stroke-width="1"/><text x="128" y="309" fill="#f2f2f2" font-size="14" font-weight="600" font-family="inherit" text-anchor="start">Basemap</text><text x="472" y="309" fill="#a3a3a3" font-size="12" font-family="inherit" text-anchor="end">always below every layer</text>
  <rect x="112" y="40" width="376" height="288" fill="none" stroke="#f2f2f2" stroke-width="1"/>
  <rect x="112" y="136" width="376" height="48" fill="none" stroke="#ff7a4d" stroke-width="1.4"/>
  <path d="M500 92 L508 92 L508 276 L500 276" fill="none" stroke="rgba(242,242,242,0.34)" stroke-width="1"/>
  <text x="520" y="180" fill="#a3a3a3" font-size="10" font-weight="600" letter-spacing="0.1em" font-family="inherit" text-anchor="start">LAYER PANEL</text>
  <text x="520" y="196" fill="#a3a3a3" font-size="10" font-weight="600" letter-spacing="0.1em" font-family="inherit" text-anchor="start">ORDER</text>
</svg>
<!-- /diagram:layer-draw-order -->

## Move a layer into a folder

Drag a layer onto a folder row. The folder highlights as a drop target, and on release the layer becomes a child of the folder. Inside the folder, you can drag the layer up and down to reorder relative to other folder children.

## Move a layer out of a folder

Drag a layer from inside a folder to the area above or below the folder, between other root-level items. The layer becomes a root-level layer.

## Pick the right order for overlapping layers

A few common patterns:

- **Roads on top of areas.** Polygon layers (parks, neighbourhoods) go below line layers (roads, transit). Otherwise the polygons obscure the lines.
- **Points on top of everything else.** Point layers (locations, incidents) go at the top. Otherwise the polygons or lines below cover them.
- **Raster and WMS layers low in the panel.** An image layer hides the layers below it. Put it under the layers you want to see, or [lower its opacity](/docs/styling-layers/adjust-raster-opacity).
- **Heatmaps and clusters at the bottom.** These are visual surfaces that work better as backdrops than overlays.
- **Basemap stays at the bottom always.** The basemap isn't in the layer panel and can't be reordered against layers — it always renders below every layer on the map.

## When the order is wrong

If the map looks wrong:

- A polygon is hiding the points you uploaded → move the polygon layer down.
- A line is hidden behind a polygon → move the line layer up.
- A raster or WMS layer covers your other layers → move the raster or WMS layer down.

Drag, check the map, drag again.

## Related

- [Layer panel controls](/docs/managing-layers/layer-panel-reference)
- [How to organise layers into folders](/docs/managing-layers/organise-layers-into-folders)
- [How the layer panel works in MangoMap](/docs/managing-layers/concepts-layer-panel)
