fix: 加载地图尝试修复

package.json

 {
   "name": "panda-xform",
-  "version": "4.7.9",
-  "description": "4.7.9 增加手写签名控件",
+  "version": "4.8.0",
+  "description": "4.8.0 加载地图尝试修复报错问题",
   "keywords": [
     "panda-xform"
   ],

src/core/widgets/coord/Coordinate/index.js

@@ -64,6 +64,39 @@ const Coordinate = (props) => {
       }
     }
   }
+  
+  const getMapInfo = (viewObject) => {
+    if (viewObject) {
+      setView(viewObject);
+      let coordGetLayer = viewObject.map.layers.find(layer => layer.id == 'coordGet');
+      if (coordGetLayer) {
+        viewObject.map.remove(coordGetLayer);
+      } else {
+        coordGetLayer = new GraphicsLayer({
+          id: 'coordGet',
+        });
+      }
+      viewObject.map.add(coordGetLayer);
+      if (value) {
+        coordGetLayer.removeAll();
+        const newVal = value.split(',');
+        const defalutGraphic = createGraphic(new Point({
+          x: newVal[0],
+          y: newVal[1],
+          spatialReference: {
+            wkid: 3857
+          }
+        }));
+        coordGetLayer.add(defalutGraphic);
+        setTimeout(() => {
+          viewObject.goTo({
+            center: geomUtils.toGeometry({ x: Number(newVal[0]), y: Number(newVal[1]) }),
+            scale: viewObject.scale - 1,
+          })
+        }, 2000)
+      }
+    }
+  }
 
   const createGraphic = (geometry) => {
     return new Graphic({
@@ -167,7 +200,7 @@ const Coordinate = (props) => {
     return (
       <div style={{ width: '100%', height: '150px' }}>
         <ArcGISSceneMap
-          getMapInfo={getView}
+          getMapInfo={getMapInfo}
           widgets={[]}
           token={token}
           client={token ? client : 'sandbox'}

src/core/widgets/coord/Device/index.js

@@ -25,8 +25,7 @@ const Device = (props) => {
   let clickref = useRef(null)
   let view = useRef(null)
 
-  const getMapInfo = (mapObj, Map, disabled) => {
-    console.log('disabled', disabled)
+  const getView = (mapObj, Map) => {
     setTimeout(() => {
       if (mapObj) {
         view.current = mapObj
@@ -81,6 +80,61 @@ const Device = (props) => {
     }, 500)
   }
 
+  const getMapInfo = (mapObj, Map) => {
+    setTimeout(() => {
+      if (mapObj) {
+        view.current = mapObj
+        let arr = (value && value.split(',')) || []
+        let obj = (arr.length === 2) ? { point: { x: Number(arr[0]), y: Number(arr[1]) } } : {}
+        if (arr.length === 2) {
+          view.current.goTo({
+            center: geomUtils.toGeometry({ x: Number(arr[0]), y: Number(arr[1]) }),
+            zoom: 15
+          })
+        }
+        clickref.current = new ClickQuery({
+          view: view.current,
+          offsetX: -150,
+          offsetY: -310,
+          continuous: true,
+          onlyWhatch: true,
+          ...obj,
+          callback: ({ clickPoint, matchPoint, data }) => {
+            gisInfo = {}
+            if (layer) {
+              view.current.map.remove(layer)
+            }
+            if (matchPoint) {
+              geometrystr = `${matchPoint.x},${matchPoint.y}`
+              gisInfo = { layerName: data.layerName, gisCode: data.attributes.code }
+            } else if (clickPoint) {
+              geometrystr = `${clickPoint.x},${clickPoint.y}`
+              layer = new GraphicsLayer({
+                id: 'ok-layers',
+              })
+              if (geometrystr) {
+                const polypointGraphic = new Graphic({
+                  geometry: geomUtils.toGeometry({
+                    x: Number(geometrystr.split(',')[0]),
+                    y: Number(geometrystr.split(',')[1])
+                  }),
+                  symbol: {
+                    type: "picture-marker",
+                    url: point,
+                    width: "20px",
+                    height: "20px"
+                  },
+                })
+                layer.add(polypointGraphic)
+                view.current.map.add(layer)
+              }
+            }
+          }
+        })
+      }
+    }, 500)
+  }
+
   const iconClick = () => {
     if (addons) {
       setVisible(true)
@@ -127,7 +181,7 @@ const Device = (props) => {
     return (
       <div style={{ width: '100%', height: '120px' }}>
         <ArcGISSceneMap
-          getMapInfo={(mapObj, Map) => getMapInfo(mapObj, Map, true)}
+          getMapInfo={getMapInfo}
           widgets={[]}
           token={token}
           client={token ? client : 'sandbox'}
@@ -172,7 +226,7 @@ const Device = (props) => {
         {...disabled ? { footer: null } : {}}
       >
         <ArcGISSceneMap
-          getMapInfo={(mapObj, Map) => getMapInfo(mapObj, Map, disabled)}
+          getMapInfo={getView}
           widgets={[]}
           token={token}
           client={token ? client : 'sandbox'}

src/core/widgets/coord/DrawArea/index.js

@@ -49,6 +49,12 @@ const DrawArea = (props) => {
     createPaths(viewObject)
   }
 
+  const getMapInfo = (viewObject) => {
+    setRings(isJson(value) ? JSON.parse(value) : '')
+    viewRef.current = viewObject
+    createPaths(viewObject)
+  }
+
   const getPoints = (view) => {
     if (view) {
       view.map.remove(layers.current)
@@ -103,7 +109,7 @@ const DrawArea = (props) => {
     return (
       <div style={{ width: '100%', height: '150px' }}>
         <ArcGISSceneMap
-          getMapInfo={getView}
+          getMapInfo={getMapInfo}
           widgets={[]}
           token={token}
           client={token ? client : 'sandbox'}

src/core/widgets/coord/DrawPath/index.js

@@ -48,6 +48,12 @@ const DrawPath = (props) => {
     createPaths(viewObject)
   }
 
+  const getMapInfo = (viewObject) => {
+    setPaths(isJson(value) ? JSON.parse(value) : '')
+    viewRef.current = viewObject
+    createPaths(viewObject)
+  }
+
   const getPoints = (view) => {
     if (view) {
       view.map.remove(layers.current)
@@ -102,7 +108,7 @@ const DrawPath = (props) => {
     return (
       <div style={{ width: '100%', height: '150px' }}>
         <ArcGISSceneMap
-          getMapInfo={getView}
+          getMapInfo={getMapInfo}
           widgets={[]}
           token={token}
           client={token ? client : 'sandbox'}