geojs 1.10.0 → 1.10.3

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # GeoJS Change Log
 
+## Version 1.10.3
+
+### Performance improvements
+
+- Reduce the time it takes to switch texture interpolation ([#1230](../../pull/1230))
+
+## Version 1.10.2
+
+### Improvements
+
+- Directly support nearest pixel or bicubic on quad interpolation ([#1229](../../pull/1229))
+
+## Version 1.10.1
+
+### Improvements
+
+- Make clamping at the end of a map transition optional ([#1226](../../pull/1226))
+
 ## Version 1.10.0
 
 ### Features

package/geo.js

@@ -8017,6 +8017,17 @@ var canvas_quadFeature = function canvas_quadFeature(arg) {
 
     var oldAlpha = context2d.globalAlpha;
     var opacity = oldAlpha;
+    var nearestPixel = m_this.nearestPixel();
+
+    if (nearestPixel !== undefined) {
+      if (nearestPixel !== true && util.isNonNullFinite(nearestPixel)) {
+        var curZoom = m_this.layer().map().zoom();
+        nearestPixel = curZoom >= nearestPixel;
+      }
+
+      context2d.imageSmoothingEnabled = !nearestPixel;
+    }
+
     $.each([m_quads.imgQuads, m_quads.vidQuads], function (listidx, quadlist) {
       if (!quadlist) {
         return;
@@ -8086,6 +8097,7 @@ var canvas_quadFeature = function canvas_quadFeature(arg) {
     }
 
     context2d.setTransform(1, 0, 0, 1, 0, 0);
+    context2d.imageSmoothingEnabled = true;
   };
   /**
    * If this returns true, the render will be skipped and tried again on the
@@ -8543,6 +8555,7 @@ var canvas_tileLayer = function canvas_tileLayer() {
 
   this._update = function (request) {
     s_update.call(m_this, request);
+    m_quadFeature.nearestPixel(m_this.nearestPixel());
 
     m_this._addBaseQuadToTiles(m_quadFeature, m_tiles);
 
@@ -16879,13 +16892,15 @@ var map = function map(arg) {
    *    center.
    * @param {boolean} [ignoreDiscreteZoom] If `true`, ignore the discreteZoom
    *    option when determining the new view.
+   * @param {boolean} [ignoreClampBounds] If `true`, ignore the clampBounds
+   *    option when determining the new view.
    * @returns {number|this}
    * @fires geo.event.zoom
    * @fires geo.event.pan
    */
 
 
-  this.zoom = function (val, origin, ignoreDiscreteZoom) {
+  this.zoom = function (val, origin, ignoreDiscreteZoom, ignoreClampBounds) {
     if (val === undefined) {
       return m_zoom;
     }
@@ -16894,10 +16909,14 @@ var map = function map(arg) {
     /* If we are zooming around a point, ignore the clamp bounds */
 
     var aroundPoint = origin && (origin.mapgcs || origin.geo) && origin.map;
-    var ignoreClampBounds = aroundPoint;
+
+    if (aroundPoint) {
+      ignoreClampBounds = true;
+    }
     /* The ignoreDiscreteZoom flag is intended to allow non-integer zoom values
      * during animation. */
 
+
     val = m_this._fix_zoom(val, ignoreDiscreteZoom);
 
     if (val === m_zoom) {
@@ -16924,7 +16943,7 @@ var map = function map(arg) {
       m_this.pan({
         x: 0,
         y: 0
-      }, ignoreDiscreteZoom);
+      }, ignoreDiscreteZoom, ignoreClampBounds);
     }
 
     return m_this;
@@ -17670,6 +17689,8 @@ var map = function map(arg) {
    *    a value based on what canceled a transition, `transition`: the current
    *    transition that just completed, `next`: a boolean if another transition
    *    follows immediately.
+   * @param {boolean} [opts.endClamp=true] If `false`, the last center change
+   *    will not clamp to the bounds and zoom values.
    * @param {string|geo.transform|null} [gcs] Input gcs.  `undefined` to use
    *    the interface gcs, `null` to use the map gcs, or any other transform.
    *    Applies only to `opts.center` and to converting zoom values to height,
@@ -17779,7 +17800,8 @@ var map = function map(arg) {
       zCoord: opts.zCoord,
       done: opts.done,
       duration: opts.duration,
-      zoomOrigin: opts.zoomOrigin
+      zoomOrigin: opts.zoomOrigin,
+      endClamp: opts.endClamp
     };
     m_transition.interp = opts.interp([m_transition.start.center.x, m_transition.start.center.y, opts.zCoord ? zoom2z(m_transition.start.zoom) : m_transition.start.zoom, m_transition.start.rotation], [m_transition.end.center ? m_transition.end.center.x : m_transition.start.center.x, m_transition.end.center ? m_transition.end.center.y : m_transition.start.center.y, opts.zCoord ? zoom2z(m_transition.end.zoom) : m_transition.end.zoom, m_transition.end.rotation]);
     /**
@@ -17831,10 +17853,11 @@ var map = function map(arg) {
           if (m_transition.end.center) {
             var needZoom = m_zoom !== m_this._fix_zoom(m_transition.end.zoom);
 
-            m_this.center(m_transition.end.center, null, needZoom, needZoom);
+            var noEndClamp = needZoom || opts.endClamp === false;
+            m_this.center(m_transition.end.center, null, noEndClamp, noEndClamp);
           }
 
-          m_this.zoom(m_transition.end.zoom, m_transition.zoomOrigin);
+          m_this.zoom(m_transition.end.zoom, m_transition.zoomOrigin, opts.endClamp === false, opts.endClamp === false);
           m_this.rotation(fix_rotation(m_transition.end.rotation));
         }
 
@@ -17874,7 +17897,7 @@ var map = function map(arg) {
           x: p[0],
           y: p[1]
         }, null);
-        m_this.zoom(p[2], m_transition.zoomOrigin, true);
+        m_this.zoom(p[2], m_transition.zoomOrigin, true, true);
       }
 
       m_this.rotation(p[3], undefined, true);
@@ -18618,6 +18641,10 @@ var map = function map(arg) {
     m_autoshareRenderer = arg === null ? undefined : arg;
     return m_this;
   };
+  /* Report the current version on the map object. */
+
+
+  this._version = __webpack_require__(2978);
   /**
    * Draw a layer image to a canvas context.  The layer's opacity and transform
    * are applied.  This is used as part of making a screenshot.
@@ -18631,7 +18658,6 @@ var map = function map(arg) {
    * @private
    */
 
-
   function drawLayerImageToContext(context, opacity, elem, img, mixBlendMode) {
     context.globalAlpha = opacity;
 
@@ -24190,6 +24216,7 @@ var pixelmapLayer = function pixelmapLayer(arg) {
   this._init = function () {
     // Call super class init
     s_init.apply(m_this, arguments);
+    m_this.nearestPixel(true, true);
     var pixelmapArgs = {
       quadFeature: m_this.features()[0]
     };
@@ -26000,6 +26027,10 @@ var feature = __webpack_require__(6837);
  *   call `cacheUpdate` on the data item or for all data.
  * @property {geo.quadFeature.styleSpec} [style] Style object with default
  *   style options.
+ * @property {boolean|number} [nearestPixel] If true, image quads are
+ *   rendered with near-neighbor sampling.  If false, with interpolated
+ *   sampling.  If a number, interpolate at that zoom level or below and
+ *   nearest neighbor at that zoom level or above.
  */
 
 /**
@@ -26063,6 +26094,7 @@ var quadFeature = function quadFeature(arg) {
   var m_this = this,
       s_init = this._init,
       m_cacheQuads,
+      m_nearestPixel = arg.nearestPixel,
       m_nextQuadId = 0,
       m_images = [],
       m_videos = [],
@@ -26745,6 +26777,27 @@ var quadFeature = function quadFeature(arg) {
 
     return null;
   };
+  /**
+   * Get/Set nearestPixel value.
+   *
+   * @param {boolean|number} [val] If not specified, return the current value.
+   *    If true, image quads are rendered with near-neighbor sampling.  If
+   *    false, with interpolated sampling.  If a number, interpolate at that
+   *    zoom level or below and nearest neighbor at that zoom level or above.
+   * @returns {boolean|number|this}
+   */
+
+
+  this.nearestPixel = function (val) {
+    if (val === undefined) {
+      return m_nearestPixel;
+    } else {
+      m_nearestPixel = val;
+      m_this.modified();
+    }
+
+    return m_this;
+  };
   /**
    * Initialize.
    *
@@ -27813,7 +27866,7 @@ module.exports = sceneObject;
  * @constant
  * @type {string}
  */
-module.exports = "4deaf9194bd7164462cae2b89ec30e85ead7ff6e";
+module.exports = "8d01f4a68bc4d89c1612e1d19e1805f8e555669b";
 
 /***/ }),
 
@@ -30721,6 +30774,10 @@ var featureLayer = __webpack_require__(3715);
  *   any tile layers.  If specified, this uses the quad defaults, so this is a
  *   ``geo.quadFeature.position`` object with, typically, an ``image`` property
  *   added to it.  The quad positions are in the map gcs coordinates.
+ * @property {boolean|number} [nearestPixel] If true, image quads are
+ *   rendered with near-neighbor sampling.  If false, with interpolated
+ *   sampling.  If a number, interpolate at that zoom level or below and
+ *   nearest neighbor at that zoom level or above.
  */
 
 /**
@@ -30884,6 +30941,7 @@ var tileLayer = function tileLayer(arg) {
       m_reference,
       m_exited,
       m_lastBaseQuad,
+      m_nearestPixel = arg.nearestPixel,
       m_this = this; // copy the options into a private variable
 
   this._options = $.extend(true, {}, arg); // set the layer attribution text
@@ -32525,6 +32583,36 @@ var tileLayer = function tileLayer(arg) {
 
     return m_this;
   };
+  /**
+   * Get/Set nearestPixel value.
+   *
+   * @param {boolean|number} [val] If not specified, return the current value.
+   *    If true, image quads are rendered with near-neighbor sampling.  If
+   *    false, with interpolated sampling.  If a number, interpolate at that
+   *    zoom level or below and nearest neighbor at that zoom level or above.
+   * @param {boolean} [skipUpdate] If specifying val and this value is truthy,
+   *    don't update the layer or mark it as modified.
+   * @returns {boolean|number|this}
+   */
+
+
+  this.nearestPixel = function (val, skipUpdate) {
+    if (val === undefined) {
+      return m_nearestPixel;
+    }
+
+    if (m_nearestPixel !== val) {
+      m_nearestPixel = val;
+
+      if (!skipUpdate) {
+        m_this.modified();
+
+        m_this._update();
+      }
+    }
+
+    return m_this;
+  };
   /**
    * Get/set the baseQuad.
    *
@@ -40938,7 +41026,7 @@ module.exports = vectorFeature;
  * @constant
  * @type {string}
  */
-module.exports = "1.10.0";
+module.exports = "1.10.3";
 
 /***/ }),
 
@@ -43932,7 +44020,8 @@ var webgl_pixelmapFeature = function webgl_pixelmapFeature(arg) {
       m_quadFeature = m_this.layer().createFeature('quad', {
         selectionAPI: false,
         gcs: m_this.gcs(),
-        visible: m_this.visible(undefined, true)
+        visible: m_this.visible(undefined, true),
+        nearestPixel: true
       });
       m_quadFeatureInit = false;
     }
@@ -43954,11 +44043,6 @@ var webgl_pixelmapFeature = function webgl_pixelmapFeature(arg) {
       };
 
       m_quadFeature._hookRenderImageQuads = function (renderState, quads) {
-        quads.forEach(function (quad) {
-          if (quad.image && quad.texture && !quad.texture.nearestPixel()) {
-            quad.texture.setNearestPixel(true);
-          }
-        });
         m_lookupTable.bind(renderState, quads);
       };
 
@@ -43992,6 +44076,7 @@ var webgl_pixelmapFeature = function webgl_pixelmapFeature(arg) {
 
   if (arg.quadFeature) {
     m_quadFeature = arg.quadFeature;
+    m_quadFeature.nearestPixel(true);
   }
 
   this._init(arg);
@@ -45194,6 +45279,8 @@ var quadFeature = __webpack_require__(5017);
 
 var timestamp = __webpack_require__(6618);
 
+var util = __webpack_require__(4634);
+
 var _memoryCheckLargestTested = 4096 * 4096;
 /**
  * Create a new instance of class quadFeature.
@@ -45598,6 +45685,34 @@ var webgl_quadFeature = function webgl_quadFeature(arg) {
         h,
         quadw,
         quadh;
+    var nearestPixel = m_this.nearestPixel();
+
+    if (nearestPixel !== undefined) {
+      if (nearestPixel !== true && util.isNonNullFinite(nearestPixel)) {
+        var curZoom = m_this.layer().map().zoom();
+        nearestPixel = curZoom >= nearestPixel;
+      }
+
+      m_quads.imgQuads.forEach(function (quad) {
+        if (quad.image && quad.texture && quad.texture.nearestPixel() !== nearestPixel) {
+          /* This could just be
+           *   quad.texture.setNearestPixel(nearestPixel);
+           * but that needlessly redecodes the image.  Instead, just change the
+           * the interpolation flags, then change the nearestPixel value
+           * without triggering a complete re-setup. */
+          renderState.m_context.bindTexture(vgl.GL.TEXTURE_2D, quad.texture.textureHandle());
+          renderState.m_context.texParameteri(vgl.GL.TEXTURE_2D, vgl.GL.TEXTURE_MIN_FILTER, nearestPixel ? vgl.GL.NEAREST : vgl.GL.LINEAR);
+          renderState.m_context.texParameteri(vgl.GL.TEXTURE_2D, vgl.GL.TEXTURE_MAG_FILTER, nearestPixel ? vgl.GL.NEAREST : vgl.GL.LINEAR);
+          renderState.m_context.bindTexture(vgl.GL.TEXTURE_2D, null);
+          var oldmod = quad.texture.modified;
+
+          quad.texture.modified = function () {};
+
+          quad.texture.setNearestPixel(nearestPixel);
+          quad.texture.modified = oldmod;
+        }
+      });
+    }
 
     if (m_this._hookRenderImageQuads) {
       m_this._hookRenderImageQuads(renderState, m_quads.imgQuads);
@@ -45991,6 +46106,7 @@ var webgl_tileLayer = function webgl_tileLayer() {
 
   this._update = function (request) {
     s_update.call(m_this, request);
+    m_quadFeature.nearestPixel(m_this.nearestPixel());
 
     m_this._addBaseQuadToTiles(m_quadFeature, m_tiles);
 

package/geo.lean.js

@@ -8017,6 +8017,17 @@ var canvas_quadFeature = function canvas_quadFeature(arg) {
 
     var oldAlpha = context2d.globalAlpha;
     var opacity = oldAlpha;
+    var nearestPixel = m_this.nearestPixel();
+
+    if (nearestPixel !== undefined) {
+      if (nearestPixel !== true && util.isNonNullFinite(nearestPixel)) {
+        var curZoom = m_this.layer().map().zoom();
+        nearestPixel = curZoom >= nearestPixel;
+      }
+
+      context2d.imageSmoothingEnabled = !nearestPixel;
+    }
+
     $.each([m_quads.imgQuads, m_quads.vidQuads], function (listidx, quadlist) {
       if (!quadlist) {
         return;
@@ -8086,6 +8097,7 @@ var canvas_quadFeature = function canvas_quadFeature(arg) {
     }
 
     context2d.setTransform(1, 0, 0, 1, 0, 0);
+    context2d.imageSmoothingEnabled = true;
   };
   /**
    * If this returns true, the render will be skipped and tried again on the
@@ -8543,6 +8555,7 @@ var canvas_tileLayer = function canvas_tileLayer() {
 
   this._update = function (request) {
     s_update.call(m_this, request);
+    m_quadFeature.nearestPixel(m_this.nearestPixel());
 
     m_this._addBaseQuadToTiles(m_quadFeature, m_tiles);
 
@@ -16879,13 +16892,15 @@ var map = function map(arg) {
    *    center.
    * @param {boolean} [ignoreDiscreteZoom] If `true`, ignore the discreteZoom
    *    option when determining the new view.
+   * @param {boolean} [ignoreClampBounds] If `true`, ignore the clampBounds
+   *    option when determining the new view.
    * @returns {number|this}
    * @fires geo.event.zoom
    * @fires geo.event.pan
    */
 
 
-  this.zoom = function (val, origin, ignoreDiscreteZoom) {
+  this.zoom = function (val, origin, ignoreDiscreteZoom, ignoreClampBounds) {
     if (val === undefined) {
       return m_zoom;
     }
@@ -16894,10 +16909,14 @@ var map = function map(arg) {
     /* If we are zooming around a point, ignore the clamp bounds */
 
     var aroundPoint = origin && (origin.mapgcs || origin.geo) && origin.map;
-    var ignoreClampBounds = aroundPoint;
+
+    if (aroundPoint) {
+      ignoreClampBounds = true;
+    }
     /* The ignoreDiscreteZoom flag is intended to allow non-integer zoom values
      * during animation. */
 
+
     val = m_this._fix_zoom(val, ignoreDiscreteZoom);
 
     if (val === m_zoom) {
@@ -16924,7 +16943,7 @@ var map = function map(arg) {
       m_this.pan({
         x: 0,
         y: 0
-      }, ignoreDiscreteZoom);
+      }, ignoreDiscreteZoom, ignoreClampBounds);
     }
 
     return m_this;
@@ -17670,6 +17689,8 @@ var map = function map(arg) {
    *    a value based on what canceled a transition, `transition`: the current
    *    transition that just completed, `next`: a boolean if another transition
    *    follows immediately.
+   * @param {boolean} [opts.endClamp=true] If `false`, the last center change
+   *    will not clamp to the bounds and zoom values.
    * @param {string|geo.transform|null} [gcs] Input gcs.  `undefined` to use
    *    the interface gcs, `null` to use the map gcs, or any other transform.
    *    Applies only to `opts.center` and to converting zoom values to height,
@@ -17779,7 +17800,8 @@ var map = function map(arg) {
       zCoord: opts.zCoord,
       done: opts.done,
       duration: opts.duration,
-      zoomOrigin: opts.zoomOrigin
+      zoomOrigin: opts.zoomOrigin,
+      endClamp: opts.endClamp
     };
     m_transition.interp = opts.interp([m_transition.start.center.x, m_transition.start.center.y, opts.zCoord ? zoom2z(m_transition.start.zoom) : m_transition.start.zoom, m_transition.start.rotation], [m_transition.end.center ? m_transition.end.center.x : m_transition.start.center.x, m_transition.end.center ? m_transition.end.center.y : m_transition.start.center.y, opts.zCoord ? zoom2z(m_transition.end.zoom) : m_transition.end.zoom, m_transition.end.rotation]);
     /**
@@ -17831,10 +17853,11 @@ var map = function map(arg) {
           if (m_transition.end.center) {
             var needZoom = m_zoom !== m_this._fix_zoom(m_transition.end.zoom);
 
-            m_this.center(m_transition.end.center, null, needZoom, needZoom);
+            var noEndClamp = needZoom || opts.endClamp === false;
+            m_this.center(m_transition.end.center, null, noEndClamp, noEndClamp);
           }
 
-          m_this.zoom(m_transition.end.zoom, m_transition.zoomOrigin);
+          m_this.zoom(m_transition.end.zoom, m_transition.zoomOrigin, opts.endClamp === false, opts.endClamp === false);
           m_this.rotation(fix_rotation(m_transition.end.rotation));
         }
 
@@ -17874,7 +17897,7 @@ var map = function map(arg) {
           x: p[0],
           y: p[1]
         }, null);
-        m_this.zoom(p[2], m_transition.zoomOrigin, true);
+        m_this.zoom(p[2], m_transition.zoomOrigin, true, true);
       }
 
       m_this.rotation(p[3], undefined, true);
@@ -18618,6 +18641,10 @@ var map = function map(arg) {
     m_autoshareRenderer = arg === null ? undefined : arg;
     return m_this;
   };
+  /* Report the current version on the map object. */
+
+
+  this._version = __webpack_require__(2978);
   /**
    * Draw a layer image to a canvas context.  The layer's opacity and transform
    * are applied.  This is used as part of making a screenshot.
@@ -18631,7 +18658,6 @@ var map = function map(arg) {
    * @private
    */
 
-
   function drawLayerImageToContext(context, opacity, elem, img, mixBlendMode) {
     context.globalAlpha = opacity;
 
@@ -24190,6 +24216,7 @@ var pixelmapLayer = function pixelmapLayer(arg) {
   this._init = function () {
     // Call super class init
     s_init.apply(m_this, arguments);
+    m_this.nearestPixel(true, true);
     var pixelmapArgs = {
       quadFeature: m_this.features()[0]
     };
@@ -26000,6 +26027,10 @@ var feature = __webpack_require__(6837);
  *   call `cacheUpdate` on the data item or for all data.
  * @property {geo.quadFeature.styleSpec} [style] Style object with default
  *   style options.
+ * @property {boolean|number} [nearestPixel] If true, image quads are
+ *   rendered with near-neighbor sampling.  If false, with interpolated
+ *   sampling.  If a number, interpolate at that zoom level or below and
+ *   nearest neighbor at that zoom level or above.
  */
 
 /**
@@ -26063,6 +26094,7 @@ var quadFeature = function quadFeature(arg) {
   var m_this = this,
       s_init = this._init,
       m_cacheQuads,
+      m_nearestPixel = arg.nearestPixel,
       m_nextQuadId = 0,
       m_images = [],
       m_videos = [],
@@ -26745,6 +26777,27 @@ var quadFeature = function quadFeature(arg) {
 
     return null;
   };
+  /**
+   * Get/Set nearestPixel value.
+   *
+   * @param {boolean|number} [val] If not specified, return the current value.
+   *    If true, image quads are rendered with near-neighbor sampling.  If
+   *    false, with interpolated sampling.  If a number, interpolate at that
+   *    zoom level or below and nearest neighbor at that zoom level or above.
+   * @returns {boolean|number|this}
+   */
+
+
+  this.nearestPixel = function (val) {
+    if (val === undefined) {
+      return m_nearestPixel;
+    } else {
+      m_nearestPixel = val;
+      m_this.modified();
+    }
+
+    return m_this;
+  };
   /**
    * Initialize.
    *
@@ -27813,7 +27866,7 @@ module.exports = sceneObject;
  * @constant
  * @type {string}
  */
-module.exports = "4deaf9194bd7164462cae2b89ec30e85ead7ff6e";
+module.exports = "8d01f4a68bc4d89c1612e1d19e1805f8e555669b";
 
 /***/ }),
 
@@ -30721,6 +30774,10 @@ var featureLayer = __webpack_require__(3715);
  *   any tile layers.  If specified, this uses the quad defaults, so this is a
  *   ``geo.quadFeature.position`` object with, typically, an ``image`` property
  *   added to it.  The quad positions are in the map gcs coordinates.
+ * @property {boolean|number} [nearestPixel] If true, image quads are
+ *   rendered with near-neighbor sampling.  If false, with interpolated
+ *   sampling.  If a number, interpolate at that zoom level or below and
+ *   nearest neighbor at that zoom level or above.
  */
 
 /**
@@ -30884,6 +30941,7 @@ var tileLayer = function tileLayer(arg) {
       m_reference,
       m_exited,
       m_lastBaseQuad,
+      m_nearestPixel = arg.nearestPixel,
       m_this = this; // copy the options into a private variable
 
   this._options = $.extend(true, {}, arg); // set the layer attribution text
@@ -32525,6 +32583,36 @@ var tileLayer = function tileLayer(arg) {
 
     return m_this;
   };
+  /**
+   * Get/Set nearestPixel value.
+   *
+   * @param {boolean|number} [val] If not specified, return the current value.
+   *    If true, image quads are rendered with near-neighbor sampling.  If
+   *    false, with interpolated sampling.  If a number, interpolate at that
+   *    zoom level or below and nearest neighbor at that zoom level or above.
+   * @param {boolean} [skipUpdate] If specifying val and this value is truthy,
+   *    don't update the layer or mark it as modified.
+   * @returns {boolean|number|this}
+   */
+
+
+  this.nearestPixel = function (val, skipUpdate) {
+    if (val === undefined) {
+      return m_nearestPixel;
+    }
+
+    if (m_nearestPixel !== val) {
+      m_nearestPixel = val;
+
+      if (!skipUpdate) {
+        m_this.modified();
+
+        m_this._update();
+      }
+    }
+
+    return m_this;
+  };
   /**
    * Get/set the baseQuad.
    *
@@ -40938,7 +41026,7 @@ module.exports = vectorFeature;
  * @constant
  * @type {string}
  */
-module.exports = "1.10.0";
+module.exports = "1.10.3";
 
 /***/ }),
 
@@ -43932,7 +44020,8 @@ var webgl_pixelmapFeature = function webgl_pixelmapFeature(arg) {
       m_quadFeature = m_this.layer().createFeature('quad', {
         selectionAPI: false,
         gcs: m_this.gcs(),
-        visible: m_this.visible(undefined, true)
+        visible: m_this.visible(undefined, true),
+        nearestPixel: true
       });
       m_quadFeatureInit = false;
     }
@@ -43954,11 +44043,6 @@ var webgl_pixelmapFeature = function webgl_pixelmapFeature(arg) {
       };
 
       m_quadFeature._hookRenderImageQuads = function (renderState, quads) {
-        quads.forEach(function (quad) {
-          if (quad.image && quad.texture && !quad.texture.nearestPixel()) {
-            quad.texture.setNearestPixel(true);
-          }
-        });
         m_lookupTable.bind(renderState, quads);
       };
 
@@ -43992,6 +44076,7 @@ var webgl_pixelmapFeature = function webgl_pixelmapFeature(arg) {
 
   if (arg.quadFeature) {
     m_quadFeature = arg.quadFeature;
+    m_quadFeature.nearestPixel(true);
   }
 
   this._init(arg);
@@ -45194,6 +45279,8 @@ var quadFeature = __webpack_require__(5017);
 
 var timestamp = __webpack_require__(6618);
 
+var util = __webpack_require__(4634);
+
 var _memoryCheckLargestTested = 4096 * 4096;
 /**
  * Create a new instance of class quadFeature.
@@ -45598,6 +45685,34 @@ var webgl_quadFeature = function webgl_quadFeature(arg) {
         h,
         quadw,
         quadh;
+    var nearestPixel = m_this.nearestPixel();
+
+    if (nearestPixel !== undefined) {
+      if (nearestPixel !== true && util.isNonNullFinite(nearestPixel)) {
+        var curZoom = m_this.layer().map().zoom();
+        nearestPixel = curZoom >= nearestPixel;
+      }
+
+      m_quads.imgQuads.forEach(function (quad) {
+        if (quad.image && quad.texture && quad.texture.nearestPixel() !== nearestPixel) {
+          /* This could just be
+           *   quad.texture.setNearestPixel(nearestPixel);
+           * but that needlessly redecodes the image.  Instead, just change the
+           * the interpolation flags, then change the nearestPixel value
+           * without triggering a complete re-setup. */
+          renderState.m_context.bindTexture(vgl.GL.TEXTURE_2D, quad.texture.textureHandle());
+          renderState.m_context.texParameteri(vgl.GL.TEXTURE_2D, vgl.GL.TEXTURE_MIN_FILTER, nearestPixel ? vgl.GL.NEAREST : vgl.GL.LINEAR);
+          renderState.m_context.texParameteri(vgl.GL.TEXTURE_2D, vgl.GL.TEXTURE_MAG_FILTER, nearestPixel ? vgl.GL.NEAREST : vgl.GL.LINEAR);
+          renderState.m_context.bindTexture(vgl.GL.TEXTURE_2D, null);
+          var oldmod = quad.texture.modified;
+
+          quad.texture.modified = function () {};
+
+          quad.texture.setNearestPixel(nearestPixel);
+          quad.texture.modified = oldmod;
+        }
+      });
+    }
 
     if (m_this._hookRenderImageQuads) {
       m_this._hookRenderImageQuads(renderState, m_quads.imgQuads);
@@ -45991,6 +46106,7 @@ var webgl_tileLayer = function webgl_tileLayer() {
 
   this._update = function (request) {
     s_update.call(m_this, request);
+    m_quadFeature.nearestPixel(m_this.nearestPixel());
 
     m_this._addBaseQuadToTiles(m_quadFeature, m_tiles);