切换矢量图按钮调整

guanqb

2022-11-11 4c918230295c2177c454af151d889a67410180d8

切换矢量图按钮调整

 src/components/map/index.vue

@@ -28,10 +28,20 @@
            </el-tooltip>
        </div>
        <!-- 切换矢量图按钮 -->
        <div class="image-switch-icon-btn" title="切换影像" @click="showImgBtn = !showImgBtn">
        <div
            class="image-switch-icon-btn"
            title="切换影像"
            @mouseover="showImgBtn = true"
            @mouseleave="showImgBtn = false"
        >
            <img src="/img/base_map.png" alt />
        </div>
        <div class="image-switch-img-btn" v-show="showImgBtn">
        <div
            class="image-switch-img-btn"
            v-show="showImgBtn"
            @mouseover="showImgBtn = true"
            @mouseleave="showImgBtn = false"
        >
            <div class="img" @click="switchImg">
                <span :class="{on:imgtype == 0}">影像</span>
            </div>
@@ -321,6 +331,7 @@
                    maximumLevel: 18
                })
            )
            this.showImgBtn = false
        },
        switchElec () {
            // 天地图 矢量
@@ -335,6 +346,7 @@
                    maximumLevel: 18
                })
            )
            this.showImgBtn = false
        },
        /**
         * @description: 全屏控制