<!--
注意：具有交互功能的说明文档，需要有<script></script>标签，在标签元素中定义需要导出的vue实例。
在:::demo ::: 代码块中定义的模版<template></template>会作为导出的vue实例的模版，但是在代码块中的<script></script>中的内容仅作为展示，需注意。
-->
<script>
export default {
  data () {
    return {
      value: '测试测试',
      show:{layerCtroll:false}
    }
  },
  methods:{
       query:function(data){
         alert(22)
         console.log(data);
       },
       draw(data){
         switch(data.type){
           case "EXTENT":alert('绘制矩形');break;
           case "CIRCLE":alert('绘制圆形');break;
           case "POLYGON":alert('绘制多边形');break;
           case "FREEHAND_POLYGON":alert('绘制波浪形');break;
         }
         console.log(data)
       }
  }
}
</script>
## Query
介绍查询面板的使用
:::demo
``` html
<template>
  <jy-query @query="query" @draw="draw"
  ></jy-query>
</template>
<script>
export default {
  data () {
    return {
      value: '测试测试'
    }
  }

}
</script>
```
:::
