修改

src/views/MLargeScreen/index.vue

@@ -38,10 +38,6 @@
 		<!-- <div class="carExample" @click="showSpecificInforFn()">
 			<span class="el-icon-location"></span>
 		</div> -->
-		<!-- 地图区域 -->
-		<!-- <div id="centerDiv" class="mapcontainer1">
-			<mars3dViewerMap :url="configUrl" @onload="onMapload"/>
-		</div> -->
 		<iframe src="http://8.143.203.103:9092/#/Index" frameborder="0" class="mapcontainer1"></iframe>
 	</div>
 </template>
@@ -53,7 +49,6 @@ import carManagement from './components/carManagement/index.vue' //车辆管理
 import intelligentSchedul from './components/intelligentSchedul/index.vue' //智能调度
 import dataAnalysis from './components/dataAnalysis/index.vue' //数据分析
 import carSpecificInfor from './components/carSpecificInfor/index.vue' //车辆信息弹框
-// import mars3dViewerMap from '../../components/mars3d/Map.vue' //地图
 import carsEZUIKitJs from '../../components/ezuikit/carsEZUIKitJs.vue'//车辆监控
 import kaungEZUIKitJs from '../../components/ezuikit/EZUIKitJs.vue'//矿山监控
 
@@ -64,15 +59,11 @@ export default {
 		intelligentSchedul,
 		dataAnalysis,
 		carSpecificInfor,
-		//mars3dViewerMap,
 		carsEZUIKitJs,
 		kaungEZUIKitJs,
 	},
 	data() {
-		const basePathUrl = window.basePathUrl || ''
 		return {
-			//地图图片
-			configUrl: basePathUrl + 'config/config.json',
 			//时间
 			timer:null,
 			currentTime:'',
@@ -104,6 +95,7 @@ export default {
 		this.timer = setInterval(() => {
             this.setNowTimes();
         }, 1000)
+		window.addEventListener('message', this.handleMessage);
 	},
 	methods: {
 		loadData() {
@@ -277,44 +269,17 @@ export default {
             let week = weeks[wk];
             this.currentTime = yy + '/' + mm + '/' + dd + ' ' + hou + ':' + min;
         },
-		// 地图构造完成回调
-		// onMapload(map) {
-		// 	// 以下为演示代码
-
-		// 	// 创建entity图层
-		// 	const graphicLayer = new this.mars3d.layer.GraphicLayer()
-		// 	map.addLayer(graphicLayer)
-
-		// 	// 2.在layer上绑定监听事件
-		// 	graphicLayer.on(this.mars3d.EventType.click, function (event) {
-		// 		console.log('监听layer，单击了矢量对象', event)
-		// 	})
-		// 	graphicLayer.on(this.mars3d.EventType.mouseOver, function (event) {
-		// 		console.log('监听layer，鼠标移入了矢量对象', event)
-		// 	})
-		// 	graphicLayer.on(this.mars3d.EventType.mouseOut, function (event) {
-		// 		console.log('监听layer，鼠标移出了矢量对象', event)
-		// 	})
-		// 	// 可在图层上绑定popup,对所有加到这个图层的矢量数据都生效
-		// 	graphicLayer.bindPopup('我是layer上绑定的Popup', {
-		// 		anchor: [0, -10]
-		// 	})
-		// 	// 可在图层绑定右键菜单,对所有加到这个图层的矢量数据都生效
-		// 	graphicLayer.bindContextMenu([
-		// 		{
-		// 			text: '删除对象',
-		// 			iconCls: 'fa fa-trash-o',
-		// 			callback: function (e) {
-		// 				const graphic = e.graphic
-		// 				if (graphic) {
-		// 				graphicLayer.removeGraphic(graphic)
-		// 				}
-		// 			}
-		// 		}
-		// 	])
-		// },
-
-
+		//与iframe的页面进行数据交互
+		handleMessage(event){//event.data为传递的参数
+			//这里的判断是因为此方法会多次触发，通过参数是否存在可以判断是否为子页面传递的参数，再做出相应的操作
+			if(event.data.data.hasOwnProperty("url")){
+				if(event.data.data.url == '监控'){
+					console.log('监控',event.data.data.data);
+				}else if(event.data.data.url == '轨迹回放'){
+					console.log('轨迹回放',event.data.data.data);
+				}
+			}
+		},
 	},
 	beforeDestroy(){
 		this.$refs.intelligentSchedulMethod.xintiaoCloseFn();