adam/maps
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

rotate toggle

Browse source
This commit is contained in:
Adam 2023-04-15 06:35:25 -04:00
parent 24fbe3c066
commit 64db403cd1
1 changed files with 8 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
lightning/src/components/BadassMap.tsx
View file

@ -13,7 +13,8 @@ export default function BadassMap() {
antialias: true, antialias: true,
} as Viewport); } as Viewport);
const [rotate, toggleRotate] = createSignal(true) const [rotate, setRotate] = createSignal(true)
const [rotateReverse, setRotateReverse] = createSignal(true)
return ( return (
<MapGL <MapGL
@ -25,7 +26,11 @@ export default function BadassMap() {
onViewportChange={(evt: Viewport) => setViewport(evt)} onViewportChange={(evt: Viewport) => setViewport(evt)}
> >
<button onClick={() => console.log('sup')}>map button</button> <button
onClick={ () => rotate() ? setRotate(false) : setRotate(true) }>
Toggle rotation
</button>
<Control type="fullscreen" position="top-right" /> <Control type="fullscreen" position="top-right" />
<Control type="navigation" position="top-right" /> <Control type="navigation" position="top-right" />
<Control type="geolocate" position="top-right" /> <Control type="geolocate" position="top-right" />
@ -39,7 +44,7 @@ export default function BadassMap() {
<Camera <Camera
rotateViewport={rotate()} rotateViewport={rotate()}
reverse='true' reverse={rotateReverse()}
/> />
</MapGL> </MapGL>