diff --git a/client/src/components/liberationmap/LiberationMap.tsx b/client/src/components/liberationmap/LiberationMap.tsx
index fa1f222f..81c010f2 100644
--- a/client/src/components/liberationmap/LiberationMap.tsx
+++ b/client/src/components/liberationmap/LiberationMap.tsx
@@ -1,6 +1,6 @@
 import "./LiberationMap.css";
 
-import { MapContainer, ScaleControl } from "react-leaflet";
+import { LayersControl, MapContainer, ScaleControl } from "react-leaflet";
 
 import { BasemapLayer } from "react-esri-leaflet";
 import ControlPointsLayer from "../controlpointslayer";
@@ -14,11 +14,23 @@ interface GameProps {
 export default function LiberationMap(props: GameProps) {
   return (
     <MapContainer zoom={8} center={props.mapCenter} zoomControl={false}>
-      <BasemapLayer name="ImageryClarity" />
       <ScaleControl />
-      <ControlPointsLayer />
-      <FlightPlansLayer blue={true} />
-      <FlightPlansLayer blue={false} />
+      <LayersControl collapsed={false}>
+        <LayersControl.BaseLayer name="Imagery Clarity" checked>
+          <BasemapLayer name="ImageryClarity" />
+        </LayersControl.BaseLayer>
+        <LayersControl.BaseLayer name="Imagery Firefly">
+          <BasemapLayer name="ImageryFirefly" />
+        </LayersControl.BaseLayer>
+        <LayersControl.BaseLayer name="Topographic">
+          <BasemapLayer name="Topographic" />
+        </LayersControl.BaseLayer>
+        <LayersControl.Overlay name="Control points" checked>
+          <ControlPointsLayer />
+        </LayersControl.Overlay>
+        <FlightPlansLayer blue={true} />
+        <FlightPlansLayer blue={false} />
+      </LayersControl>
     </MapContainer>
   );
 }