提交

src/pages/building/list/add/components/amap.jsx

@@ -7,7 +7,9 @@ class Amap extends React.Component {
 
   constructor(props) {
     super(props);
-    
+    this.state = {
+      markerPosition: { longitude: 120, latitude: 35 },
+    }
     // 高德地图 Marker 实例
     this.markerInstance = undefined
     // 高德地图 Map 实例
@@ -78,40 +80,25 @@ class Amap extends React.Component {
         this.markerInstance = markerInstance
       },
     }
-    this.markerPosition = { longitude: 120, latitude: 30 };
-    const { value } = this.props
-    console.log('项目地图 value', value)
-
-
-
-    this.setMapPosition.bind(this)
+    // this.markerPosition = { longitude: 120, latitude: 30 };
   }
 
   componentDidUpdate(prevProps) {
     const { value } = this.props
-    // console.log('项目地图 value', value)
-    console.log('this.markerInstance: ', this.markerInstance, this.props)
     if (this.props.value !== prevProps.value) {
       if (value) {
-        console.log('项目地图 value', value)
-        this.setMapPosition(value)
+        const temp = value.split(',')
+        this.setState({ markerPosition: { longitude: temp[1], latitude: temp[0] } })
       }
     }
   }
 
-  setMapPosition(value) {
-    console.log('获取this：', this.markerInstance)
-    if (this.markerInstance) {
-      // this.markerInstance.setPosition(value)
-    }
-  }
-
   render() {
     return (
       <>
         <div style={{ width: '100%', height: '400px', position: 'relative' }}>
           <Map events={this.amapEvents} amapkey="f0d1d4f82432504003ebf46e5e36ff03">
-            <Marker position={this.markerPosition} events={this.markerEvents} />
+            <Marker position={this.state.markerPosition} events={this.markerEvents} />
           </Map>
           {
           <div className={styles.infoBox}>