删除气象接口相关信息

This commit is contained in:
wzy-warehouse
2026-05-18 10:20:51 +08:00
parent 1e524ee55f
commit c0d51010b9
3 changed files with 1 additions and 172 deletions
-15
View File
@@ -55,9 +55,6 @@ import type { XianSchool } from '@/types/base/XianSchool';
import type { XianBridge } from '@/types/base/XianBridge.ts'; import type { XianBridge } from '@/types/base/XianBridge.ts';
import type { XianReservoirList } from '@/types/base/XianReservoirList'; import type { XianReservoirList } from '@/types/base/XianReservoirList';
import type { XianSubwayStations } from '@/types/base/XianSubwayStations'; import type { XianSubwayStations } from '@/types/base/XianSubwayStations';
import type { RainfallGridRequest } from '@/types/rainstorm/RainfallGridRequest';
import type { RainfallGridResponse } from '@/types/rainstorm/RainfallGridResponse';
import { getRainfallGrid } from './meteorology';
/** /**
* API接口统一导出对象 * API接口统一导出对象
@@ -280,16 +277,4 @@ export const $api = {
): Promise<ApiResponse<XianSubwayStations>> => ): Promise<ApiResponse<XianSubwayStations>> =>
getSubwayStationsPointDetailById(id), getSubwayStationsPointDetailById(id),
}, },
// 气象信息
meteorology: {
/**
* 获取网格天气信息
* @param request - 请求参数
* @returns 网格天气信息
*/
getRainfallGrid: (
request: RainfallGridRequest
): Promise<ApiResponse<RainfallGridResponse>> => getRainfallGrid(request),
},
}; };
-14
View File
@@ -1,14 +0,0 @@
import type { ApiResponse } from '@/types/ApiResponse';
import type { RainfallGridRequest } from '@/types/rainstorm/RainfallGridRequest';
import type { RainfallGridResponse } from '@/types/rainstorm/RainfallGridResponse';
import httpInstance from '@/utils/request/http';
/**
* 获取降雨栅格数据
* @returns 降雨栅格数据
*/
export const getRainfallGrid = (
request: RainfallGridRequest
): Promise<ApiResponse<RainfallGridResponse>> => {
return httpInstance.post('/algorithm-api/rainfall/grid', request);
};
@@ -3,148 +3,6 @@
<div></div> <div></div>
</template> </template>
<script lang="ts" setup> <script lang="ts" setup></script>
import { useStatusStore } from '@/stores/useStatusStore';
import { CesiumUtilsSingleton } from '@/utils/cesium/CesiumUtils';
import { watch, onMounted } from 'vue';
import { $api } from '@/api/api';
import {
Color,
ColorGeometryInstanceAttribute,
GeometryInstance,
PolygonGeometry,
PolygonHierarchy,
Cartesian3,
PerInstanceColorAppearance,
GroundPrimitive,
} from 'cesium';
import type { RainfallFeature } from '@/types/rainstorm/RainfallGridResponse';
const statusStore = useStatusStore();
let primitiveCollection: GroundPrimitive | null = null;
let isLoaded = false; // 标记数据是否已加载完成
let pendingShow = false; // 标记是否有待显示的请求
/**
* 加载降雨栅格数据
*/
const loadRainfallGrid = async () => {
try {
const res = await $api.meteorology.getRainfallGrid({
time: '2025-08-20T12:00:00',
resolution: 0.005,
});
const geoJsonData = res.data;
if (geoJsonData && geoJsonData.type === 'FeatureCollection') {
// 分批处理,避免长时间阻塞主线程
const features = geoJsonData.features;
const batchSize = 500; // 每批处理500个
const instances: GeometryInstance[] = [];
for (let i = 0; i < features.length; i += batchSize) {
const batch = features.slice(i, i + batchSize);
batch.forEach((feature: RainfallFeature) => {
if (!feature.geometry || !feature.geometry.coordinates) return;
// 获取颜色
let color = Color.WHITE;
if (feature.properties?.color) {
const parsedColor = CesiumUtilsSingleton.parseColor(
feature.properties.color
);
if (parsedColor) {
color = parsedColor;
}
}
// 转换坐标
const coordinates = feature.geometry.coordinates[0];
const positions = coordinates.map((coord: number[]) =>
Cartesian3.fromDegrees(coord[0], coord[1], 0)
);
// 创建几何实例
const instance = new GeometryInstance({
geometry: new PolygonGeometry({
polygonHierarchy: new PolygonHierarchy(positions),
vertexFormat: PerInstanceColorAppearance.VERTEX_FORMAT,
}),
attributes: {
color: ColorGeometryInstanceAttribute.fromColor(color),
},
});
instances.push(instance);
});
}
// 创建 Primitive(初始状态为隐藏)
primitiveCollection = new GroundPrimitive({
geometryInstances: instances,
appearance: new PerInstanceColorAppearance({
flat: true, // 禁用光照计算
translucent: true, // 支持半透明
}),
asynchronous: true, // 异步创建
allowPicking: false, // 禁用拾取
releaseGeometryInstances: true, // 释放几何实例内存
interleave: true, // 交错顶点数据,提升GPU性能
show: false, // 初始隐藏
});
// 添加到场景
const viewer = CesiumUtilsSingleton.getViewer();
if (viewer) {
await viewer.scene.primitives.add(primitiveCollection);
}
// 标记为已加载
isLoaded = true;
// 如果有待显示的请求,立即显示
if (pendingShow) {
primitiveCollection.show = true;
pendingShow = false;
}
}
} catch (error) {
console.error('加载降雨栅格数据失败:', error);
}
};
// 组件挂载时立即检查并加载
onMounted(async () => {
// 始终预加载数据,无论当前 show 状态如何
const layerIds = CesiumUtilsSingleton.getGeoJsonLayerIds('custom');
if (!layerIds.has('rainfall-grid-layer')) {
await loadRainfallGrid();
}
});
// 监听显示隐藏状态
watch(
() => statusStore.weatherLayers.showRainfallGrid.show,
async (newValue: boolean) => {
if (newValue) {
// 需要显示
if (isLoaded && primitiveCollection) {
// 数据已加载完成,直接显示
primitiveCollection.show = true;
} else if (!isLoaded) {
// 数据还在加载中,标记为待显示
pendingShow = true;
}
} else {
// 需要隐藏
if (primitiveCollection) {
primitiveCollection.show = false;
}
}
}
);
</script>
<style scoped></style> <style scoped></style>