添加地图

src/views/bigScreen/index.vue

@@ -1,6 +1,9 @@
 <template>
   <div class="out-div">
     <div class="map"></div>
+    <Map style="width: 100%; height: 100vh" :url="configUrl" :widgetUrl="widgetUrl" @onload="onMapload" />
+
+
     <div class="header">
       <span class="title">应急融合感知监测平台</span>
       <span class="title-shadow">应急融合感知监测平台</span>
@@ -124,11 +127,16 @@
 </template>
 
 <script>
+import Map from "@/components/mars3d/Map.vue";
 export default {
   name: "bigScreen",
-  components: {},
+  components: {
+    Map
+  },
   data() {
     return {
+      configUrl: `config/feixianConfig.json`,
+      widgetUrl: "config/widget.json",
       forewarningList: [
         {title: '临沂市兰山区凤凰山马家镇小岭村', typename: '山坡火点', user: '某某某', time: '2024-12-28 13:56:37', type: 0},
         {title: '临沂市兰山区凤凰山马家镇小岭村', typename: '未确认', user: '某某某', time: '2024-12-28 13:56:37', type: 1},
@@ -206,7 +214,6 @@ export default {
   .map{
     width: 100%;
     height: 100vh;
-    background-color: rgb(43, 46, 226);
   }
   .header{
     width: 100%;

src/views/bigScreen/widgets/map.vue

@@ -0,0 +1,13 @@
+<template>
+    <div class="map-container" id="map-container">
+
+    </div>
+</template>
+<script>
+
+</script>
+<style>
+.map-container{
+    width:
+}
+</style>