@itwin/map-layers-formats 3.5.0-dev.33

package/lib/esm/ArcGisFeature/ArcGisSymbologyRenderer.js

@@ -0,0 +1,183 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+import { Logger } from "@itwin/core-bentley";
+import { ColorDef } from "@itwin/core-common";
+// Convert a channel array [r, g, b, a] to ColorDef
+function colorFromArray(channels) {
+    if (channels && channels.length === 4) {
+        // Alpha channel is reversed, 255 = opaque
+        return ColorDef.from(channels[0], channels[1], channels[2], 255 - channels[3]);
+    }
+    return undefined;
+}
+const loggerCategory = "MapLayersFormats.ArcGISFeature";
+/** @internal */
+export class EsriSLS {
+    constructor(json) {
+        this.props = json;
+    }
+    get color() { return colorFromArray(this.props.color); }
+    get type() { return this.props.type; }
+    get width() { return this.props.width; }
+    get style() { return this.props.style; }
+    static fromJSON(json) {
+        return new EsriSLS(json);
+    }
+}
+/** @internal */
+export class EsriPMS {
+    constructor(json) {
+        this.props = json;
+        this._image = new Image();
+        this._image.src = this.imageUrl;
+    }
+    get type() { return this.props.type; }
+    get url() { return this.props.url; }
+    get imageData() { return this.props.imageData; }
+    get imageUrl() { return `data:${this.contentType};base64,${this.imageData}`; }
+    get image() { return this._image; }
+    get contentType() { return this.props.contentType; }
+    get width() { return this.props.width; }
+    get height() { return this.props.height; }
+    get xoffset() { return this.props.xoffset; }
+    get yoffset() { return this.props.yoffset; }
+    get angle() { return this.props.angle; }
+    static fromJSON(json) {
+        return new EsriPMS(json);
+    }
+}
+/** @internal */
+export class EsriSFS {
+    constructor(json) {
+        this.props = json;
+        if (json.outline)
+            this._outline = EsriSLS.fromJSON(json.outline);
+    }
+    get color() { return colorFromArray(this.props.color); }
+    get type() { return this.props.type; }
+    get style() { return this.props.style; }
+    get outline() { return this._outline; }
+    static fromJSON(json) {
+        return new EsriSFS(json);
+    }
+}
+/** @internal */
+export class ArcGisSymbologyRenderer {
+    constructor(geometryType, rendererDefinition) {
+        let symbol;
+        if ((rendererDefinition === null || rendererDefinition === void 0 ? void 0 : rendererDefinition.symbol) !== undefined) {
+            symbol = rendererDefinition.symbol;
+        }
+        else if ((rendererDefinition === null || rendererDefinition === void 0 ? void 0 : rendererDefinition.defaultSymbol) !== undefined) {
+            symbol = rendererDefinition === null || rendererDefinition === void 0 ? void 0 : rendererDefinition.defaultSymbol;
+        }
+        if (symbol !== undefined) {
+            if (symbol.type === "esriSFS") {
+                this._symbol = EsriSFS.fromJSON(symbol);
+            }
+            else if (symbol.type === "esriSLS") {
+                this._symbol = EsriSLS.fromJSON(symbol);
+            }
+            else if (symbol.type === "esriPMS") {
+                this._symbol = EsriPMS.fromJSON(symbol);
+            }
+        }
+        // If '_symbol' is still undefined at this point, that means we could not find
+        // any symbology definition from the metadata, let's use some default symbology
+        // so that we display at least something.
+        if (this._symbol === undefined) {
+            Logger.logWarning(loggerCategory, "Symbology definition not supported, using default symbology");
+            if (geometryType === "esriGeometryPoint" || geometryType === "esriGeometryMultipoint") {
+                this._symbol = ArcGisSymbologyRenderer.defaultPMS;
+            }
+            else if (geometryType === "esriGeometryLine" || geometryType === "esriGeometryPolyline") {
+                this._symbol = ArcGisSymbologyRenderer.defaultSLS;
+            }
+            else if (geometryType === "esriGeometryPolygon") {
+                this._symbol = ArcGisSymbologyRenderer.defaultSFS;
+            }
+            else {
+                Logger.logError(loggerCategory, "Could not determine default symbology: geometry type not supported");
+            }
+        }
+    }
+    applyFillStyle(context) {
+        var _a;
+        if (!context)
+            return;
+        if (((_a = this._symbol) === null || _a === void 0 ? void 0 : _a.type) === "esriSFS") {
+            const sfs = this._symbol;
+            if (sfs.style === "esriSFSSolid" && sfs.color) {
+                context.fillStyle = sfs.color.toRgbaString();
+            }
+            else {
+                context.fillStyle = ColorDef.from(200, 0, 0, 100).toRgbaString(); // default color is red?
+            }
+        }
+    }
+    applyStrokeStyle(context) {
+        var _a, _b;
+        if (!context)
+            return;
+        let sls;
+        if (((_a = this._symbol) === null || _a === void 0 ? void 0 : _a.type) === "esriSFS") {
+            const sfs = this._symbol;
+            if (sfs.outline && sfs.outline.style === "esriSLSSolid") {
+                sls = sfs.outline;
+            }
+        }
+        else if (((_b = this._symbol) === null || _b === void 0 ? void 0 : _b.type) === "esriSLS") {
+            sls = this._symbol;
+        }
+        if (sls) {
+            if (sls.color)
+                context.strokeStyle = sls.color.toRgbaString();
+            context.lineWidth = sls.width; // TODO: Should we scale this value here?
+        }
+    }
+    drawPoint(context, ptX, ptY) {
+        var _a;
+        if (!context)
+            return;
+        if (((_a = this._symbol) === null || _a === void 0 ? void 0 : _a.type) === "esriPMS") {
+            const pms = this._symbol;
+            let xOffset = 0, yOffset = 0;
+            if (pms.xoffset)
+                xOffset = pms.xoffset;
+            if (pms.yoffset)
+                yOffset = pms.yoffset;
+            if (pms.width && pms.height) {
+                // // make sure the marker is centered on the point
+                xOffset += pms.width * -0.5;
+                yOffset += pms.height * -0.5;
+                context.drawImage(pms.image, ptX + xOffset, ptY + yOffset, pms.width, pms.height);
+            }
+            else {
+                context.drawImage(pms.image, ptX + xOffset, ptY + yOffset);
+            }
+            // TODO: marker rotation angle
+        }
+    }
+}
+ArcGisSymbologyRenderer.defaultPMS = {
+    type: "esriPMS",
+    url: "",
+    contentType: "image/png",
+    imageData: "iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAAXNSR0IB2cksfwAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAT9JREFUOI2t1E8rRGEUx/HvMHViIm5ZXGt/3gFlwdKGhYjyAmxs7IassDHFyguwwkbZYJKNslVWJDZT1C3psRv9NMpmJk/Tvc3MHWf3/PuccxbPyfKPkW1wPmBmQ5L6giB4d849Al+tYjNAHpiQ1AHgnAMoA+dhGG5HUfTQCOsCDoGlhCTdwGIURfPVZPtJWCdwBkwntVF3d6+K78Rh+SYhP7bM7FbSjY8FwHqLEEBGUgEY97E5oCcFBjAGDAMvNWwyJVSLKR8L28QG4a/N7zYx+VipTazkY0VgNSVUAa597MrMniWNpMBOAOdjFUlrwAWQaQFywGZt4f+AIrAB7DYJlc1sQdJrHAZQAN6AA6A/STGzp1wut+ycu/f340bQEXAJrACzwCjQC3wAd8CppGNJP/UPk+bZZ7XKQlJ1cfEL1AZaAcKna+kAAAAASUVORK5CYII=",
+    width: 14,
+    height: 14,
+};
+ArcGisSymbologyRenderer.defaultSLS = {
+    type: "esriSLS",
+    color: [0, 0.0],
+    width: 1,
+    style: "esriSLSSolid",
+};
+ArcGisSymbologyRenderer.defaultSFS = {
+    type: "esriSFS",
+    color: [0, 0.0],
+    style: "esriSFSSolid",
+};
+//# sourceMappingURL=ArcGisSymbologyRenderer.js.map

