Examples
Maritime Domain Awareness
Indian Navy western coast surveillance tracking 6 ships across EEZ boundary with coastal radar coverage. Animated ship movement via deck.gl TripsLayer with type filtering and situational stats.
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: [73.5, 14.5], zoom: 6 }">
<VControlNavigation position="top-right" />
</VMap>
</template> Components 2
<VMap />@geoql/v-maplibre<VControlNavigation />@geoql/v-maplibre
Maritime
Ship Types
Playback
Speed
Situation
6
Tracked
2
In EEZ
50%
Radar Cov.
1
Suspicious
Maritime Domain Awareness: Indian Navy western coast surveillance with EEZ monitoring, coastal radar coverage, and ship tracking.