Sea-Surface Temperature + Surface Currents

Oceanographic situational layer over the Arabian Sea: procedural SST field (22–32°C) with a thermal color ramp and animated surface current streamlines derived from a monsoon/gyre streamfunction. deck.gl ScatterplotLayer (SST) + TripsLayer (currents).

Usage

<script setup lang="ts">
import { VMap } 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: [69, 14], zoom: 5 }">
    <!-- SST + Current layers via useMaritimeOcean composable -->
  </VMap>
</template>

Components 1

<VMap /> @geoql/v-maplibre

Props and events in the API reference

Edit Report

SAR / Spill Drift

Air Defense Radar

Ocean

Layers

SST Opacity60%

Current Density70%

Animation

Speed

Statistics

23°

Min SST

32°

Max SST

0.74

Mean m/s

1,221

Grid Cells

SST Scale

22°C27°C32°C

Oceanographic Situation: Arabian Sea / Indian Ocean sea-surface temperature and surface current simulation with procedural mesoscale eddies and monsoon-driven circulation.