package/lib/esm/ArcGisFeature/ArcGisSymbologyRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArcGisSymbologyRenderer.js","sourceRoot":"","sources":["../../../src/ArcGisFeature/ArcGisSymbologyRenderer.ts"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n\r\nimport { Logger } from \"@itwin/core-bentley\";\r\nimport { ColorDef } from \"@itwin/core-common\";\r\nimport { ArcGisFeatureGeometryType } from \"./ArcGisFeatureQuery\";\r\n\r\n// Convert a channel array [r, g, b, a] to ColorDef\r\nfunction colorFromArray(channels?: number[]) {\r\n  if (channels && channels.length === 4) {\r\n    // Alpha channel is reversed, 255 = opaque\r\n    return ColorDef.from(channels[0], channels[1], channels[2], 255 - channels[3]);\r\n  }\r\n  return undefined;\r\n}\r\n\r\nconst loggerCategory =  \"MapLayersFormats.ArcGISFeature\";\r\n\r\n/** @internal */\r\nexport type EsriSymbolType = \"esriSFS\" | \"esriPMS\" | \"esriSLS\" | \"esriSMS\" | \"esriTS\" | \"CIMSymbolReference\";\r\ninterface EsriSymbol {\r\n  type: EsriSymbolType;\r\n}\r\n\r\n/** @internal */\r\nexport type EsriSLSStyle = \"esriSLSDash\" | \"esriSLSDashDot\" | \"esriSLSDashDotDot\" | \"esriSLSDot\" | \"esriSLSLongDash\" | \"esriSLSLongDashDot\" |\r\n\"esriSLSNull\" | \"esriSLSShortDash\" | \"esriSLSShortDashDot\" | \"esriSLSShortDashDotDot\" | \"esriSLSShortDot\" | \"esriSLSSolid\";\r\n\r\ninterface EsriSLSProps {\r\n  color: number[];\r\n  type: EsriSymbolType;\r\n  width: number;\r\n  style: EsriSLSStyle;\r\n}\r\n\r\n/** @internal */\r\nexport class EsriSLS implements EsriSymbol {\r\n  public readonly props: EsriSLSProps;\r\n\r\n  public get color() { return colorFromArray(this.props.color); }\r\n  public get type() { return this.props.type; }\r\n  public get width() { return this.props.width; }\r\n  public get style() { return this.props.style; }\r\n\r\n  constructor(json: EsriSLSProps) {\r\n    this.props = json;\r\n  }\r\n\r\n  public static fromJSON(json: EsriSLSProps) {\r\n    return new EsriSLS(json);\r\n  }\r\n}\r\n\r\ninterface EsriPMSProps {\r\n  type: EsriSymbolType;\r\n  url: string;\r\n  imageData: string;\r\n  contentType: string;\r\n  width?: number;\r\n  height?: number;\r\n  xoffset?: number;\r\n  yoffset?: number;\r\n  angle?: number;\r\n}\r\n\r\n/** @internal */\r\nexport class EsriPMS implements EsriSymbol {\r\n  public readonly props: EsriPMSProps;\r\n  private _image: HTMLImageElement;\r\n\r\n  public get type() { return this.props.type; }\r\n  public get url() { return this.props.url; }\r\n  public get imageData() { return this.props.imageData; }\r\n  public get imageUrl() { return `data:${this.contentType};base64,${this.imageData}`; }\r\n  public get image() { return this._image; }\r\n  public get contentType() { return this.props.contentType; }\r\n  public get width() { return this.props.width; }\r\n  public get height() { return this.props.height; }\r\n  public get xoffset() { return this.props.xoffset; }\r\n  public get yoffset() { return this.props.yoffset; }\r\n  public get angle() { return this.props.angle; }\r\n\r\n  constructor(json: EsriPMSProps) {\r\n    this.props = json;\r\n    this._image = new Image();\r\n    this._image.src = this.imageUrl;\r\n  }\r\n\r\n  public static fromJSON(json: EsriPMSProps) {\r\n    return new EsriPMS(json);\r\n  }\r\n}\r\n\r\n/** @internal */\r\nexport type EsriSFSStyleProps = \"esriSFSBackwardDiagonal\" | \"esriSFSCross\" | \"esriSFSDiagonalCross\" | \"esriSFSForwardDiagonal\" | \"esriSFSHorizontal\" | \"esriSFSNull\" | \"esriSFSSolid\" | \"esriSFSVertical\";\r\ninterface EsriSFSProps {\r\n  color?: number[];\r\n  type: EsriSymbolType;\r\n  style: EsriSFSStyleProps;\r\n  outline?: EsriSLSProps;\r\n}\r\n\r\n/** @internal */\r\nexport class EsriSFS implements EsriSymbol {\r\n  public readonly props: EsriSFSProps;\r\n  private _outline: EsriSLS | undefined;\r\n\r\n  public get color() { return colorFromArray(this.props.color); }\r\n  public get type() { return this.props.type; }\r\n  public get style() { return this.props.style; }\r\n  public get outline() { return this._outline; }\r\n  constructor(json: EsriSFSProps) {\r\n    this.props = json;\r\n    if (json.outline)\r\n      this._outline = EsriSLS.fromJSON(json.outline);\r\n  }\r\n\r\n  public static fromJSON(json: EsriSFSProps): EsriSFS {\r\n    return new EsriSFS(json);\r\n  }\r\n}\r\n\r\n/** @internal */\r\nexport class ArcGisSymbologyRenderer {\r\n  private _symbol: EsriSymbol | undefined;\r\n\r\n  private static readonly defaultPMS: EsriPMSProps = {\r\n    type: \"esriPMS\",\r\n    url: \"\",\r\n    contentType: \"image/png\",\r\n    imageData: \"iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAAXNSR0IB2cksfwAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAT9JREFUOI2t1E8rRGEUx/HvMHViIm5ZXGt/3gFlwdKGhYjyAmxs7IassDHFyguwwkbZYJKNslVWJDZT1C3psRv9NMpmJk/Tvc3MHWf3/PuccxbPyfKPkW1wPmBmQ5L6giB4d849Al+tYjNAHpiQ1AHgnAMoA+dhGG5HUfTQCOsCDoGlhCTdwGIURfPVZPtJWCdwBkwntVF3d6+K78Rh+SYhP7bM7FbSjY8FwHqLEEBGUgEY97E5oCcFBjAGDAMvNWwyJVSLKR8L28QG4a/N7zYx+VipTazkY0VgNSVUAa597MrMniWNpMBOAOdjFUlrwAWQaQFywGZt4f+AIrAB7DYJlc1sQdJrHAZQAN6AA6A/STGzp1wut+ycu/f340bQEXAJrACzwCjQC3wAd8CppGNJP/UPk+bZZ7XKQlJ1cfEL1AZaAcKna+kAAAAASUVORK5CYII=\",\r\n    width: 14,\r\n    height: 14,\r\n  };\r\n\r\n  private static readonly defaultSLS: EsriSLSProps = {\r\n    type: \"esriSLS\",\r\n    color: [0, 0.0],\r\n    width: 1,\r\n    style: \"esriSLSSolid\",\r\n  };\r\n\r\n  private static readonly defaultSFS: EsriSFSProps = {\r\n    type: \"esriSFS\",\r\n    color: [0, 0.0],\r\n    style: \"esriSFSSolid\",\r\n  };\r\n\r\n  constructor(geometryType: ArcGisFeatureGeometryType, rendererDefinition: any) {\r\n    let symbol;\r\n    if (rendererDefinition?.symbol !== undefined) {\r\n      symbol = rendererDefinition.symbol;\r\n    } else if (rendererDefinition?.defaultSymbol !== undefined) {\r\n      symbol = rendererDefinition?.defaultSymbol;\r\n    }\r\n\r\n    if (symbol !== undefined) {\r\n      if (symbol.type === \"esriSFS\") {\r\n        this._symbol = EsriSFS.fromJSON(symbol);\r\n      } else if (symbol.type === \"esriSLS\") {\r\n        this._symbol = EsriSLS.fromJSON(symbol);\r\n      } else if (symbol.type === \"esriPMS\") {\r\n        this._symbol = EsriPMS.fromJSON(symbol);\r\n      }\r\n    }\r\n\r\n    // If '_symbol' is still undefined at this point, that means we could not find\r\n    // any symbology definition from the metadata, let's use some default symbology\r\n    // so that we display at least something.\r\n    if (this._symbol === undefined) {\r\n      Logger.logWarning(loggerCategory, \"Symbology definition not supported, using default symbology\");\r\n      if (geometryType === \"esriGeometryPoint\" || geometryType === \"esriGeometryMultipoint\") {\r\n        this._symbol = ArcGisSymbologyRenderer.defaultPMS;\r\n      } else if (geometryType === \"esriGeometryLine\" || geometryType === \"esriGeometryPolyline\") {\r\n        this._symbol = ArcGisSymbologyRenderer.defaultSLS;\r\n      } else if (geometryType === \"esriGeometryPolygon\") {\r\n        this._symbol = ArcGisSymbologyRenderer.defaultSFS;\r\n      } else {\r\n        Logger.logError(loggerCategory, \"Could not determine default symbology: geometry type not supported\");\r\n      }\r\n    }\r\n  }\r\n\r\n  public applyFillStyle(context: CanvasRenderingContext2D) {\r\n    if (!context)\r\n      return;\r\n\r\n    if (this._symbol?.type === \"esriSFS\") {\r\n      const sfs = this._symbol as EsriSFS;\r\n      if (sfs.style === \"esriSFSSolid\" && sfs.color) {\r\n        context.fillStyle = sfs.color.toRgbaString();\r\n      } else {\r\n        context.fillStyle = ColorDef.from(200, 0, 0, 100).toRgbaString();  // default color is red?\r\n      }\r\n    }\r\n  }\r\n\r\n  public applyStrokeStyle(context: CanvasRenderingContext2D) {\r\n    if (!context)\r\n      return;\r\n\r\n    let sls: EsriSLS | undefined;\r\n    if (this._symbol?.type === \"esriSFS\") {\r\n      const sfs = this._symbol as EsriSFS;\r\n      if (sfs.outline && sfs.outline.style === \"esriSLSSolid\") {\r\n        sls = sfs.outline;\r\n      }\r\n    } else if (this._symbol?.type === \"esriSLS\") {\r\n      sls = this._symbol as EsriSLS;\r\n    }\r\n\r\n    if (sls) {\r\n      if (sls.color)\r\n        context.strokeStyle = sls.color.toRgbaString();\r\n      context.lineWidth = sls.width;     // TODO: Should we scale this value here?\r\n    }\r\n  }\r\n\r\n  public drawPoint(context: CanvasRenderingContext2D, ptX: number, ptY: number) {\r\n    if (!context)\r\n      return;\r\n\r\n    if (this._symbol?.type === \"esriPMS\") {\r\n      const pms = this._symbol as EsriPMS;\r\n      let xOffset = 0, yOffset = 0;\r\n      if (pms.xoffset)\r\n        xOffset = pms.xoffset;\r\n      if (pms.yoffset)\r\n        yOffset = pms.yoffset;\r\n\r\n      if (pms.width && pms.height) {\r\n        // // make sure the marker is centered on the point\r\n        xOffset += pms.width * -0.5;\r\n        yOffset += pms.height * -0.5;\r\n\r\n        context.drawImage(pms.image, ptX + xOffset, ptY + yOffset, pms.width, pms.height);\r\n      } else {\r\n        context.drawImage(pms.image, ptX + xOffset, ptY + yOffset);\r\n      }\r\n\r\n      // TODO: marker rotation angle\r\n    }\r\n  }\r\n}\r\n"]}