Add read/write support for fill line dashes and read support for stro…

…ke-opacity

src/OlStyleParser.ts

@@ -246,12 +246,16 @@ export class OlStyleParser implements StyleParser {
   getFillSymbolizerFromOlStyle(olStyle: any): FillSymbolizer {
     const olFillStyle = olStyle.getFill();
     const olStrokeStyle = olStyle.getStroke();
+    // getLineDash returns null not undefined. So we have to double check
+    const outlineDashArray = olStrokeStyle ? olStrokeStyle.getLineDash() : undefined;
 
     return {
       kind: 'Fill',
       color: olFillStyle ? OlStyleUtil.getHexColor(olFillStyle.getColor() as string) : undefined,
       opacity: olFillStyle ? OlStyleUtil.getOpacity(olFillStyle.getColor() as string) : undefined,
-      outlineColor: olStrokeStyle ? olStrokeStyle.getColor() as string : undefined,
+      outlineColor: olStrokeStyle ? OlStyleUtil.getHexColor(olStrokeStyle.getColor() as string) : undefined,
+      outlineDasharray: outlineDashArray ? outlineDashArray : undefined,
+      outlineOpacity: olStrokeStyle ? OlStyleUtil.getOpacity(olStrokeStyle.getColor() as string) : undefined,
       outlineWidth: olStrokeStyle ? olStrokeStyle.getWidth() as number : undefined
     };
   }
@@ -956,7 +960,8 @@ export class OlStyleParser implements StyleParser {
     const stroke = symbolizer.outlineColor ? new this.OlStyleStrokeConstructor({
       color: (symbolizer.outlineOpacity !== null && symbolizer.outlineOpacity !== undefined) ?
         OlStyleUtil.getRgbaColor(symbolizer.outlineColor, symbolizer.outlineOpacity) : symbolizer.outlineColor,
-      width: symbolizer.outlineWidth
+      width: symbolizer.outlineWidth,
+      lineDash: symbolizer.outlineDasharray,
     }) : null;
 
     return new this.OlStyleConstructor({