【百度商圈】百度商圈功能

先看一下效果：
蓝色边框浅白底的，就是商圈，右上角是用来制作商圈的工具，当然，你也可以不使用工具，在页面初始化时显示商圈

是否添加商圈关闭后：

<!-- 地图控件 -->
<div class="as-scheduling-toolbar">
  <el-form>
    <el-form-item label="是否添加商圈：">
      <el-switch v-model="delivery"  @change="addBlock">添加区域</el-switch>
    </el-form-item>
  </el-form>
</div>
<!-- 左侧筛选条件 -->
<div class="point-left collapse" v-show="chooseMap">
  <el-tabs type="border-card" style="height: 100%;">
    <el-tab-pane label="筛选条件" style="min-height:500px;">
      <el-form :inline="true" :model="queryform" ref="searchForm" class="demo-form-inline">
          <el-form-item>
            <el-autocomplete
              popper-class="my-autocomplete"
              v-model="queryform.areaName"
              :fetch-suggestions="querySearch"
              placeholder="请输入商圈名称"
              @select="handleSelect">

              <template slot-scope="{ item }">
                <div class="name">{
  { item.tradeName }}</div>
                <span style="color: #999; font-size:12px; line-height:25px;position: relative; top: -12px;">{
  { item.tradeContent }}</span>
              </template>
            </el-autocomplete>
          </el-form-item>
        </el-form>
      </el-tab-pane>
    <el-tab-pane label="点位列表" style="min-height:500px;">
      点位列表
    </el-tab-pane>
  </el-tabs>