feat: 标记点覆盖物属性设置

src/editor/Property/index.tsx

@@ -1,5 +1,5 @@
 import { useSelector } from "react-redux";
-import { Form, Select } from "antd";
+import { Form, Select, Input } from "antd";
 import { selectedIdsSelector, mapOptionsSelector, editorAction } from "@store";
 import { OverlayCategory, IOverlay, OverlayTypes } from "@map";
 
@@ -21,6 +21,7 @@ const Property = () => {
   if (!selectedIds?.length) return <></>;
   const [id] = selectedIds;
   const overlay = overlays.find((overlay) => overlay.id === id)!;
+  const { lngLat = [0, 0] } = overlay;
 
   const updateOverlayProps = (props: Partial<IOverlay>) =>
     editorAction.updateOverlay(props);
@@ -36,6 +37,37 @@ const Property = () => {
     );
   }
 
+  const categoryPane = (
+    <Form.Item label="类型">
+      <Select
+        value={overlay.category}
+        onChange={(category) =>
+          updateOverlayProps({
+            id: overlay.id,
+            category,
+          })
+        }
+      >
+        {categorys.map((item) => (
+          <Option key={item.title} value={item.value}>
+            {item.title}
+          </Option>
+        ))}
+      </Select>
+    </Form.Item>
+  );
+
+  const positionPane = (
+    <>
+      <Form.Item label="经度">
+        <Input value={lngLat[0]} />
+      </Form.Item>
+      <Form.Item label="纬度">
+        <Input value={lngLat[1]} />
+      </Form.Item>
+    </>
+  );
+
   return (
     <div className="property-area">
       <Form size="small">
@@ -50,23 +82,7 @@ const Property = () => {
             }
           />
         </Form.Item>
-        <Form.Item label="类型">
+        {overlay.type === OverlayTypes.Point ? positionPane : categoryPane}
-          <Select
-            value={overlay.category}
-            onChange={(category) =>
-              updateOverlayProps({
-                id: overlay.id,
-                category,
-              })
-            }
-          >
-            {categorys.map((item) => (
-              <Option key={item.title} value={item.value}>
-                {item.title}
-              </Option>
-            ))}
-          </Select>
-        </Form.Item>
         {overlay.category === OverlayCategory.Building ? (
           <Form.Item label="高度">
             <FineInput

src/store/reducers/map/index.ts

@@ -34,16 +34,16 @@ export function finishEditOverlay(state = initState, payload: any) {
     const { overlays } = draft.map;
     const existed = overlays.find((overlay) => overlay.id === id);
     if (existed) {
+      console.log(overlay);
       overlays[overlays.indexOf(existed)] = {
         ...existed,
         ...overlay,
       };
     } else {
       overlay.name = OverlayNamePrefixs[type] + overlay.id;
-      const isRoad = type === OverlayTypes.Polyline;
+      if (type === OverlayTypes.Polyline) {
-      if (isRoad) {
         overlay.category = OverlayCategory.Road;
-      } else {
+      } else if (type !== OverlayTypes.Point) {
         overlay.category = OverlayCategory.Building;
         overlay.height = 100;
       }