运行轨迹添加图片测试

.env.development

@@ -4,9 +4,9 @@ ENV = 'development'
 # base api
 # 测试线
 # VUE_APP_BASE_API = 'http://192.168.1.70:8082/'
-VUE_APP_BASE_API = 'http://kpttest.kptyun.com/'
+# VUE_APP_BASE_API = 'http://kpttest.kptyun.com/'
 # 白少后台本地
-# VUE_APP_BASE_API = 'http://192.168.1.56:8081/'
+VUE_APP_BASE_API = 'http://192.168.1.56:8081/'
 # VUE_APP_BASE_API = 'http://192.168.1.93/'
 # vue-cli uses the VUE_CLI_BABEL_TRANSPILE_MODULES environment variable,
 # to control whether the babel-plugin-dynamic-import-node plugin is enabled.

src/views/statisticalAnalysis/pushingplan/index.vue

@@ -37,7 +37,7 @@
       <span v-if="listLoading == false" style="margin-right: 30px;margin-top: 10px;font-size: 14px;">共{{total }}条</span>
     </div>
 
-    <el-dialog  :visible.sync="run.dialogFormVisible" :close-on-click-modal="false" width="50%">
+    <el-dialog  :visible.sync="run.dialogFormVisible" :close-on-click-modal="false" width="80%">
      <template slot="title">
        <div class="avue-crud__dialog__header">
          <span class="el-dialog__title">
@@ -70,7 +70,8 @@ import axios from 'axios'
 import { getToken } from '@/utils/auth'
 import { createApp } from 'vue';
 import AMapLoader from '@amap/amap-jsapi-loader';
-import vLoUrl from '../../../assets/images/logo.png';
+import vLoUrl from '../../../assets/images/guiji.png';
+// import vLoUrl from '../../../assets/images/logo.png';
 window._AMapSecurityConfig = {
   securityJsCode: '0133db0118e961029dc45a2d5039cbb1' // '「申请的安全密钥」',
 }
@@ -200,11 +201,13 @@ export default {
           // this.path = arrList  //真实数据
           // 测试数据
           this.path =  [
-            [116.317911, 39.939229], // 示例轨迹点1
-            [116.327911, 39.939229], // 示例轨迹点1
-            [116.328911, 39.939329], // 示例轨迹点1
-            [116.338911, 39.939429], // 示例轨迹点1
-            [116.342659, 39.946275]
+            // [116.317911, 39.939229], // 示例轨迹点1
+            // [116.327911, 39.939229], // 示例轨迹点1
+            // [116.328911, 39.939329], // 示例轨迹点1
+            // [116.338911, 39.939429], // 示例轨迹点1
+            // [116.342659, 39.946275]
+            [113.2268105910612,40.88140752472374],
+            [113.210637000,40.8765545]
           ]
           this.longitude = this.path[0][0] // 实景图所在位置的经度
           this.latitude = this.path[0][1] // 实景图所在位置的纬度
@@ -224,12 +227,16 @@ export default {
 
       })
       // 后续牧场栏舍图
-      var backgroundImageUrl = 'https://amappc.cn-hangzhou.oss-pub.aliyun-inc.com/lbs/static/img/dongwuyuan.jpg'; // 示例图片链接
+      var backgroundImageUrl = this.vLoUrl; // 示例图片链接
+      // var backgroundImageUrl = '../../../assets/images/guiji.jpg'; // 示例图片链接
+      // var backgroundImageUrl = 'https://amappc.cn-hangzhou.oss-pub.aliyun-inc.com/lbs/static/img/dongwuyuan.jpg'; // 示例图片链接
       var imageLayer = new AMap.ImageLayer({
           url: backgroundImageUrl,
           bounds: new AMap.Bounds(
-              [116.327911, 39.939229],
-              [116.342659, 39.946275]
+              // [116.327911, 39.939229],
+              // [116.342659, 39.946275]
+              [113.2268105910612,40.88140752472374],
+              [113.210637000,40.8765545]
           ),//图片范围大小的经纬度，传入西南和东北的经纬度坐标
           zooms: [15, 20]
       });
@@ -290,8 +297,8 @@ export default {
 </script>
 <style lang="scss" scoped>
   .map-container {
-    height: 400px;
-    width: 800px;
+    height: 600px;
+    width: 1000px;
   }
   .search {
     clear: both;