<template>
    <div class="container">
        <div class="flex-center">
            <div style="margin-right: 14px;">
                <el-input v-model="search" style="width: 342px; height: 40px;" placeholder="地名、地址、道路"
                    suffix-icon="el-icon-search" @change='handleSearch()'></el-input>
            </div>
            <div class="func-ico" :class="[is2D?'selected':'']" @click="handleIs2D()">
                <img src="../assets/一张图/icon_2d3d.png" alt="">
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        name: 'thematicAnalysis',
        components: {},
        data() {
            return {
                search: '',
                is2D: false,
                isCamera: false,
                isLayer: false,
                isClear: false
            }
        },
        mounted() {},
        methods: {
            handleSearch(val) {
                this.$emit('searchRoat', val);
            },
            handleIs2D() {
                this.is2D = !this.is2D;
                this.$emit('is2D', this.is2D);
            },
            handleIsCamera() {
                this.isCamera = !this.isCamera;
                this.$emit('isCamera', this.isCamera);
            },
            handleIsLayer() {
                this.isLayer = !this.isLayer;
                this.$emit('isLayer', this.isLayer);
            },
            handleIsClear() {
                this.isClear = !this.isClear;
                this.$emit('isClear', this.isClear);
            },
        }
    }
</script>

<style scoped>
    .container {}

</style>