Examples
Terrain Viewshed Analysis
Click to place observer points and visualize simulated terrain viewshed polygons. Adjust observer height to simulate standing, vehicle, or tower positions.
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.5, 34.2], zoom: 12 }">
<VControlNavigation position="top-right" />
</VMap>
</template> Components 2
<VMap />@geoql/v-maplibre<VControlNavigation />@geoql/v-maplibre
Viewshed
Observer Height
Observers (0/4)
Click map to place observers
Visible Area0.0 km²
Observer Count0
Click on the map to place observer points (max 4). Higher positions reveal more terrain.