weyne/dcs-retribution
1
0
Fork 0
mirror of https://github.com/dcs-retribution/dcs-retribution.git synced 2025-11-10 15:41:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add layer control.

Browse Source 
This isn't the grouped layer control that we have in the non-react map.
The react variant of that hasn't been updated in years and won't work
with our base maps (and may not work at all). We'll need to fix that or
write our own if we want to use that. This will do for now though.

https://github.com/dcs-liberation/dcs_liberation/issues/2039
This commit is contained in:
Dan Albert 2022-03-01 23:25:02 -08:00
parent 98c36c8b03
commit 78b080063e
1 changed files with 17 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
client/src/components/liberationmap/LiberationMap.tsx
View File

@ -1,6 +1,6 @@
import "./LiberationMap.css"; import "./LiberationMap.css";
import { MapContainer, ScaleControl } from "react-leaflet"; import { LayersControl, MapContainer, ScaleControl } from "react-leaflet";
import { BasemapLayer } from "react-esri-leaflet"; import { BasemapLayer } from "react-esri-leaflet";
import ControlPointsLayer from "../controlpointslayer"; import ControlPointsLayer from "../controlpointslayer";
@ -14,11 +14,23 @@ interface GameProps {
export default function LiberationMap(props: GameProps) { export default function LiberationMap(props: GameProps) {
return ( return (
<MapContainer zoom={8} center={props.mapCenter} zoomControl={false}> <MapContainer zoom={8} center={props.mapCenter} zoomControl={false}>
<BasemapLayer name="ImageryClarity" />
<ScaleControl /> <ScaleControl />
<ControlPointsLayer /> <LayersControl collapsed={false}>
<FlightPlansLayer blue={true} /> <LayersControl.BaseLayer name="Imagery Clarity" checked>
<FlightPlansLayer blue={false} /> <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> </MapContainer>
); );
} }