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