Examples
Multi-Drone C2 Dashboard
Command & Control dashboard tracking 4 UAVs and 2 UGVs patrolling the Thar Desert, Rajasthan. Real-time animated trails via deck.gl TripsLayer with unit selection and telemetry readout.
Usage
<script setup lang="ts">
import { VMap, VControlNavigation } from '@geoql/v-maplibre';
const colorMode = useColorMode();
const mapStyle = computed(() =>
colorMode.value === 'dark'
? 'https://basemaps.cartocdn.com/gl/dark-matter-gl-style/style.json'
: 'https://basemaps.cartocdn.com/gl/positron-gl-style/style.json',
);
</script>
<template>
<VMap :options="{ style: mapStyle, center: [70.5, 26.8], zoom: 11, pitch: 45 }">
<VControlNavigation position="top-right" />
</VMap>
</template> Components 2
<VMap />@geoql/v-maplibre<VControlNavigation />@geoql/v-maplibre
ALPHA
124m
90 km/h
100%
339°
activeDrone C2
Units
Playback
Speed
Multi-Drone C2: 4 UAVs + 2 UGVs patrolling the Thar Desert, Rajasthan. Click a unit to track it.