用elementUI帮我写一个地图工具面板

Element UI 是一个基于 Vue.js 的前端 UI 框架，它提供了许多预先封装好的组件，可以帮助开发者快速构建 Web 界面。

要使用 Element UI 创建地图工具面板，首先需要在你的项目中安装 Element UI。

npm install element-ui

然后，你可以在你的 Vue 组件中引入 Element UI 的组件，并使用它们构建你的界面。例如，你可以使用 Element UI 的 `el-card` 组件来创建一个地图工具面板，并使用其他组件（如 `el-button`、`el-input` 等）来添加不同的功能。

<template>
  <div>
    <el-card class="map-tool-panel">
      <el-button icon="el-icon-zoom-in" @click="zoomIn"></el-button>
      <el-button icon="el-icon-zoom-out" @click="zoomOut"></el-button>
      <el-input placeholder="输入地址进行搜索" v-model="searchQuery" @keyup.enter="search"></el-input>
    </el-card>
  </div>
</template>

<script>
export default {
  data() {
    return {
      searchQuery: ''
    }
  },
  methods: {
    zoomIn() {
      // TODO: 实现放大地图的逻辑
    },
    zoomOut() {
      // TODO: 实现缩小地图的逻辑
    },
    search() {
      // TODO: 实现搜索地址的逻辑
    }
  }
}
</script>

<style>
.map-tool-panel {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
</style>

这是一个简单的地图工具面板示例，它包含了放大、缩小和搜索功能。你可