Multi-Spectral Compare

Name: @geoql/v-maplibre
Availability: InStock

Defense multi-spectral imagery comparison. Swipe the slider to compare different sensor views — optical, thermal, and night vision — of the same terrain area (Kashmir/Ladakh region).

Installation

$ npx shadcn-vue@latest add https://mapcn-vue.geoql.in/r/map-layers

Usage

<script setup lang="ts">
  import { Compare } from '@geoql/maplibre-gl-compare';
  import '@geoql/maplibre-gl-compare/style.css';
  import { VMap } from '@geoql/v-maplibre';

  const beforeStyle = 'https://basemaps.cartocdn.com/gl/voyager-gl-style/style.json';
  const afterStyle = 'https://basemaps.cartocdn.com/gl/dark-matter-gl-style/style.json';
</script>

<template>
  <div ref="containerRef" class="relative h-125 w-full">
    <VMap :options="{ style: beforeStyle, center: [77.5, 34.0], zoom: 10 }" class="absolute inset-0" />
    <VMap :options="{ style: afterStyle, center: [77.5, 34.0], zoom: 10 }" class="absolute inset-0" />
  </div>
</template>

Components 1

<VMap /> @geoql/v-maplibre

Props and events in the API reference

Edit Report

Comms Network

Zone Planner

Spectral

Spectral Pair

Orientation

Active Bands

Before: Optical/Visual

After: Thermal/IR