feat：完善整体样式

src/components/Map/index.vue

@@ -3,19 +3,7 @@
 </template>
 
 <script setup>
-  import axios from 'axios'
-  const fetchData = async () => {
-    try {
-      const res = await axios.get(
-        'https://jiaotong.baidu.com/openapi/v2/event/alarmlist?nodeId=7162&roadType=1,2,3,4,5&eventSource=1,2,3&ak=hPEEq9eAtL3t1SXL8hqNYQkGmWT1oOWh&returnType=1'
-      )
-      console.log(res, '数据')
-    } catch (error) {
-      console.error(error)
-    }
-  }
   onMounted(() => {
-    // fetchData()
     var map = new BMapGL.Map('container')
     map.centerAndZoom(new BMapGL.Point(109.643452, 31.028006), 15)
     map.enableScrollWheelZoom(true)
@@ -32,11 +20,6 @@
       {
         strokeStyle: 'solid',
         strokeColor: 'red ',
-        // strokeTexture: {
-        //   url: 'https://mapopen-pub-jsapigl.bj.bcebos.com/svgmodel/Icon_road_blue_arrow.png',
-        //   width: 16,
-        //   height: 64
-        // },
         strokeWeight: 4,
         strokeOpacity: 0.8
       }
@@ -52,16 +35,9 @@
   :deep(.anchorBL) {
     display: none;
   }
-  // ::v-deep {
-  //   .BMap_cpyCtrl {
-  //     display: none;
-  //   }
-  //   .anchorBL {
-  //     display: none;
-  //   }
-  // }
   .map {
     width: 100%;
     height: vh(700);
+    background-color: transparent;
   }
 </style>