merge

public/index.html

@@ -16,6 +16,8 @@
     <link rel="icon" href="./favicon.ico">
     <link rel='stylesheet' href='https://api.mapbox.com/mapbox-gl-js/plugins/mapbox-gl-draw/v1.0.9/mapbox-gl-draw.css'
         type='text/css' />
+    <link href="/mapboxgl/mapbox-gl.css" rel="stylesheet">
+    <script src="/mapboxgl/mapbox-gl.js"></script>
     <script type="text/javascript" src="./lib/Cesium/Cesium.js"></script>
     <script type="text/javascript" src="./lib/mars3d/mars3d.js"></script>
     <link rel='stylesheet' type='text/css' href="./lib/mars3d/mars3d.css" />

src/views/ServiceList/Datadetails.vue

@@ -378,7 +378,9 @@
 
         } else {
           this.$nextTick(function () {
-            this.$refs.fuwuevent.onLoad();
+            console.log('this.$refs.fuwuevent::: ', this.$refs.fuwuevent);
+            this.$refs.fuwuevent && this.$refs.fuwuevent.onLoad();
+            
           });
         }
 
@@ -503,10 +505,10 @@
               this.tableData = res.data.rows;
               this.rowdata = res.data.rows[0];
               this.$nextTick(function () {
-                this.$refs.dituevent.onLoad();
+                this.$refs.dituevent && this.$refs.dituevent.onLoad();
               });
               this.$nextTick(function () {
-                this.$refs.fuwuevent.onLoad();
+                this.$refs.fuwuevent && this.$refs.fuwuevent.onLoad();
               });
               this.loading = false;
             }
@@ -609,10 +611,10 @@
         // console.log(row);
         this.rowdata = row;
         this.$nextTick(function () {
-          this.$refs.dituevent.onLoad();
+          this.$refs.dituevent && this.$refs.dituevent.onLoad();
         });
         this.$nextTick(function () {
-          this.$refs.fuwuevent.onLoad();
+          this.$refs.fuwuevent && this.$refs.fuwuevent.onLoad();
         });
       },
       // 分页切换

src/views/ServiceList/components/ditu.vue

@@ -22,9 +22,9 @@ export default {
     };
   },
   mounted() {
-    // this.$nextTick(function () {
-    //   this.initMap();
-    // });
+    this.$nextTick(function () {
+      this.initMap();
+    });
   },
   methods: {
     onLoad() {
@@ -154,12 +154,13 @@ export default {
           visibility: "visible",
         },
       });
-
-      this.map.flyTo({
-        center: [Number(jwd[0]), Number(jwd[1])],
-        zoom: 10,
-        speed: 5,
-      });
+      if(jwd){
+        this.map.flyTo({
+          center: [Number(jwd[0]), Number(jwd[1])],
+          zoom: 10,
+          speed: 5,
+        });
+      }
     },
   },
 };