fix:修改电子地图-图片大小

src/pages/ol/demo/index.vue

@@ -246,7 +246,8 @@ export default {
 
       this.imgurl = url
       // 计算静态地图映射到地图上的范围
-      let extent = [-1100, 110, 1460, 820]
+      // let extent = [-1100, 110, 1460, 820]
+      let extent = [-600, -100, 800, 1000]
 
       let projection = new Projection({
         // 投影
@@ -323,7 +324,7 @@ export default {
         view: new View({
           projection: projection,
           center: getCenter([0, 0, 0, 0]), // 获取范围的中心坐标。
-          zoom: 2.5,
+          zoom: 1.6,
           maxZoom: 5.0,
           minZoom: 1.5,
           // extent: [-1100, -200, 1500, 1000] //[minX, minY, maxX, maxY] 控制拖动

src/pages/routes/ol/index/index.vue

@@ -945,7 +945,8 @@ color: #fff;
     .left{
         width: 13%;
         height: 90px;
-        line-height: 90px;
+        height: 12%;
+        line-height: 12%;
         text-align: center;
         border: 1px solid red;
         position: absolute;
@@ -957,25 +958,27 @@ color: #fff;
     .center{
         width: 22%;
         height: 440px;
-        line-height: 440px;
+        height: 56%;
+        line-height: 56%;
         text-align: center;
         border: 1px solid red;
         position: absolute;
-        left: 41%;
-        top: 28%;
-        transform: skewX(-16deg) rotate(4deg);
+        left: 40.5%;
+        top: 29%;
+        transform: skewX(-16deg) rotate(6deg);
 
     }
     .right{
         width: 15%;
         height: 170px;
-        line-height: 170px;
+        height: 22%;
+        line-height: 22%;
         text-align: center;
         border: 1px solid red;
         position: absolute;
         left: 69%;
         top: 24%;
-        transform: skewX(7deg) rotate(5deg);
+        transform: skewX(7deg) rotate(4deg);
     }
 
 }