Test tiffimageryprovider upgrade.

lib/Models/Catalog/CatalogItems/CogCatalogItem.ts

@@ -1,17 +1,18 @@
 import i18next from "i18next";
 import {
+  action,
   computed,
   makeObservable,
   observable,
   onBecomeObserved,
   onBecomeUnobserved,
+  override,
   runInAction
 } from "mobx";
-import {
-  GeographicTilingScheme,
-  WebMercatorTilingScheme
-} from "terriajs-cesium";
+import GeographicTilingScheme from "terriajs-cesium/Source/Core/GeographicTilingScheme";
 import CesiumMath from "terriajs-cesium/Source/Core/Math";
+import WebMercatorTilingScheme from "terriajs-cesium/Source/Core/WebMercatorTilingScheme";
+import TileCoordinatesImageryProvider from "terriajs-cesium/Source/Scene/TileCoordinatesImageryProvider";
 import type TIFFImageryProvider from "terriajs-tiff-imagery-provider";
 import CatalogMemberMixin from "../../../ModelMixins/CatalogMemberMixin";
 import MappableMixin, { MapItem } from "../../../ModelMixins/MappableMixin";
@@ -24,6 +25,8 @@ import StratumFromTraits from "../../Definition/StratumFromTraits";
 import StratumOrder from "../../Definition/StratumOrder";
 import Terria from "../../Terria";
 import proxyCatalogItemUrl from "../proxyCatalogItemUrl";
+import Color from "terriajs-cesium/Source/Core/Color";
+import { SelectableDimensionCheckbox } from "../../SelectableDimensions/SelectableDimensions";
 
 /**
  * Loadable stratum for overriding CogCatalogItem traits
@@ -83,6 +86,8 @@ export default class CogCatalogItem extends MappableMixin(
 ) {
   static readonly type = "cog";
 
+  @observable private _showGrid = true;
+
   /**
    * Private imageryProvider instance. This is set once forceLoadMapItems is
    * called.
@@ -152,6 +157,17 @@ export default class CogCatalogItem extends MappableMixin(
     }
 
     return [
+      {
+        show: this._showGrid,
+        alpha: this.opacity,
+        imageryProvider: new TileCoordinatesImageryProvider({
+          tilingScheme: this._imageryProvider?.tilingScheme,
+          tileWidth: this._imageryProvider?.tileWidth,
+          tileHeight: this._imageryProvider?.tileHeight,
+          color: Color.YELLOW.withAlpha(0.5)
+        }),
+        clippingRectangle: this.cesiumRectangle
+      },
       {
         show: this.show,
         alpha: this.opacity,
@@ -199,6 +215,23 @@ export default class CogCatalogItem extends MappableMixin(
       })
     );
   }
+
+  @override
+  get selectableDimensions() {
+    const showGrid: SelectableDimensionCheckbox = {
+      id: "show-grid",
+      type: "checkbox",
+      options: [
+        { id: "true", name: "Show tile grid" },
+        { id: "false", name: "Show tile grid" }
+      ],
+      selectedId: this._showGrid ? "true" : "false",
+      setDimensionValue: action((_, value) => {
+        this._showGrid = value === "true";
+      })
+    };
+    return [showGrid, ...super.selectableDimensions];
+  }
 }
 
 /**

package.json

@@ -177,7 +177,7 @@
     "terriajs-cesium": "8.0.1",
     "terriajs-cesium-widgets": "5.0.0",
     "terriajs-html2canvas": "1.0.0-alpha.12-terriajs-1",
-    "terriajs-tiff-imagery-provider": "2.13.3",
+    "terriajs-tiff-imagery-provider": "2.15.2",
     "thredds-catalog-crawler": "0.0.7",
     "ts-essentials": "^5.0.0",
     "ts-loader": "^5.3.3",