minor stuff
This commit is contained in:
@@ -41,7 +41,7 @@
|
||||
container: mapContainer,
|
||||
style: 'https://basemaps.cartocdn.com/gl/dark-matter-gl-style/style.json',
|
||||
center: [-76.9425, 38.9859], // UMD McKeldin Mall
|
||||
zoom: 15.5,
|
||||
zoom: 16.5,
|
||||
pitch: 0,
|
||||
bearing: 0,
|
||||
attributionControl: false
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<script lang="ts">
|
||||
import { mapState, UMD_LOCATIONS } from '$lib/states/map.svelte';
|
||||
|
||||
let { showDropdown = false } = $props<{ showDropdown?: boolean }>();
|
||||
let { showDropdown = true } = $props<{ showDropdown?: boolean }>();
|
||||
|
||||
const legendItems = [
|
||||
{ label: 'Harmful (80+ dB)', color: '#f38ba8' },
|
||||
|
||||
@@ -15,10 +15,11 @@ export const UMD_LOCATIONS: StudyLocation[] = [
|
||||
{ id: 'clarice', name: 'Clarice Library', hasFloors: false, lng: -76.94967344225785, lat: 38.99029330703877 },
|
||||
{ id: 'yahentamitsi', name: 'Yahentamitsi', hasFloors: false, lng: -76.9448027183373, lat: 38.99108961575231 },
|
||||
{ id: 'iribe', name: 'Iribe', hasFloors: false, lng: -76.93643838603555, lat: 38.98933701397555 },
|
||||
{ id: 'reckord', name: 'Reckord Armory', hasFloors: false, lng: -76.93897470250619, lat: 38.98609556181066 }
|
||||
{ id: 'reckord', name: 'Reckord Armory', hasFloors: false, lng: -76.93897470250619, lat: 38.98609556181066 },
|
||||
{ id: 'stamp', name: 'Stamp Student Union', hasFloors: true, floors: ['Basement', 'Floor 1', 'Floor 2'], lng: -76.94473083972326, lat: 38.988130238874874 }
|
||||
];
|
||||
|
||||
export const DEFAULT_VIEW = { lng: -76.9425, lat: 38.9859, zoom: 15.5 };
|
||||
export const DEFAULT_VIEW = { lng: -76.9425, lat: 38.9859, zoom: 16.5 };
|
||||
|
||||
class MapState {
|
||||
// The target coordinates the map should fly to
|
||||
|
||||
@@ -1,8 +1,8 @@
|
||||
<script lang="ts">
|
||||
import Icon from '@iconify/svelte';
|
||||
import AlertsDropdown from '$lib/components/AlertsDropdown.svelte';
|
||||
import MapControls from '$lib/components/MapControls.svelte';
|
||||
import InteractiveMap from '$lib/components/InteractiveMap.svelte';
|
||||
import Icon from "@iconify/svelte";
|
||||
import AlertsDropdown from "$lib/components/AlertsDropdown.svelte";
|
||||
import MapControls from "$lib/components/MapControls.svelte";
|
||||
import InteractiveMap from "$lib/components/InteractiveMap.svelte";
|
||||
</script>
|
||||
|
||||
<svelte:head>
|
||||
@@ -15,9 +15,18 @@
|
||||
<MapControls showDropdown={true} />
|
||||
|
||||
<div class="absolute top-6 left-6 md:left-8 z-10 flex gap-4 items-center">
|
||||
<div class="glass-panel flex items-center gap-4 px-6 py-3 rounded-2xl shadow-lg border-l-2 border-l-neon-primary h-12" style="box-shadow: var(--shadow-glow-primary)">
|
||||
<h1 class="font-display font-semibold text-white tracking-wider flex items-center gap-2">
|
||||
<Icon icon="mdi:access-point-network" class="text-neon-primary text-lg" style="filter: drop-shadow(var(--shadow-glow-primary))" />
|
||||
<div
|
||||
class="glass-panel flex items-center gap-4 px-6 py-3 rounded-2xl shadow-lg border-l-2 border-l-neon-primary h-12"
|
||||
style="box-shadow: var(--shadow-glow-primary)"
|
||||
>
|
||||
<h1
|
||||
class="font-display font-semibold text-white tracking-wider flex items-center gap-2"
|
||||
>
|
||||
<Icon
|
||||
icon="mdi:access-point-network"
|
||||
class="text-neon-primary text-lg"
|
||||
style="filter: drop-shadow(var(--shadow-glow-primary))"
|
||||
/>
|
||||
LIVE DATA
|
||||
</h1>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user