点击按钮后弹出来div地图窗口

如何点击按钮后弹出来地图窗口
地图窗口写好了用的div 就差一个点击事件了
还有就是怎么样获取外卖员的实时位置啊

可以使用elementUI的dialog组件去放置地图，去实现这个弹出来窗口的效果。至于实时位置那得先看你地图用的是什么，需要什么参数才能回显在地图上位置，然后再看外卖员怎么拿到这个参数

ui库的话 ，有现成的 弹窗 组件 。

自己实现的话 也可以 就是一个 div 设置层级高一些 。用 样式控制显示隐藏 。

实时位置这个 ，得看 有没有开放 api ,比如：美团、饿了么 这些

外卖员APP里实时不断上传自己的位置 你这边就实时获取他位置

你看下我是这样写的：

<bm-marker v-for="(item, index) of mapPoint" :key="index" :dragging="false"
                       :position="{lng: item.longitude, lat: item.latitude}"
                       @click="infoWindowOpen(item)">

<bm-info-window :position="{lng: item.longitude, lat: item.latitude}"
                              :show="item.isShow"
                              @close="infoWindowClose(item)" @open="infoWindowOpen(item)"
                              :title="item.name"
              >
                <div style="line-height: 24px">
                  <p class="font-14">电话：{{ item.telephone }}</p>
                  <p class="font-14" style="line-height: 18px">地址：{{ item.address }}</p>
                  <p class="text-right font-14">
                      <span @click="onClickDetail(item)" style="color: #409EFF;cursor: pointer">详情 >
                      </span>
                  </p>
                </div>
              </bm-info-window>

</bm-marker>