Examples
Search & Rescue Grid
SAR grid overlay dividing the search area near Uttarakhand into 24 sectors with probability heat coloring. Two helicopters sweep sectors in boustrophedon patterns, auto-marking areas as searched. Click any sector to toggle its status.
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: [79.5, 30.5], zoom: 11 }">
<VControlNavigation position="top-right" />
</VMap>
</template> Components 2
<VMap />@geoql/v-maplibre<VControlNavigation />@geoql/v-maplibre
SAR
Search Progress
Coverage0%
24
Total
0
Searched
24
Remaining
Playback
Speed
Legend
High probability
Medium probability
Low probability
Searched
SAR Grid: Click any sector to toggle it as searched. Helicopters auto-mark sectors as they fly over.