定位组件修改.

one_stop_public/Table/prepareShow.js

@@ -34,7 +34,7 @@ export default function prepareShow(postData = {}, content = '') {
         newFunc(p) // 返回一个promise
           .then(res => {
             if (res) {
-              console.log('执行templateWillMount公式完成', res);
+              // console.log('执行templateWillMount公式完成', res);
               window.zdyTableTemplateWillMountProps = res;
               resolve(true);
             }

one_stop_public/location/components.jsx

 //@ts-nocheck
 import React, { Component } from 'react';
 import styles from './styles.less';
-import { message } from 'antd';
-import AMapJS from 'amap-js';
+import { message, Icon } from 'antd';
 //思路进入页面时先定位
 //可以通过搜索选址
 //可以通过拖拽微调选址
@@ -21,32 +20,30 @@ class GetLocation extends Component {
 
   componentDidMount = () => {
     console.log(123);
-    this.loader = new AMapJS.AMapLoader({
+    this.loader = new window.AMapJS.AMapLoader({
       key: 'a8d312e3cc24b4fd12bad99780c2182a', // 公司账号配置的应用的key
       // https://console.amap.com/dev/key/app
       version: '1.4.8',
       plugins: ['AMap.Geolocation'],
       security: {
-        securityJsCode: 'f4a5344f0117dc8b32ee216d2311fc1a' // 公司账号配置的应用的 安全key
+        securityJsCode: 'f4a5344f0117dc8b32ee216d2311fc1a', // 公司账号配置的应用的 安全key
       },
     });
-    console.log(window.AMap);
-    if(!window.AMap){
-      this.loader.load().then(() => {
-          // 加载完成
-          console.log('Amap地图加载完成');
-          this.getLocation();
-          if(this.props.showMap){
-            this.searchSiteSelection();
-          }
-        })
-        .catch(e => {
-          console.log('-------88--99--11--12');
-          console.log(e);
-          message.error('未配置地图厂家');
-          return;
-        });
-    }
+    this.loader.load()
+      .then(() => {
+        // 加载完成
+        console.log('Amap地图加载完成');
+        this.getLocation();
+        if (this.props.showMap) {
+          this.searchSiteSelection();
+        }
+      })
+      .catch(e => {
+        console.log('-------88--99--11--12');
+        console.log(e);
+        message.error('未配置地图厂家');
+        return;
+      });
 
   };
   // 12,[116.171731,40.06682]
@@ -56,7 +53,8 @@ class GetLocation extends Component {
      由于Chrome、IOS10等已不再支持非安全域的浏览器定位请求，为保证定位成功率和精度，请尽快升级您的站点到HTTPS。
      ***************************************/
     const AMap = window.AMap;
-    let map, geolocation;
+    let map,
+      geolocation;
     //加载地图，调用浏览器定位服务
     map = new AMap.Map('container', {
       resizeEnable: true,
@@ -85,7 +83,7 @@ class GetLocation extends Component {
     //解析定位结果
     function onComplete(data) {
       console.log(data);
-      if(!this.props.showMap){
+      if (!this.props.showMap) {
         let locationMsg = {
           lng: data.position.lng, // 经度
           lat: data.position.lat, // 维度
@@ -96,8 +94,9 @@ class GetLocation extends Component {
           // nearestPOI: positionResult.nearestPOI, // 最近的POI
         };
         this.props.getLocationMsg(locationMsg);
-      }else{
-        let poi = data.position.toString().split(',');
+      } else {
+        let poi = data.position.toString()
+          .split(',');
         // 需要通过改变this指向
         this.dragSiteSelection(15, poi);
       }
@@ -142,7 +141,8 @@ class GetLocation extends Component {
       window.poiPicker = poiPicker;
       //选取了某个POI
       poiPicker.on('poiPicked', (poiResult) => {
-        let poi = poiResult.item.location.toString().split(',');
+        let poi = poiResult.item.location.toString()
+          .split(',');
         this.dragSiteSelection(15, poi);
       });
     });
@@ -191,16 +191,19 @@ class GetLocation extends Component {
 
   render() {
     return (
-      <div
-        id='GetLocation'
-        style={{ display: this.props.showMap ? 'block' : 'none' }}>
-        <input
-          id='pickerInput'
-          className={styles.top}
-          placeholder='输入关键字选取地点'
-        />
-        <div id='map' className={styles.map}></div>
-      </div>
+      <>
+        <a onClick={this.getLocation}><Icon type="compass" /></a>
+        <div
+          id='GetLocation'
+          style={{ display: this.props.showMap ? 'block' : 'none' }}>
+          <input
+            id='pickerInput'
+            className={styles.top}
+            placeholder='输入关键字选取地点'
+          />
+          <div id='map' className={styles.map}></div>
+        </div>
+      </>
     );
   }
 }