3D Battlefield Terrain

<script setup lang="ts">
  import { VMap, VControlNavigation } from '@geoql/v-maplibre';
  import { useDeckLayers } from '@geoql/v-maplibre/deck.gl';
  import { TripsLayer } from '@deck.gl/geo-layers';
  import { ScatterplotLayer, TextLayer } from '@deck.gl/layers';

  const mapOptions = {
    style: 'https://basemaps.cartocdn.com/gl/dark-matter-gl-style/style.json',
    center: [78.2, 34.2],
    zoom: 11,
  };
</script>

<template>
  <VMap :options="mapOptions" class="h-125 w-full">
    <VControlNavigation position="top-right" />
  </VMap>
</template>