Method toOpenLayersStyle

src/openlayers/core/StyleUtils.js:599–696

* @function StyleUtils.getDefaultStyle * @description 将样式对象转换成openlayer要求的ol.style * @param {string} style - 样式对象 * @param {string} type - feature的类型 * @returns {Promise }

(style, type)

   * @returns {Promise<ol.style.Style>}
   */
  static async toOpenLayersStyle(style, type) {
    style = style || this.getDefaultStyle();
    let olStyle = new Style();
    let newImage, newFill, newStroke;
    let {
      fillColor,
      fillOpacity,
      strokeColor,
      strokeWidth,
      strokeOpacity,
      radius,
      lineCap,
      src,
      scale,
      offsetX,
      offsetY,
      //size,
      //imgSize,
      anchor
    } = style;
    let fillColorArray = this.hexToRgb(fillColor);
    if (fillColorArray) {
      fillColorArray.push(fillOpacity);
    }

    let strokeColorArray = this.hexToRgb(strokeColor);
    if (strokeColorArray) {
      strokeColorArray.push(strokeOpacity);
    }
    if (type === "POINT") {
      if (src) {
        if (/.+(\.svg$)/.test(src)) {
          if (!this.svgDiv) {
            this.svgDiv = document.createElement('div');
            document.body.appendChild(this.svgDiv);
          }
          await this.getCanvasFromSVG(src, this.svgDiv, (canvas) => {
            newImage = new Icon({
              img: canvas,
              scale: radius / canvas.width,
              imgSize: [canvas.width, canvas.height],
              anchor: [0.5, 0.5]
            })
          })
        } else {
          newImage = new Icon({
            src: src,
            scale: scale,
            anchor: anchor
          });
        }
      } else {
        newImage = new CircleStyle({
          radius,
          fill: new FillStyle({
            color: fillColorArray
          }),
          stroke: new StrokeStyle({