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

好的，我会尽力完成你的要求。首先，我们需要引入百度地图 JavaScript API、Vue.js 和 Element UI 的库。然后，我们创建一个 Vue 组件，用于弹框式的地图选点和地点搜索框。

下面是完整的代码实现：

HTML:

<template>
  <div>
    <el-input v-model="searchText" placeholder="搜索地点"></el-input>
    <el-button type="primary" @click="openMapDialog">地图选点</el-button>
    <el-dialog title="地图选点" :visible.sync="dialogVisible" :close-on-click-modal="false" :before-close="beforeClose">
      <div style="height: 500px;">
        <div id="map"></div>
        <ul>
          <li v-for="(item, index) in searchResults" :key="index" @click="selectPlace(item)">{{ item.title }}</li>
        </ul>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="dialogVisible = false">取消</el-button>
        <el-button type="primary" @click="savePlace">确定</el-button>
      </span>
    </el-dialog>
  </div>
</template>

CSS:

#map {
  height: 400px;
}

ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

li {
  cursor: pointer;
  padding: 5px;
  background-color: #f5f5f5;
  border: 1px solid #ddd;
  margin-bottom: 5px;
}

JavaScript:

import {mapState} from 'vuex';
import {BMap} from 'vue-baidu-map';
import {Dialog, Input, Button} from 'element-ui';

export default {
  name: 'MapDialog',
  components: {
    BMap,
    Dialog,
    Input,
    Button
  },
  data() {
    return {
      dialogVisible: false,
      searchText: '',
      searchResults: [],
      selectedPlace: null
    };
  },
  computed: {
    ...mapState(['mapCenter'])
  },
  mounted() {
    this.initMap();
  },
  methods: {
    initMap() {
      var map = new BMap.Map('map');
      var point = new BMap.Point(this.mapCenter.lng, this.mapCenter.lat);
      map.centerAndZoom(point, 15);
      map.enableScrollWheelZoom(true);

      var self = this;
      map.addEventListener('click', function (e) {
        self.addMarker(e.point, true);
      });
    },
    addMarker(point, isCenter) {
      if (this.marker) {
        this.map.removeOverlay(this.marker);
      }
      this.marker = new BMap.Marker(point);
      this.map.addOverlay(this.marker);
      if (isCenter) {
        this.map.panTo(point);
      }
      this.selectedPlace = {
        point: point,
        title: ''
      };
    },
    searchPlace() {
      var self = this;
      var local = new BMap.LocalSearch(this.map, {
        onSearchComplete: function (results) {
          if (local.getStatus() == BMAP_STATUS_SUCCESS) {
            self.searchResults = results.getCurrentNumPois() > 0 ? results.getPoi(0).address : '无结果';
          } else {
            self.searchResults = '无结果';
          }
        }
      });
      local.search(this.searchText);
    },
    selectPlace(place) {
      var point = new BMap.Point(place.point.lng, place.point.lat);
      this.addMarker(point, true);
      this.searchText = place.title;
      this.searchResults = [];
    },
    openMapDialog() {
      this.dialogVisible = true;
      this.map = new BMap.Map('map');
      var point = new BMap.Point(this.mapCenter.lng, this.mapCenter.lat);
      this.map.centerAndZoom(point, 15);
      this.map.enableScrollWheelZoom(true);

      var self = this;
      this.map.addEventListener('click', function (e) {
        self.addMarker(e.point, true);
      });
    },
    savePlace() {
      if (this.selectedPlace) {
        this.$emit('select-place', this.selectedPlace);
        this.dialogVisible = false;
      }
    },
    beforeClose(done) {
      if (this.selectedPlace) {
        this.$confirm('您确定要取消选择的地点吗？')
        .then(() => {
          done();
          this.selectedPlace = null;
        })
        .catch(() => {});
      } else {
        done();
      }
    }
  }
};

上述代码实现了以下功能：

1. 在页面中显示一个地点搜索框和一个“地图选点”按钮；
2. 点击“地图选点”按钮，弹出一个对话框，显示地图和搜索结果；
3. 在地图上点击一个位置，可以在该位置添加一个标记，并且返回该位置的经纬度；
4. 在搜索框中输入关键字，可以搜索相关的地点；
5. 显示搜索结果，并且可以选择一个地点，在该位置添加一个标记。

以上就是一个完整的带弹框式地图选点和搜索框的 Vue.js、百度地图和 Element UI 结合的案例了，希望对你有帮助！