vue中使用OpenLayers（二）：绘制 和 删除 点 线 圆

vue中使用OpenLayers（二）：绘制 和 删除 点 线 圆

第一步 所有的引入都要引入完全

  import "ol/ol.css";
  import Map from "ol/Map";
  import Feature from "ol/Feature";
  import View from "ol/View";
  import XYZ from "ol/source/XYZ";
  import Point from "ol/geom/Point";
  import Circle from "ol/geom/Circle";

  import LineString from "ol/geom/LineString";
  import { Tile as TileLayer, Vector as VectorLayer } from "ol/layer";
  import { fromLonLat } from "ol/proj";
  import TileJSON from "ol/source/TileJSON";
  import VectorSource from "ol/source/Vector";
  import { Icon, Style, Stroke, Circle as CircleStyle, Fill } from "ol/style";

引入方式分两种，一种引入主文件，一种按需引入，我是按需引入，看每个人的需求

第二步绘制

其实绘制圆 线 点 的方法其实都是非常类似的

绘制点：<