Merge pull request #11548 from ahocevar/bind-tileurlfunction

Bind tileUrlFunction before returning it from getTileUrlFunction

src/ol/source/UrlTile.js

@@ -68,7 +68,7 @@ class UrlTile extends TileSource {
     this.tileLoadFunction = options.tileLoadFunction;
 
     if (options.tileUrlFunction) {
-      this.tileUrlFunction = options.tileUrlFunction.bind(this);
+      this.tileUrlFunction = options.tileUrlFunction;
     }
 
     /**
@@ -105,7 +105,9 @@ class UrlTile extends TileSource {
    * @api
    */
   getTileUrlFunction() {
-    return this.tileUrlFunction;
+    return Object.getPrototypeOf(this).tileUrlFunction === this.tileUrlFunction
+      ? this.tileUrlFunction.bind(this)
+      : this.tileUrlFunction;
   }
 
   /**

test/spec/ol/source/tilewms.test.js

@@ -159,6 +159,15 @@ describe('ol.source.TileWMS', function () {
   });
 
   describe('#tileUrlFunction', function () {
+    it('can be used when obtained through #getTileUrlFunction', function () {
+      options.extent = [-80, -40, -50, -10];
+      const source = new TileWMS(options);
+      const tileCoord = [3, 2, 2];
+      expect(function () {
+        source.getTileUrlFunction()(tileCoord, 1, getProjection('EPSG:4326'));
+      }).to.not.throwException();
+    });
+
     it('returns a tile if it is contained within layers extent', function () {
       options.extent = [-80, -40, -50, -10];
       const source = new TileWMS(options);