Method getRoadPath

src/openlayers/core/StyleUtils.js:1181–1209

* @function StyleUtils.getRoadPath 获取道路样式 * @param {Object} style - 样式参数 * @param {Object} outlineStyle - 轮廓样式参数 * @returns {Object} style对象

(style, outlineStyle)

   * @returns {Object} style对象
   */
  static getRoadPath(style, outlineStyle) {
    const { strokeWidth=ZERO, lineCap, strokeColor, strokeOpacity } = style;
    // 道路线都是solid
    let strokeColorArray = this.hexToRgb(strokeColor);
    strokeColorArray && strokeColorArray.push(strokeOpacity);
    var stroke = new Style({
        stroke: new StrokeStyle({
            width: strokeWidth || ZERO,
            color: strokeColorArray,
            lineCap: lineCap || 'round',
            lineDash: [0]
        })
    });

    const { strokeColor: outlineColor } = outlineStyle;
    let outlineColorArray = this.hexToRgb(outlineColor);
    // opacity使用style的透明度。保持两根线透明度一致
    outlineColorArray && outlineColorArray.push(strokeOpacity);
    let outlineWidth = outlineStyle.strokeWidth || (strokeWidth === 0 ? ZERO : strokeWidth + 2); //外部宽度=内部样式宽度 + 2
    var outlineStroke = new Style({
        stroke: new StrokeStyle({
            width: outlineWidth, //外部宽度=内部样式宽度 + 2
            color: outlineColorArray,
            lineCap: lineCap || 'round',
            lineDash: [0]
        })
    });
    return [outlineStroke, stroke];
  }
  /**
   * @function StyleUtils.getPathway 获取铁路样式
   * @param {Object} style - 样式参数