@xingm/vmap-cesium-toolbar 0.0.1-alpha.1

package/dist/style.css

@@ -0,0 +1,162 @@
+/* VMap Cesium Toolbar Plugin Styles */
+
+/* 工具栏基础样式 */
+.cesium-map-toolbar {
+  position: absolute;
+  background: rgba(255, 255, 255, 0.95);
+  border: 1px solid #e0e0e0;
+  border-radius: 6px;
+  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+  padding: 8px;
+  z-index: 1000;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+/* 工具栏按钮样式 */
+.cesium-toolbar-button {
+  width: 40px;
+  height: 40px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: rgba(66, 133, 244, 0.4);
+  color: white;
+  border: none;
+  border-radius: 4px;
+  cursor: pointer;
+  font-size: 14px;
+  font-weight: bold;
+  transition: all 0.2s ease;
+  user-select: none;
+  position: relative;
+}
+
+.cesium-toolbar-button:hover {
+  background: rgba(51, 103, 214, 0.9);
+  transform: scale(1.05);
+}
+
+/* 搜索容器样式 */
+.search-container {
+  position: absolute;
+  background: white;
+  border: 1px solid #e0e0e0;
+  border-radius: 4px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+  padding: 8px;
+  min-width: 200px;
+  z-index: 1001;
+}
+
+.search-container input {
+  padding: 6px 8px;
+  border: 1px solid #ddd;
+  border-radius: 3px;
+  font-size: 14px;
+  outline: none;
+  width: 100%;
+  box-sizing: border-box;
+}
+
+.search-results {
+  margin-top: 8px;
+  max-height: 200px;
+  overflow-y: auto;
+}
+
+.search-results > div {
+  padding: 8px;
+  border-bottom: 1px solid #f0f0f0;
+  cursor: pointer;
+  transition: background-color 0.2s;
+}
+
+.search-results > div:hover {
+  background-color: #f5f5f5;
+}
+
+/* 测量菜单样式 */
+.measurement-menu,
+.layers-menu {
+  position: absolute;
+  background: white;
+  border: 1px solid #e0e0e0;
+  border-radius: 4px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+  padding: 4px 0;
+  min-width: 120px;
+  z-index: 1001;
+}
+
+.layers-menu {
+  padding: 8px;
+  min-width: 200px;
+}
+
+.measurement-menu > div,
+.layers-menu > div {
+  padding: 8px 12px;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  transition: background-color 0.2s;
+}
+
+.measurement-menu > div:hover,
+.layers-menu > div:hover {
+  background-color: #f5f5f5;
+}
+
+/* 图层菜单项样式 */
+.layers-menu .map-type-item {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 6px;
+  cursor: pointer;
+  border-radius: 3px;
+  transition: background-color 0.2s;
+}
+
+.layers-menu .map-type-item:hover {
+  background-color: #f5f5f5;
+}
+
+.layers-menu .map-type-item.selected {
+  background-color: #e3f2fd;
+}
+
+.layers-menu .map-type-thumbnail {
+  width: 20px;
+  height: 20px;
+  border-radius: 2px;
+}
+
+.layers-menu .map-type-checkmark {
+  color: #1976d2;
+  font-weight: bold;
+  margin-left: auto;
+}
+
+/* 响应式设计 */
+@media (max-width: 768px) {
+  .cesium-map-toolbar {
+    padding: 6px;
+    gap: 6px;
+  }
+  
+  .cesium-toolbar-button {
+    width: 36px;
+    height: 36px;
+    font-size: 12px;
+  }
+  
+  .search-container,
+  .measurement-menu,
+  .layers-menu {
+    min-width: 180px;
+  }
+}

package/dist/utils/common.d.ts

@@ -0,0 +1,13 @@
+export declare function getViteTdToken(): any;
+/**
+ * 将相机高度转换为地图层级
+ * @param height 相机高度（米）
+ * @returns 地图层级（1-18）
+ */
+export declare function heightToZoomLevel(height: number): number;
+/**
+ * 将地图层级转换为相机高度
+ * @param zoomLevel 地图层级（1-18）
+ * @returns 相机高度（米）
+ */
+export declare function zoomLevelToHeight(zoomLevel: number): number;

package/dist/utils/geojson.d.ts

@@ -0,0 +1,86 @@
+/**
+ * GeoJSON 类型定义
+ */
+export interface GeoJSONPoint {
+    type: 'Point';
+    coordinates: [number, number];
+}
+export interface GeoJSONPolygon {
+    type: 'Polygon';
+    coordinates: number[][][];
+}
+export interface GeoJSONFeature<T = GeoJSONPolygon> {
+    type: 'Feature';
+    geometry: T;
+    properties?: Record<string, any>;
+}
+export interface GeoJSONFeatureCollection<T = GeoJSONPolygon> {
+    type: 'FeatureCollection';
+    features: GeoJSONFeature<T>[];
+    name?: string;
+}
+/**
+ * 机场禁飞区数据接口
+ */
+export interface AirportNoFlyZone {
+    name: string;
+    feature: GeoJSONFeature<GeoJSONPolygon>;
+    fileName: string;
+}
+/**
+ * GeoJSON 加载配置
+ */
+export interface GeoJSONLoaderConfig {
+    /**
+     * GeoJSON 文件的基础路径
+     * 开发环境: '/geojson' (指向 public/geojson)
+     * 生产环境: 可以是 '/geojson' 或用户自定义路径
+     * @default '/geojson'
+     */
+    basePath?: string;
+    /**
+     * 是否在加载失败时静默处理（不抛出错误）
+     * @default false
+     */
+    silent?: boolean;
+}
+/**
+ * 读取所有机场禁飞区 GeoJSON 文件
+ *
+ * 注意：由于无法直接获取目录文件列表，需要提供文件列表
+ * 可以通过以下方式之一：
+ * 1. 提供 fileList 参数
+ * 2. 在 public/geojson 目录下放置 file-list.json 文件
+ * 3. 使用 getAllAirportNoFlyZonesWithList 方法
+ *
+ * @param fileList 可选的文件名列表（不含扩展名）
+ * @param config 加载配置
+ * @returns Promise<AirportNoFlyZone[]> 机场禁飞区数据数组
+ */
+export declare function loadAllAirportNoFlyZones(fileList?: string[], config?: GeoJSONLoaderConfig): Promise<AirportNoFlyZone[]>;
+/**
+ * 读取单个机场禁飞区 GeoJSON 文件
+ * @param fileName 文件名（不含扩展名，如 '珠海_金湾机场'）
+ * @param config 加载配置
+ * @returns Promise<AirportNoFlyZone | null> 机场禁飞区数据或 null
+ */
+export declare function loadAirportNoFlyZone(fileName: string, config?: GeoJSONLoaderConfig): Promise<AirportNoFlyZone | null>;
+/**
+ * 将 GeoJSON 坐标转换为 Cesium Cartesian3 数组
+ * @param coordinates GeoJSON 多边形坐标数组
+ * @param height 高度偏移（米），默认为 0
+ * @returns 包含 longitude, latitude, height 的对象数组
+ */
+export declare function geojsonCoordinatesToCartesian3(coordinates: number[][], height?: number): Array<{
+    longitude: number;
+    latitude: number;
+    height: number;
+}>;
+/**
+ * 从文件名列表生成 file-list.json
+ * 这个函数可以在构建时使用，生成文件列表
+ *
+ * @param fileNames 文件名列表（不含扩展名）
+ * @returns JSON 字符串
+ */
+export declare function generateFileListJson(fileNames: string[]): string;

package/package.json

@@ -0,0 +1,68 @@
+{
+  "name": "@xingm/vmap-cesium-toolbar",
+  "version": "0.0.1-alpha.1",
+  "description": "A powerful Cesium map toolbar plugin with drawing, measurement, and interaction features",
+  "type": "module",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./style": "./dist/style.css"
+  },
+  "scripts": {
+    "dev": "vite --force",
+    "build": "vite build && vite build --mode lib",
+    "build:lib": "vite build --mode lib",
+    "build:plugin": "node scripts/build-plugin.js",
+    "generate:file-list": "node scripts/generate-file-list.js",
+    "preview": "vite preview",
+    "type-check": "vue-tsc --noEmit"
+  },
+  "peerDependencies": {
+    "vue": "^3.0.0"
+  },
+  "dependencies": {
+    "cesium": "^1.134.1",
+    "vue": "^3.5.18"
+  },
+  "devDependencies": {
+    "@types/cesium": "^1.70.4",
+    "@vitejs/plugin-vue": "^6.0.1",
+    "rollup-plugin-dts": "^6.1.0",
+    "vite": "^7.1.2",
+    "vite-plugin-cesium": "^1.2.23",
+    "vite-plugin-dts": "^4.5.4",
+    "vite-plugin-static-copy": "^3.1.2",
+    "vue-tsc": "^3.0.5"
+  },
+  "keywords": [
+    "cesium",
+    "map",
+    "toolbar",
+    "drawing",
+    "measurement",
+    "vue3",
+    "typescript"
+  ],
+  "author": "Your Name",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/your-username/vmap-cesium-toolbar.git"
+  },
+  "bugs": {
+    "url": "https://github.com/your-username/vmap-cesium-toolbar/issues"
+  },
+  "homepage": "https://github.com/your-username/vmap-cesium-toolbar#readme"
+}