Examples
Defense Zone Planner
Draw danger zones (minefields, restricted areas, hazards) on the map using terra-draw. Pre-placed example zones in the Thar Desert, Rajasthan with polygon area calculations and zone management.
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: [71.5, 26.5], zoom: 11 }">
<VControlNavigation position="top-right" />
</VMap>
</template> Components 2
<VMap />@geoql/v-maplibre<VControlNavigation />@geoql/v-maplibre
Zone Planner
Draw Mode
Zone Type
Zones (3)
Minefield Alpha
52.0 km²
Restricted Zone Bravo
87.4 km²
Hazard Area Charlie
87.6 km²
Draw danger zones (minefields, restricted areas, hazards) on the map. Use polygon or rectangle mode to place zones, then switch to select mode to edit.