Examples
Ground Troop Navigation
Multi-waypoint route planning for infantry patrols in Ladakh, India. Click the map to add up to 8 waypoints — routes are fetched via Valhalla pedestrian routing with simulated elevation data for high-altitude terrain.
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: [77.6, 34.15], zoom: 12 }">
<VControlNavigation position="top-right" />
</VMap>
</template> Components 2
<VMap />@geoql/v-maplibre<VControlNavigation />@geoql/v-maplibre
Troop Nav
Waypoints
Click on the map to add waypoints (max 8)
No waypoints yet