Gleipnir/nidus-sync
2
0
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity Actions

Prettier everything, remove vendored bootstrap

Browse source 
These are installed now via pnpm
This commit is contained in:
Eli Ribble 2026-03-21 19:41:51 +00:00
parent 004a49c4e4
commit 5779242f22
No known key found for this signature in database
122 changed files with 297 additions and 13665 deletions
Download patch file Download diff file Expand all files Collapse all files

32
ts/components/map-view.vue
View file

@ -1,38 +1,36 @@
<script setup lang="ts">
import { onMounted, onUnmounted, ref } from 'vue';
import maplibregl from 'maplibre-gl';
import { onMounted, onUnmounted, ref } from "vue";
import maplibregl from "maplibre-gl";
const mapContainer = ref<HTMLDivElement | null>(null);
let map: maplibregl.Map | null = null;
onMounted(() => {
if (!mapContainer.value) return;
if (!mapContainer.value) return;
map = new maplibregl.Map({
container: mapContainer.value,
style: 'https://demotiles.maplibre.org/style.json',
center: [-74.5, 40], // [lng, lat]
zoom: 9
});
map = new maplibregl.Map({
container: mapContainer.value,
style: "https://demotiles.maplibre.org/style.json",
center: [-74.5, 40], // [lng, lat]
zoom: 9,
});
// Add a marker as an example
new maplibregl.Marker()
.setLngLat([-74.5, 40])
.addTo(map);
// Add a marker as an example
new maplibregl.Marker().setLngLat([-74.5, 40]).addTo(map);
});
onUnmounted(() => {
map?.remove();
map?.remove();
});
</script>
<template>
<div ref="mapContainer" class="map-container"></div>
<div ref="mapContainer" class="map-container"></div>
</template>
<style scoped>
.map-container {
width: 100%;
height: 500px;
width: 100%;
height: 500px;
}
</style>