Add layer opacity

As requested by @Bfritz0815
This commit is contained in:
uwap 2017-11-06 06:19:37 +01:00
parent 2f342b72bc
commit 4a19d8d45e
3 changed files with 6 additions and 3 deletions

View file

@ -398,12 +398,14 @@ const config : Config = {
image: require("../img/layers/rzl/rooms.svg"), image: require("../img/layers/rzl/rooms.svg"),
baseLayer: true, baseLayer: true,
name: "RaumZeitLabor", name: "RaumZeitLabor",
defaultVisibility: "visible" defaultVisibility: "visible",
opacity: 0.7
}, },
{ {
image: require("../img/layers/rzl/details.svg"), image: require("../img/layers/rzl/details.svg"),
name: "Details", name: "Details",
defaultVisibility: "visible" defaultVisibility: "visible",
opacity: 0.4
}, },
{ {
image: require("../img/layers/rzl/labels.svg"), image: require("../img/layers/rzl/labels.svg"),

View file

@ -63,7 +63,7 @@ class SpaceMap extends React.Component<{state: State, width: number, height: num
return ( return (
<LayersControlType name={layer.name} <LayersControlType name={layer.name}
checked={layer.defaultVisibility == "visible"}> checked={layer.defaultVisibility == "visible"}>
<ImageOverlay url={layer.image} bounds={bounds} /> <ImageOverlay url={layer.image} bounds={bounds} opacity={layer.opacity} />
</LayersControlType> </LayersControlType>
); );
} }

View file

@ -75,6 +75,7 @@ declare type Layer = {
name: string, name: string,
baseLayer: boolean, baseLayer: boolean,
defaultVisibility: "visible" | "hidden", defaultVisibility: "visible" | "hidden",
opacity: number
}; };
declare type StateAction = { declare type StateAction = {