uwap/mqtt-control-map
1
0
Fork 1
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

First sketch of layers

Browse source
This commit is contained in:
uwap 2017-10-27 16:43:17 +02:00
parent d1dd22eb5d
commit 412d95f07a
8 changed files with 62 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

19
src/map.js
View file

@ -6,6 +6,7 @@ import R from "ramda";
import Config from "./config";
import { Actions } from "./state";
import { keyOf } from "./util";
import { store } from "./state";
import ActionInfo from 'material-ui/svg-icons/action/info';
import ReactDOM from "react-dom";
@ -34,18 +35,26 @@ const Markers = (props) => R.values(R.mapObjIndexed((el,key) => (
iconSize: Leaflet.point(32,32)
})}>
<Popup
onOpen={() => props.store.dispatch({type: Actions.CHANGE_UI, payload: key})}
onClose={() => props.store.dispatch({type: Actions.CHANGE_UI})}>
onOpen={() => store.dispatch({type: Actions.CHANGE_UI, payload: key})}
onClose={() => store.dispatch({type: Actions.CHANGE_UI})}>
<span>{el.name}</span>
</Popup>
</Marker>
), R.propOr({}, "controls", Config)));
const SpaceMap = (props: Object) => (
const Layer = (layer: Layer, bounds: Array<Array<number>>) => (
<ImageOverlay url={layer.image} bounds={bounds} />
);
const visibleLayers = (state: State) => R.filter(
x => (x.forceVisibility == null && R.contains(state.visibleLayers, x.image))
|| x.forceVisibility == "on", Config.layers)
const SpaceMap = (props: { state: State, width: number, height: number,
zoom: number, image: string}) => (
<Map center={c([props.width / 2, props.height / 2])} zoom={props.zoom}
crs={Leaflet.CRS.Simple}>
<ImageOverlay url={props.image}
bounds={[c([0,0]), c([props.width, props.height])]} />
{R.map(x => Layer(x, [c([0,0]), c([props.width, props.height])]), visibleLayers(props.state))}
{Markers(props)}
</Map>
);