+
+ }
+ name="平移地图"
+ isActive={activeTool === "pan"}
+ onClick={() => handleToolClick("pan")}
+ />
+ }
+ name="矢量编辑"
+ isActive={activeTool === "edit"}
+ onClick={() => handleToolClick("edit")}
+ />
+ }
+ name="绘制点"
+ isActive={activeTool === "point"}
+ onClick={() => handleToolClick("point")}
+ />
+ }
+ name="绘制线"
+ isActive={activeTool === "line"}
+ onClick={() => handleToolClick("line")}
+ />
+ }
+ name="绘制圆"
+ isActive={activeTool === "circle"}
+ onClick={() => handleToolClick("circle")}
+ />
+ }
+ name="绘制框"
+ isActive={activeTool === "box"}
+ onClick={() => handleToolClick("box")}
+ />
+ }
+ name="绘制多边形"
+ isActive={activeTool === "polygon"}
+ onClick={() => handleToolClick("polygon")}
+ />
+
+
+ }
+ name="撤销"
+ isActive={false}
+ onClick={() => handleToolClick("undo")}
+ disabled={isUndoDisabled}
+ />
+ }
+ name="重做"
+ isActive={false}
+ onClick={() => handleToolClick("redo")}
+ disabled={isRedoDisabled}
+ />
+ }
+ name="删除"
+ isActive={false}
+ onClick={() => handleToolClick("delete")}
+ disabled={isDeleteDisabled}
+ />
+ }
+ name="保存"
+ isActive={false}
+ onClick={() => handleToolClick("save")}
+ disabled={isSaveDisabled}
+ />
+
+
+ );
+};
+
+export default DrawPanel;
diff --git a/src/app/OlMap/Controls/PropertyPanel.tsx b/src/app/OlMap/Controls/PropertyPanel.tsx
new file mode 100644
index 0000000..f1138c3
--- /dev/null
+++ b/src/app/OlMap/Controls/PropertyPanel.tsx
@@ -0,0 +1,63 @@
+import React from "react";
+
+interface BaseProperty {
+ label: string;
+ value: string | number;
+ unit?: string;
+ formatter?: (value: string | number) => string;
+}
+
+interface PropertyPanelProps {
+ id?: string;
+ type?: string;
+ properties?: BaseProperty[];
+}
+
+const PropertyPanel: React.FC