Website updates

Author: tschaub

dist/en/main/apidoc/module-ol_source_UTFGrid-UTFGrid.html

@@ -161,7 +161,7 @@ <h4 class="name">
 
         <div class="tag-source">
             <a href="https://github.com/openlayers/openlayers/blob/main/src/ol/source/UTFGrid.js">source/UTFGrid.js</a>,
-            <a href="https://github.com/openlayers/openlayers/blob/main/src/ol/source/UTFGrid.js#L273">line 273</a>
+            <a href="https://github.com/openlayers/openlayers/blob/main/src/ol/source/UTFGrid.js#L275">line 275</a>
         </div>
 
     </div>
@@ -804,7 +804,7 @@ <h4 class="name">
 
         <div class="tag-source">
             <a href="https://github.com/openlayers/openlayers/blob/main/src/ol/source/UTFGrid.js">source/UTFGrid.js</a>,
-            <a href="https://github.com/openlayers/openlayers/blob/main/src/ol/source/UTFGrid.js#L382">line 382</a>
+            <a href="https://github.com/openlayers/openlayers/blob/main/src/ol/source/UTFGrid.js#L390">line 390</a>
         </div>
 
     </div>
@@ -1786,7 +1786,7 @@ <h4 class="name">
 
         <div class="tag-source">
             <a href="https://github.com/openlayers/openlayers/blob/main/src/ol/source/UTFGrid.js">source/UTFGrid.js</a>,
-            <a href="https://github.com/openlayers/openlayers/blob/main/src/ol/source/UTFGrid.js#L367">line 367</a>
+            <a href="https://github.com/openlayers/openlayers/blob/main/src/ol/source/UTFGrid.js#L375">line 375</a>
         </div>
 
     </div>

dist/en/main/examples/utfgrid.js

@@ -194,6 +194,11 @@ declare class UTFGrid extends TileSource<Tile> {
      * @type {boolean}
      */
     private jsonp_;
+    /**
+     * @private
+     * @type {LRUCache}
+     */
+    private tileCache_;
     /**
      * @private
      * @param {Event} event The load event.

dist/en/main/examples/utfgrid.js.map

@@ -9,6 +9,8 @@ import {listenOnce} from '../events.js';
 import {applyTransform, intersects} from '../extent.js';
 import {jsonp as requestJSONP} from '../net.js';
 import {get as getProjection, getTransformFromProjections} from '../proj.js';
+import LRUCache from '../structs/LRUCache.js';
+import {getKeyZXY} from '../tilecoord.js';
 import {createXYZ, extentFromProjection} from '../tilegrid.js';
 import {createFromTemplates, nullTileUrlFunction} from '../tileurlfunction.js';
 import TileSource from './Tile.js';
@@ -307,6 +309,12 @@ class UTFGrid extends TileSource {
      */
     this.jsonp_ = options.jsonp || false;
 
+    /**
+     * @private
+     * @type {LRUCache}
+     */
+    this.tileCache_ = new LRUCache(512);
+
     if (options.url) {
       if (this.jsonp_) {
         requestJSONP(
@@ -392,6 +400,9 @@ class UTFGrid extends TileSource {
           this.getProjection(),
         )
       );
+      if (tile.getState() == TileState.IDLE) {
+        tile.load();
+      }
       tile.forDataAtCoordinate(coordinate, callback, request);
     } else {
       if (request === true) {
@@ -478,6 +489,11 @@ class UTFGrid extends TileSource {
       projection,
     );
     const tileUrl = this.tileUrlFunction_(urlTileCoord, pixelRatio, projection);
+    const tileKey = `${this.getKey()},${getKeyZXY(z, x, y)}`;
+    if (this.tileCache_.containsKey(tileKey)) {
+      return this.tileCache_.get(tileKey);
+    }
+    this.tileCache_.expireCache();
     const tile = new CustomTile(
       tileCoord,
       tileUrl !== undefined ? TileState.IDLE : TileState.EMPTY,
@@ -486,6 +502,7 @@ class UTFGrid extends TileSource {
       this.preemptive_,
       this.jsonp_,
     );
+    this.tileCache_.set(tileKey, tile);
     return tile;
   }
 }