请你扮演一个资深前端,用vue2(已引入)+百度地图(已引入)+element(已引入)写一个地图选点(通过弹框形式)并且可搜索地点,最后选择的功能,写一个完整的vue案例

好的，我可以为您提供一个简单的Vue2案例，演示如何在Vue项目中使用百度地图和Element UI组件来实现地图选点并搜索地点的功能。

首先，我们需要在项目中引入百度地图和Element UI组件。可以通过在index.html中引入百度地图API和在main.js中引入Element UI组件来完成这一步。

<!-- index.html -->
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=YOUR_APP_KEY"></script>

<!-- main.js -->
import Vue from 'vue'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'

Vue.use(ElementUI)

接着，我们可以创建一个包含地图和搜索框的组件MapSelector.vue，用于显示地图和搜索框，并提供选点和搜索功能。

<!-- MapSelector.vue -->
<template>
  <div>
    <div id="map"></div>
    <el-input placeholder="请输入地址" v-model="searchText" @keyup.enter.native="search"></el-input>
  </div>
</template>

<script>
export default {
  data() {
    return {
      map: null,
      marker: null,
      searchText: ''
    }
  },
  mounted() {
    this.initMap()
  },
  methods: {
    initMap() {
      this.map = new BMap.Map("map")
      this.map.centerAndZoom(new BMap.Point(116.404, 39.915), 15)
      this.map.enableScrollWheelZoom(true)
      this.map.addEventListener("click", this.handleClick)
    },
    handleClick(e) {
      this.map.clearOverlays()
      this.marker = new BMap.Marker(e.point)
      this.map.addOverlay(this.marker)
      this.$emit('select-point', e.point)
    },
    search() {
      const local = new BMap.LocalSearch(this.map, {
        onSearchComplete: (results) => {
          if (local.getStatus() === BMAP_STATUS_SUCCESS) {
            const point = results.getPoi(0).point
            this.map.centerAndZoom(point, 15)
            this.marker = new BMap.Marker(point)
            this.map.addOverlay(this.marker)
            this.$emit('select-point', point)
          }
        }
      })
      local.search(this.searchText)
    }
  }
}
</script>

<style scoped>
#map {
  width: 100%;
  height: 500px;
}
</style>

这个组件包含一个地图和一个搜索框，使用了Baidu Map API来实现地图的显示和选点功能，使用了Element UI的Input组件来实现搜索框的显示和搜索功能。当用户在地图上点击时，会触发handleClick方法，该方法会在地图上添加一个标记，并将选中的点通过事件select-point传递出去给父组件。当用户输入地址并按下回车键时，会触发search方法，该方法会使用Baidu Map API的LocalSearch类来搜索地点，并将搜索结果在地图上显示出来。

最后，我们可以在父组件中使用MapSelector组件，并监听select-point事件来获取选中的点。

<!-- App.vue -->
<template>
  <div id="app">
    <el-button type="primary" @click="showMap">选择地点</el-button>
    <el-dialog title="选择地点" :visible.sync="dialogVisible" width="800px">
      <map-selector @select-point="handleSelectPoint"></map-selector>
    </el-dialog>
  </div>
</template>

<script>
import MapSelector from './components/MapSelector.vue'

export default {
  components: {
    MapSelector
  },
  data() {
    return {
      dialogVisible: false,
      selectedPoint: null
    }
  },
  methods: {
    showMap() {
      this.dialogVisible = true
    },
    handleSelectPoint(point) {
      this.selectedPoint = point
      this.dialogVisible = false
    }
  }
}
</script>

这个父组件包含一个按钮，用于触发显示地图选择器的对话框，以及一个对话框，用于显示MapSelector组件。当用户选中一个点时，MapSelector组件会通过事件select-point将选中的点传递给父组件，父组件会将该点保存到selectedPoint变量中，并关闭对话框。

以上就是一个简单的Vue2案例，演示如何使用百度地图和Element UI组件来实现地图选点并搜索地点的功能。