印刷時にアトリビューションが表示されるように CSS の修正などをした

src/lib/CustomAttributionControl.ts

@@ -35,6 +35,8 @@ class CustomAttributionControl implements IControl {
   private _attribHTML;
   private styleId;
   private styleOwner;
+  private printQuery;
+  private onMediaPrintChange;
 
   constructor(options = {}) {
     this.options = options;
@@ -190,6 +192,12 @@ class CustomAttributionControl implements IControl {
         }
     }
 
+    @media print {
+      .maplibregl-ctrl-attrib-button {
+        display: none!important;
+      }
+    }
+
     .maplibregl-ctrl-attrib a {
         color: rgba(0,0,0,.75);
         text-decoration: none;
@@ -218,6 +226,16 @@ class CustomAttributionControl implements IControl {
     shadow.appendChild(style);
     shadow.appendChild(this._shadowContainer);
 
+    this.printQuery = window.matchMedia('print');
+    this.onMediaPrintChange = (e) => {
+      if (e.matches) {
+        // force open
+        this._shadowContainer.setAttribute('open', '');
+        this._shadowContainer.classList.remove('maplibregl-compact-show');
+      }
+    };
+    this.printQuery.addEventListener('change', this.onMediaPrintChange);
+
     return this._container;
   }
 
@@ -233,6 +251,8 @@ class CustomAttributionControl implements IControl {
     this._map = undefined;
     this._compact = undefined;
     this._attribHTML = undefined;
+
+    this.printQuery.removeEventListener('change', this.onMediaPrintChange);
   }
 
   _setElementTitle(element, title) {

src/style.css

@@ -129,3 +129,9 @@
   display: block!important;
 }
 /* End: CSS for Attribution */
+
+@media print {
+  .maplibregl-control-container button {
+    display: none;
+  }
+}