Globe Day/Night

Name: @geoql/v-maplibre
Availability: InStock

Real-time sun tracking based on your location and current time. Stars fade automatically during daytime.

Installation

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

Usage

<script setup lang="ts">
  import { VMap, VControlNavigation } from '@geoql/v-maplibre';
  import { VLayerStarfield } from '@geoql/v-maplibre/starfield';
  // Geocentric sun position (subsolar lng + declination) + local altitude for fading
  const { sunAzimuth, sunAltitude, localSunAltitude, skyMode } = useSunPosition();
</script>
  <VMap :options="mapOptions" class="h-125 w-full">
    <VLayerStarfield
      galaxy-texture-url="/milkyway.jpg"
      :sun-enabled="true"
      :sun-azimuth="sunAzimuth"
      :sun-altitude="sunAltitude"
      :fade-altitude="localSunAltitude"
      before="satellite"
    />
    <VControlNavigation position="top-right" />
  </VMap>
  <p>Current mode: {{ skyMode }}</p>
</template>

Components 3

<VMap /> @geoql/v-maplibre
<VControlNavigation /> @geoql/v-maplibre
<VLayerStarfield /> @geoql/v-maplibre/starfield

Props and events in the API reference

Edit Report

Earthquake Globe

Globe Atmosphere

dusk · Lng 90.3° · Decl -15.4° · Local -5.5°