| 
					
				 | 
			
			
				@@ -50,7 +50,9 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				          </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				        </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				      </template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    <div ref="map" class="map-container"></div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    <div ref="map" class="map-container"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      <!-- <img src="'https://inews.gtimg.com/om_bt/OtxRSLxjDKPT0ajd72ZeQk6IrtFinjJu7g5Nb9oCkI6SoAA/641'" alt=""> --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     <div slot="footer" class="dialog-footer"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				        <el-button class="cancelClose1" @click="run.dialogFormVisible = false;getList()">关闭</el-button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     </div> 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -68,6 +70,7 @@ 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'; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 window._AMapSecurityConfig = { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   securityJsCode: '0133db0118e961029dc45a2d5039cbb1' // '「申请的安全密钥」', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 } 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -116,7 +119,8 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       latitude: 40.878730, // 实景图所在位置的纬度 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       longitude: 113.216553, // 实景图所在位置的经度 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       zoom: 17, // 实景 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      apiKey:'fb6a0e88dbad4931d96a121bcf7c4442' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      apiKey:'fb6a0e88dbad4931d96a121bcf7c4442', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      vLoUrl 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -194,25 +198,13 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           // console.log(JSON.stringify(arrList),'arrList') 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           this.path = arrList 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          // this.path = [  //测试数据 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          //   [116.405285, 39.904989], // 示例轨迹点1 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          //   [116.407516, 39.904987], // 示例轨迹点2 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          //   [116.407517, 39.91344]  // 示例轨迹点3 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          //   // 添加更多轨迹点 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          // ] 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          // this.path = [ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          //   [121.461525,31.312628], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          //   // [121.461526,31.312628],[121.461527,31.312628],[121.461527,31.312628] 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          // ] 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          console.log(this.path[0][0]) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           this.longitude = this.path[0][0] // 实景图所在位置的经度 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           this.latitude = this.path[0][1] // 实景图所在位置的纬度 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           // zoom: 15, // 实景 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          this.initMap(); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         } else { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           this.path = [] 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        // this.initMap(); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          this.initMap(); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     async initMap() { 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -241,43 +233,25 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         map: this.map, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         icon: 'https://webapi.amap.com/theme/v1.3/markers/n/end.png', // 终点图标 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       }); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      this.correctPath(); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      // var imageLayer = new AMap.ImageLayer({ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      //   url: 'https://inews.gtimg.com/om_bt/OtxRSLxjDKPT0ajd72ZeQk6IrtFinjJu7g5Nb9oCkI6SoAA/641', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      //   // bounds: new AMap.Bounds( 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      //   //     [116.327911, 39.939229], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      //   //     [116.342659, 39.946275] 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      //   // ), 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      //   // zooms: [1, 50] 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      // }); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      // var imageLayers = new AMap.ImageLayer({ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      //   url: 'https://inews.gtimg.com/om_bt/OtxRSLxjDKPT0ajd72ZeQk6IrtFinjJu7g5Nb9oCkI6SoAA/641', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      //   // url: this.vLoUrl, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      //   bounds: new AMap.Bounds( 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      //       [121.97563085677434,27.92512942520125], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      //       [131.551866454716, 36.16701972816233] 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      //   ), 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      //   zooms: [1, 50] 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      // }); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      // this.map.add([imageLayer,imageLayers]) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       this.drawPath(); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      // this.addStartMarker() 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    correctPath() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      // 调用高德地图的轨迹纠偏服务进行处理 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				- 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      // 处理返回结果并在地图上展示纠偏后的轨迹 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    drawDrop(){ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      var that = this 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      that.path.forEach(function(coord, index) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        // console.log(coord, index,'coord, index') 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          var marker = new AMap.Marker({ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-              position: coord, // 对应点的经/纬度 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-              map: that.map, // 显示在地图上 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-              icon: new AMap.Icon({ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                // size: new AMap.Size(36, 36),  // 图标尺寸 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                image: 'http://webapi.amap.com/theme/v1.3/markers/n/mark_b'+ (index + 1) +'.png',  // 自定义图标 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                // imageSize: new AMap.Size(36, 36),  // 图标尺寸 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-              }), 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-              offset: new AMap.Pixel(-10, -30) // 调整图标的偏移,使图标中心显示在点位置 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          }); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          // var label = new AMap.Text({ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          //     text: (index + 1).toString(), // 显示的数字 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          //     position: coord, // 标签位置与点位置相同 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          //     offset: new AMap.Pixel(-10, -20), // 调整标签的偏移,使数字显示在点的正上方 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          //     map: that.map // 显示在地图上 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          // }); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          // 添加信息窗体 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          marker.on('click', function() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-              var infoWindow = new AMap.InfoWindow({ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                  content: '经度:' + coord[0] + '<br>纬度:' + coord[1] 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-              }); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-              infoWindow.open(that.map, marker.getPosition()); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          }); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      }); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     drawPath() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       const polyline = new window.AMap.Polyline({ 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -299,7 +273,7 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 <style lang="scss" scoped> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   .map-container { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     height: 400px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    width: 100%; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    width: 800px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   .search { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     clear: both; 
			 |