请你扮演一个资深前端，用vue2+百度地图api+element写一个地图选点（通过弹框形式）并且可搜索地点，最后选择的功能，写一个完整案例

好的，我可以帮你回答这个问题。首先，我们需要安装Vue2、Element和百度地图API插件。安装好后，我们可以开始写代码了。

在Vue的template中，我们可以使用Element的Input组件作为搜索框，通过v-model绑定输入框的值，然后在百度地图API的回调函数中进行搜索。如下：

<template>
  <div>
    <el-input v-model="searchText" placeholder="请输入地点名称"></el-input>
    <div id="mapContainer"></div>
  </div>
</template>

在Vue的script中，我们可以通过百度地图API的JavaScript SDK创建地图，并添加搜索框、标注等交互。如下：

<script>
import BMap from 'BMap';
import 'element-ui/lib/theme-chalk/index.css'
import { Input } from 'element-ui';

export default {
  name: 'MapSelection',
  components: {
    'el-input': Input
  },
  data() {
    return {
      searchText: '',
      map: null,
      marker: null
    }
  },
  mounted() {
    // 创建地图实例
    this.map = new BMap.Map('mapContainer');
    this.map.centerAndZoom(new BMap.Point(116.404, 39.915), 11);

    // 添加地图控件
    this.map.addControl(new BMap.NavigationControl());
    this.map.addControl(new BMap.ScaleControl());

    // 监听搜索框输入事件
    this.$watch('searchText', (value) => {
      if (value) {
        const local = new BMap.LocalSearch(this.map, {
          onSearchComplete: (results) => {
            if (results && results.getNumPois() > 0) {
              const firstResult = results.getPoi(0);
              const point = new BMap.Point(firstResult.point.lng, firstResult.point.lat);
              this.map.panTo(point); // 移动地图中心
              this.addMarker(point); // 添加标注
            }
          }
        });
        local.search(value);
      }
    });
  },
  methods: {
    // 添加标注
    addMarker(point) {
      if (this.marker) {
        this.map.removeOverlay(this.marker);
      }
      this.marker = new BMap.Marker(point);
      this.map.addOverlay(this.marker);
    }
  }
}
</script>

最后，在Vue的style中，我们可以设置地图容器的样式，如下：

<style>
#mapContainer {
  height: 400px;
  width: 100%;
}
</style>

完整的代码如下：

<template>
  <div>
    <el-input v-model="searchText" placeholder="请输入地点名称"></el-input>
    <div id="mapContainer"></div>
  </div>
</template>

<script>
import BMap from 'BMap';
import 'element-ui/lib/theme-chalk/index.css'
import { Input } from 'element-ui';

export default {
  name: 'MapSelection',
  components: {
    'el-input': Input
  },
  data() {
    return {
      searchText: '',
      map: null,
      marker: null
    }
  },
  mounted() {
    // 创建地图实例
    this.map = new BMap.Map('mapContainer');
    this.map.centerAndZoom(new BMap.Point(116.404, 39.915), 11);

    // 添加地图控件
    this.map.addControl(new BMap.NavigationControl());
    this.map.addControl(new BMap.ScaleControl());

    // 监听搜索框输入事件
    this.$watch('searchText', (value) => {
      if (value) {
        const local = new BMap.LocalSearch(this.map, {
          onSearchComplete: (results) => {
            if (results && results.getNumPois() > 0) {
              const firstResult = results.getPoi(0);
              const point = new BMap.Point(firstResult.point.lng, firstResult.point.lat);
              this.map.panTo(point); // 移动地图中心
              this.addMarker(point); // 添加标注
            }
          }
        });
        local.search(value);
      }
    });
  },
  methods: {
    // 添加标注
    addMarker(point) {
      if (this.marker) {
        this.map.removeOverlay(this.marker);
      }
      this.marker = new BMap.Marker(point);
      this.map.addOverlay(this.marker);
    }
  }
}
</script>

<style>
#mapContainer {
  height: 400px;
  width: 100%;
}
</style>

这样就完成了一个基于Vue、Element和百度地图API的地图选点功能。