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

housekeeping

Browse source
This commit is contained in:
Adam 2023-04-15 22:01:38 -04:00
parent ebec926a88
commit 46afd73d0a
1 changed files with 9 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -8,19 +8,25 @@ import type { MapOptions } from 'maplibre-gl';
import MapControls from './MapControls';
import 'maplibre-gl/dist/maplibre-gl.css';
const TILES_URL: string = 'https://api.maptiler.com/maps/024da34e-fa66-4cb3-8f5f-0466b51e972e/style.json?key=Ukl2QNcQUCPAwuelQOvM'
function BadassMap(): JSX.Element {
const options: MapOptions = {
container: '',
style: 'https://api.maptiler.com/maps/024da34e-fa66-4cb3-8f5f-0466b51e972e/style.json?key=Ukl2QNcQUCPAwuelQOvM',
container: 'solid-map-gl will override me',
style: TILES_URL,
maxPitch: 85,
antialias: true,
}
const INITIAL_VIEW_STATE: Viewport = {
center: [-71.05625, 42.36],
zoom: 15.5,
bearing: 160,
pitch: 60,
}
const [viewport, setViewport] = createSignal<Viewport>(options);
const [viewport, setViewport] = createSignal<Viewport>(INITIAL_VIEW_STATE);
const [rotate, setRotate] = createSignal<boolean>(true)
const toggleRotate = () => setRotate<boolean>(!rotate())