huweili-cesium 1.2.43 → 1.2.44

package/js/basis.js

@@ -15,6 +15,13 @@ import {
   teardownOrthographicWheelZoom,
   restorePerspectiveControllerState,
 } from './utils/cameraInteraction.js'
+import { getMapCenterPosition } from './utils/getMapCenterPosition.js'
+import { resetCompassDirection } from './toolbar/compass.js'
+import { createBasemapSwitcher } from './utils/basemapSwitcher.js'
+import { createZoomController } from './toolbar/zoomController.js'
+import { useEventBus } from './utils/useEventBus.js'
+import { applyOrthographicZoomFactor } from './utils/orthographicCameraZoom.js'
+import { measureDistance } from './measureDistance.js'
 
 export function basicConfig() {
 
@@ -721,6 +728,104 @@ export function basicConfig() {
     }
   }
 
+  /**
+   * 创建默认首页地图工具栏按钮
+   * @param {Object} options
+   * @param {string} options.mapId 地图实例 ID
+   * @param {string} [options.baseUrl='/'] 静态资源基础路径
+   * @param {number} [options.distance2D=8000] 2D 视角距离
+   * @param {number} [options.distance3D=15000] 3D 视角距离
+   * @returns {Object[]} 默认工具栏按钮配置
+   */
+  const createDefaultHomeToolbarButtons = ({
+    mapId,
+    baseUrl = '/',
+    distance2D = 8000,
+    distance3D = 15000,
+  } = {}) => {
+    const { zoomIn: zoomInDefault, zoomOut: zoomOutDefault } = createZoomController()
+    const { toggleBasemapPickerPanel } = createBasemapSwitcher()
+    const { startMeasure } = measureDistance()
+    const { emit } = useEventBus()
+
+    const zoomIn = (factor = 0.8) => {
+      const map = mapStore.getMap(mapId)
+      if (map && applyOrthographicZoomFactor(map, mapId, factor)) return
+      zoomInDefault(mapId, factor)
+    }
+
+    const zoomOut = (factor = 1.25) => {
+      const map = mapStore.getMap(mapId)
+      if (map && applyOrthographicZoomFactor(map, mapId, factor)) return
+      zoomOutDefault(mapId, factor)
+    }
+
+    return [
+      {
+        index: 0,
+        title: '指北针',
+        text: 'N',
+        isCompass: true,
+        onClick: () => resetCompassDirection(),
+      },
+      {
+        index: 1,
+        title: '测距',
+        iconSrc: `${baseUrl}/images/new/ceju.svg`,
+        onClick: () => {
+          const measureId = `home_measure_${Date.now()}`
+          startMeasure({
+            id: measureId,
+            mapId,
+            color: '#00ffff',
+            width: 3,
+          })
+        },
+      },
+      {
+        index: 2,
+        title: '返回初始点位',
+        iconSrc: `${baseUrl}/images/new/home.svg`,
+        onClick: (v) => {
+          const { lng, lat } = getMapCenterPosition({ mapInstanceId: mapId })
+          setCesiumCenter({ lng, lat, map: v, mapId })
+        },
+      },
+      {
+        index: 3,
+        title: '2D/3D视角切换',
+        text: '2D',
+        onClick: (_v, btn) => {
+          const result = toggleViewAtViewportCenter(mapId, {
+            distance2D,
+            distance3D,
+          })
+          if (result.success && btn) btn.innerText = result.currentMode
+          mapStore.setSceneMode(result.currentMode, mapId)
+          emit('map-scene-mode-changed', { mapId, sceneMode: result.currentMode })
+        },
+      },
+      {
+        index: 4,
+        title: '降低视角',
+        iconSrc: `${baseUrl}/images/new/jia.svg`,
+        onClick: () => zoomIn(),
+      },
+      {
+        index: 5,
+        title: '抬升视角',
+        iconSrc: `${baseUrl}/images/new/jian.svg`,
+        onClick: () => zoomOut(),
+      },
+      {
+        index: 6,
+        title: '切换底图',
+        iconSrc: `${baseUrl}/images/new/map.svg`,
+        onClick: (v, btn) => toggleBasemapPickerPanel(v, btn || null),
+      },
+    ]
+  }
+
   /**
    * 创建工具栏展开/折叠和拖拽控制器
    * - 单击展开按钮：初始化拖拽能力，不触发展开/折叠
@@ -884,6 +989,7 @@ export function basicConfig() {
     applyOrthographicFrustum,
     restorePerspectiveFrustum,
     setInitialCameraView,
+    createDefaultHomeToolbarButtons,
     createToolbarExpandController,
     syncCameraInteractionMode: (map, mapId, sceneMode) =>
     syncCameraInteractionMode(map, mapId, sceneMode, orthoViewHelpers()),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "huweili-cesium",
-  "version": "1.2.43",
+  "version": "1.2.44",
   "description": "基于 Cesium 的地图工具库（无人机态势、轨迹、围栏、工具栏等）",
   "type": "module",
   "main": "./index.js",