release: bump version to 0.37.2

frontend/public/earth/index.html

@@ -118,6 +118,16 @@
                 <span class="layer-row-toggle-track"></span>
               </button>
             </div>
+            <div class="layer-row" data-layer-name="经纬线 graticule 经纬 latitude longitude">
+              <span class="material-symbols-rounded layer-row-icon">grid_4x4</span>
+              <div class="layer-row-copy">
+                <span class="layer-row-label">经纬线</span>
+                <span class="layer-row-meta">Graticule</span>
+              </div>
+              <button id="toggle-grid-lines" class="layer-row-toggle active" type="button" role="switch" aria-checked="true" title="切换经纬线显示">
+                <span class="layer-row-toggle-track"></span>
+              </button>
+            </div>
             <div class="layer-row" data-layer-name="卫星 satellites">
               <span class="material-symbols-rounded layer-row-icon">satellite_alt</span>
               <div class="layer-row-copy">

frontend/public/earth/js/controls.js

@@ -3,7 +3,12 @@
 import * as THREE from "three";
 import { CONFIG, EARTH_CONFIG, ROTATION_MODE } from "./constants.js";
 import { setEarthStatValue, updateZoomDisplay, showStatusMessage } from "./ui.js";
-import { toggleTerrain, setDayNightEnabled } from "./earth.js";
+import {
+  toggleTerrain,
+  setDayNightEnabled,
+  toggleGridLines,
+  getShowGridLines,
+} from "./earth.js";
 import { setCelestialDayNightEnabled } from "./celestial.js";
 import {
   ensureTerrainReady,
@@ -999,6 +1004,20 @@ async function setSatellitesLayerEnabled(button, enabled, { persist = true, sile
   }
 }
 
+function setGridLinesLayerEnabled(button, enabled, { persist = true, silent = false } = {}) {
+  toggleGridLines(enabled);
+  setLayerButtonState(button, {
+    active: enabled,
+    tooltip: enabled ? "隐藏经纬线" : "显示经纬线",
+  });
+  syncMobileLayerCards();
+  if (persist) persistEarthSettings();
+  if (!silent) {
+    showStatusMessage(enabled ? "经纬线已显示" : "经纬线已隐藏", "info");
+  }
+  return enabled;
+}
+
 function setBGPLayerEnabled(button, enabled, { persist = true, silent = false } = {}) {
   clearSelectionIfHiding(!enabled);
   toggleBGP(enabled);
@@ -1090,6 +1109,22 @@ function getBuiltinLayerDefinitions() {
       setVisible: (visible, options = {}) =>
         setTerrainEnabled(getLayerButton("terrain"), visible, options),
     },
+    {
+      id: "gridLines",
+      buttonId: "toggle-grid-lines",
+      icon: "grid_4x4",
+      label: "经纬线",
+      meta: "Graticule",
+      keywords: "经纬线 graticule 经纬 latitude longitude",
+      defaultActive: true,
+      startupPriority: null,
+      startupMode: "visible",
+      startupLabel: "经纬线",
+      startupMessage: "",
+      getVisible: () => getShowGridLines(),
+      setVisible: (visible, options = {}) =>
+        setGridLinesLayerEnabled(getLayerButton("gridLines"), visible, options),
+    },
     {
       id: "satellites",
       buttonId: "toggle-satellites",

frontend/public/earth/js/earth.js

@@ -7,6 +7,7 @@ import { latLonToVector3 } from './utils.js';
 export let earth = null;
 export let clouds = null;
 export let terrain = null;
+let showGridLines = true;
 
 const textureLoader = new THREE.TextureLoader();
 let _earthMaterial = null;
@@ -321,6 +322,7 @@ export function createGridLines(scene, earthObj) {
     const geometry = new THREE.BufferGeometry().setFromPoints(points);
     const line = new THREE.Line(geometry, gridMaterial);
     line.userData = { type: 'latitude', value: lat };
+    line.visible = showGridLines;
     earthObj.add(line);
     latitudeLines.push(line);
   }
@@ -335,11 +337,26 @@ export function createGridLines(scene, earthObj) {
     const geometry = new THREE.BufferGeometry().setFromPoints(points);
     const line = new THREE.Line(geometry, gridMaterial);
     line.userData = { type: 'longitude', value: lon };
+    line.visible = showGridLines;
     earthObj.add(line);
     longitudeLines.push(line);
   }
 }
 
+export function toggleGridLines(visible) {
+  showGridLines = visible;
+  latitudeLines.forEach((line) => {
+    line.visible = visible;
+  });
+  longitudeLines.forEach((line) => {
+    line.visible = visible;
+  });
+}
+
+export function getShowGridLines() {
+  return showGridLines;
+}
+
 export function getEarth() {
   return earth;
 }