feat(map): add five-source drainage styling

This commit is contained in:
2026-07-10 18:45:43 +08:00
parent 2258177726
commit 513c403017
19 changed files with 1303 additions and 182 deletions
@@ -19,21 +19,43 @@ export function FeatureInsightPanel({ feature, onClose }: FeatureInsightPanelPro
return [];
}
if (feature.layer === "pipes") {
return [
["管径", formatFeaturePropertyValue("diameter", feature.properties.diameter)],
["长度", formatFeaturePropertyValue("length", feature.properties.length)],
["粗糙系数", formatFeaturePropertyValue("roughness", feature.properties.roughness)],
["状态", formatFeaturePropertyValue("status", feature.properties.status)]
];
switch (feature.layer) {
case "conduits":
return [
["管径", formatFeaturePropertyValue("diameter", feature.properties.diameter)],
["长度", formatFeaturePropertyValue("length", feature.properties.length)],
["粗糙系数", formatFeaturePropertyValue("roughness", feature.properties.roughness)],
["状态", formatFeaturePropertyValue("status", feature.properties.status)]
];
case "junctions":
return [
["最大深度", formatFeaturePropertyValue("max_depth", feature.properties.max_depth)],
["井底高程", formatFeaturePropertyValue("invert_elevation", feature.properties.invert_elevation)],
["对象类型", "检查井"],
["状态", "在线"]
];
case "orifices":
return [
["孔口类型", formatFeaturePropertyValue("orifice_type", feature.properties.orifice_type)],
["断面形状", formatFeaturePropertyValue("shape", feature.properties.shape)],
["流量系数", formatFeaturePropertyValue("discharge_coeff", feature.properties.discharge_coeff)],
["闸门", formatFeaturePropertyValue("gated", feature.properties.gated)]
];
case "pumps":
return [
["状态", formatFeaturePropertyValue("status", feature.properties.status)],
["泵曲线", formatFeaturePropertyValue("pump_curve", feature.properties.pump_curve)],
["启动水深", formatFeaturePropertyValue("startup_depth", feature.properties.startup_depth)],
["停泵水深", formatFeaturePropertyValue("shutoff_depth", feature.properties.shutoff_depth)]
];
case "outfalls":
return [
["排放类型", formatFeaturePropertyValue("outfall_type", feature.properties.outfall_type)],
["井底高程", formatFeaturePropertyValue("invert_elevation", feature.properties.invert_elevation)],
["阶段数据", formatFeaturePropertyValue("stage_data", feature.properties.stage_data)],
["状态", "在线"]
];
}
return [
["高程", formatFeaturePropertyValue("elevation", feature.properties.elevation)],
["需水量", formatFeaturePropertyValue("demand", feature.properties.demand)],
["对象类型", "管网节点"],
["状态", "在线"]
];
}, [feature]);
const propertyEntries = useMemo(() => {