OpenLayers6（6）：绘制图形工具条封装（Draw、Snap、Modify）

1 版本

• OpenLayers：6.14.1

---

2 说明

• Draw：绘制图形
• Snap：捕捉图形
• Modify：修改图形

---

3 绘制图形组件

将绘制界面直接封装成vue单文件组件，上代码：

<template>
  <div class="ol-draw-collapse">
    <el-collapse :value="['1']">
      <el-collapse-item name="12">
        <template slot="title">
          <p-button class="t-btn" tip="图形绘制" icon="draw" :place="pPlace" />
        </template>
        <p-button tip="点绘制" icon="point" :place="pPlace" @click="startDraw('Point')" />
        <p-button tip="线绘制" icon="polylin