地图页面增加标题

src/components/screenDisplay.vue

@@ -10,7 +10,8 @@ import AMapLoader from "@amap/amap-jsapi-loader";
     v-loading.fullscreen.lock="fullscreenLoading"
     element-loading-background="rgba(122, 122, 122, 0.6)"
   >
-    <div class="btnGroup">
+    <div class="topTitleBlock"><img src="/imgs/Gis/mapTitle.png" /></div>
+    <div class="btnGroup" style="margin-top: 30px;">
       <div class="btn btn1" @click="heatBtnClick(1)"><p>实时热耗</p></div>
       <div class="btn btn2" @click="heatBtnClick(2)"><p>供热面积</p></div>
       <div class="btn btn3" @click="heatBtnClick(3)"><p>返回首页</p></div>
@@ -887,7 +888,7 @@ export default defineComponent({
               case "dfa20074-8731-457f-b63f-4e1858cfe266":
                 map.setZoomAndCenter(16, ["117.496956", "38.856422"]);
                 break;
-                case "b354f45b-23e5-42be-a210-0fb92394f457":
+              case "b354f45b-23e5-42be-a210-0fb92394f457":
                 map.setZoomAndCenter(16, ["117.499208", "38.855445"]);
                 break;
             }
@@ -2200,6 +2201,13 @@ export default defineComponent({
 });
 </script>
 <style scoped>
+.topTitleBlock {
+  position: absolute;
+  top: 0;
+  left: 50%;
+  margin-left: -550px;
+  z-index: 9;
+}
 .videoBlock {
   position: fixed;
   width: 1280px;