geojs 1.9.4 → 1.10.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "geojs",
-  "version": "1.9.4",
+  "version": "1.10.2",
   "description": "JavaScript Geo Visualization and Analysis Library",
   "homepage": "https://github.com/OpenGeoscience/geojs",
   "license": "Apache-2.0",
@@ -27,6 +27,7 @@
   },
   "optionalDependencies": {
     "d3": "^3.5.17",
+    "glslang-validator-prebuilt-predownloaded": "^0.0.2",
     "hammerjs": "^2.0.8",
     "vtk.js": "*"
   },
@@ -53,7 +54,6 @@
     "express": "^4.17.2",
     "fs-extra": "^10.0.0",
     "glob": "^8.0.1",
-    "glslang-validator-prebuilt": "^0.0.7",
     "imports-loader": "^4.0.0",
     "jaguarjs-jsdoc": "^1.0.2",
     "jasmine-core": "^4.0.0",
@@ -135,7 +135,7 @@
     "build-website-tutorials": "node tutorials/build-website.js && webpack --config webpack-website-tutorials.config.js",
     "lint": "eslint --cache . --max-warnings=0",
     "puglint": "pug-lint src examples",
-    "glsllint": "find . \\( -name '*.frag' \\) -exec sh -c 'for n; do python scripts/preprocess_glsl.py \"$n\" | node_modules/glslang-validator-prebuilt/bin/glslangValidator --stdin -S frag || exit 1; done' sh {} \\+ && find . \\( -name '*.vert' \\) -exec sh -c 'for n; do python scripts/preprocess_glsl.py \"$n\" | node_modules/glslang-validator-prebuilt/bin/glslangValidator --stdin -S vert || exit 1; done' sh {} \\+",
+    "glsllint": "chmod +x node_modules/glslang-validator-prebuilt-predownloaded/bin/glslangValidator.linux; find . \\( -name '*.frag' \\) -exec sh -c 'for n; do python scripts/preprocess_glsl.py \"$n\" | node_modules/glslang-validator-prebuilt-predownloaded/bin/glslangValidator.linux --stdin -S frag || exit 1; done' sh {} \\+ && find . \\( -name '*.vert' \\) -exec sh -c 'for n; do python scripts/preprocess_glsl.py \"$n\" | node_modules/glslang-validator-prebuilt-predownloaded/bin/glslangValidator.linux --stdin -S vert || exit 1; done' sh {} \\+",
     "test-headless": "GEOJS_TEST_CASE=tests/test-unit.js karma start karma-cov.conf.js --single-run --browsers ChromeHeadlessTouch,FirefoxHeadlessTouch",
     "test-headless-all": "GEOJS_TEST_CASE=tests/test-unit.js karma start karma-cov.conf.js --single-run --browsers ChromeHeadlessTouch,FirefoxHeadlessTouch",
     "test-headed": "GEOJS_TEST_CASE=tests/test-headed.js karma start karma-cov.conf.js --single-run --browsers ChromeFull",

package/src/action.js

@@ -17,7 +17,8 @@ var geo_action = {
   zoomselect: 'geo_action_zoomselect',
 
   // annotation actions -- some are also added by the registry
-  annotation_edit_handle: 'geo_annotation_edit_handle'
+  annotation_edit_handle: 'geo_annotation_edit_handle',
+  annotation_cursor: 'geo_annotation_cursor'
 };
 
 module.exports = geo_action;

package/src/annotation/annotation.js

@@ -15,7 +15,8 @@ var annotationState = {
   create: 'create',
   done: 'done',
   highlight: 'highlight',
-  edit: 'edit'
+  edit: 'edit',
+  cursor: 'cursor'
 };
 
 var annotationActionOwner = 'annotationAction';
@@ -153,10 +154,13 @@ var annotation = function (type, args) {
 
   /**
    * Assign a new id to this annotation.
+   *
+   * @returns {this}
    */
   this.newId = function () {
     annotationId += 1;
     m_id = annotationId;
+    return m_this;
   };
 
   /**
@@ -308,6 +312,27 @@ var annotation = function (type, args) {
     return m_this;
   };
 
+  this._cursorHandleMousemove = function (evt) {
+    m_this.layer()._handleMouseMoveModifiers(evt);
+    const center = m_this._cursorCenter;
+    const delta = {
+      x: evt.mapgcs.x - center.x,
+      y: evt.mapgcs.y - center.y
+    };
+    if (delta.x || delta.y) {
+      const curPts = m_this._coordinates();
+      var pts = m_this._coordinatesMapFunc(curPts, function (elem) {
+        return {x: elem.x + delta.x, y: elem.y + delta.y};
+      });
+      m_this._coordinates(pts);
+      m_this._cursorCenter = evt.mapgcs;
+      m_this.modified();
+      m_this.draw();
+      return true;
+    }
+    return false;
+  };
+
   /**
    * Get or set the state of this annotation.
    *
@@ -328,6 +353,17 @@ var annotation = function (type, args) {
           annotation: m_this
         });
       }
+      if (m_this.layer()) {
+        m_this.layer().geoOff(geo_event.mousemove, m_this._cursorHandleMousemove);
+      }
+      switch (m_state) {
+        case annotationState.cursor:
+          m_this._cursorCenter = util.centerFromPerimeter(m_this._coordinates());
+          if (m_this.layer()) {
+            m_this.layer().geoOn(geo_event.mousemove, m_this._cursorHandleMousemove);
+          }
+          break;
+      }
     }
     return m_this;
   };
@@ -356,6 +392,18 @@ var annotation = function (type, args) {
           owner: annotationActionOwner,
           input: 'pan'
         }];
+      case annotationState.cursor:
+        return [{
+          action: geo_action.annotation_cursor,
+          name: 'annotation cursor',
+          owner: annotationActionOwner,
+          input: 'pan'
+        }, {
+          action: geo_action.annotation_cursor,
+          name: 'annotation cursor',
+          owner: annotationActionOwner,
+          input: 'left'
+        }];
       default:
         return [];
     }
@@ -479,7 +527,7 @@ var annotation = function (type, args) {
       /* For style objects, re-extend them without recursion.  This allows
        * setting colors without an opacity field, for instance. */
       ['style', 'createStyle', 'editStyle', 'editHandleStyle', 'labelStyle',
-        'highlightStyle'
+        'highlightStyle', 'cursorStyle'
       ].forEach(function (key) {
         if (arg1[key] !== undefined) {
           $.extend(m_options[key], arg1[key]);
@@ -528,8 +576,8 @@ var annotation = function (type, args) {
    *    current style with the values in the specified object.
    * @param {*} [arg2] If `arg1` is a string, the new value for that style.
    * @param {string} [styleType='style'] The name of the style type, such as
-   *    `createStyle`, `editStyle`, `editHandleStyle`, `labelStyle`, or
-   *    `highlightStyle`.
+   *    `createStyle`, `editStyle`, `editHandleStyle`, `labelStyle`,
+   *    `highlightStyle`, or `cursorStyle`.
    * @returns {object|this} Either the entire style object, the value of a
    *    specific style, or the current class instance.
    */
@@ -578,12 +626,18 @@ var annotation = function (type, args) {
    * @instance
    */
   /**
-   * Calls {@link geo.annotation#style} with `styleType='highlightHandleStyle'`.
-   * @function highlightHandleStyle
+   * Calls {@link geo.annotation#style} with `styleType='highlightStyle'`.
+   * @function highlightStyle
    * @memberof geo.annotation
    * @instance
    */
-  ['createStyle', 'editStyle', 'editHandleStyle', 'labelStyle', 'highlightStyle'
+  /**
+   * Calls {@link geo.annotation#style} with `styleType='cursorStyle'`.
+   * @function cursorStyle
+   * @memberof geo.annotation
+   * @instance
+   */
+  ['createStyle', 'editStyle', 'editHandleStyle', 'labelStyle', 'highlightStyle', 'cursorStyle'
   ].forEach(function (styleType) {
     m_this[styleType] = function (arg1, arg2) {
       return m_this.style(arg1, arg2, styleType);
@@ -608,6 +662,10 @@ var annotation = function (type, args) {
       return $.extend({}, m_options.style, m_options.editStyle,
                       m_options[state + 'Style']);
     }
+    if (state === annotationState.cursor) {
+      return $.extend({}, m_options.style, m_options.editStyle,
+                      m_options.createStyle, m_options[state + 'Style']);
+    }
     return m_options[state + 'Style'] || m_options.style || {};
   };
 

package/src/annotation/polygonAnnotation.js

@@ -3,6 +3,7 @@ const inherit = require('../inherit');
 const registerAnnotation = require('../registry').registerAnnotation;
 const lineFeature = require('../lineFeature');
 const polygonFeature = require('../polygonFeature');
+const util = require('../util');
 
 const annotation = require('./annotation').annotation;
 const annotationState = require('./annotation').state;
@@ -61,6 +62,9 @@ var polygonAnnotation = function (args) {
         }
         return m_this.options('vertices')[i];
       }
+    },
+    cursorStyle: {
+      position: util.identityFunction
     }
   }, args);
   args.vertices = args.vertices || args.coordinates || [];
@@ -332,6 +336,13 @@ polygonAnnotation.defaults = $.extend({}, annotation.defaults, {
     stroke: false,
     strokeColor: {r: 0, g: 0, b: 1}
   },
+  cursorStyle: {
+    closed: true,
+    fillColor: {r: 0.3, g: 0.3, b: 0.3},
+    fillOpacity: 0.25,
+    stroke: true,
+    strokeColor: {r: 0, g: 0, b: 1}
+  },
   allowBooleanOperations: true
 });
 

package/src/annotationLayer.js

@@ -184,6 +184,15 @@ var annotationLayer = function (arg) {
             }
           }
           break;
+        case m_this.modes.cursor:
+          m_this.currentAnnotation._cursorHandleMousemove(evt.mouse);
+          update = m_this.currentAnnotation.processAction(evt);
+          m_this.geoTrigger(geo_event.annotation.cursor_action, {
+            annotation: m_this.currentAnnotation,
+            operation: m_this.currentBooleanOperation(),
+            evt: evt
+          });
+          break;
         default:
           update = m_this.currentAnnotation.processAction(evt);
           break;
@@ -261,7 +270,7 @@ var annotationLayer = function (arg) {
    * @param {geo.event} evt The mouse move or click event.
    */
   this._handleMouseMoveModifiers = function (evt) {
-    if (m_this.mode() !== m_this.modes.edit && m_this.currentAnnotation.options('allowBooleanOperations') && m_this.currentAnnotation._coordinates().length < 2) {
+    if (m_this.mode() !== m_this.modes.edit && m_this.currentAnnotation.options('allowBooleanOperations') && (m_this.currentAnnotation._coordinates().length < 2 || m_this.mode() === m_this.modes.cursor)) {
       if (evt.modifiers) {
         const mod = (evt.modifiers.shift ? 's' : '') + (evt.modifiers.ctrl ? 'c' : '') + (evt.modifiers.meta || evt.modifiers.alt ? 'a' : '');
         if (m_this._currentBooleanClass === m_this._booleanClasses[mod]) {
@@ -392,6 +401,13 @@ var annotationLayer = function (arg) {
       update = m_this.currentAnnotation.mouseClick(evt);
       m_this._updateFromEvent(update);
       retrigger = !m_this.mode();
+      if (m_this.mode() === m_this.modes.cursor) {
+        m_this.geoTrigger(geo_event.annotation.cursor_click, {
+          annotation: m_this.currentAnnotation,
+          operation: m_this.currentBooleanOperation(),
+          evt: evt
+        });
+      }
     } else if (!m_this.mode() && !m_this.currentAnnotation && m_this.options('clickToEdit')) {
       var highlighted = m_this.annotations().filter(function (ann) {
         return ann.state() === geo_annotation.state.highlight;
@@ -591,7 +607,8 @@ var annotationLayer = function (arg) {
 
   /* A list of special modes */
   this.modes = {
-    edit: 'edit'
+    edit: 'edit',
+    cursor: 'cursor'
   };
 
   /* Keys are short-hand for preferred event modifiers.  Values are classes to
@@ -608,11 +625,13 @@ var annotationLayer = function (arg) {
    *
    * @param {string|null} [arg] `undefined` to get the current mode, `null` to
    *    stop creating/editing, `this.modes.edit` (`'edit'`) plus an annotation
-   *    to switch to edit mode, or the name of the type of annotation to
-   *    create.  Available annotations can listed via
+   *    to switch to edit mode, `this.modes.cursor` plus an annotation to
+   *    switch to using the annotation as a cursor, or the name of the type of
+   *    annotation to create.  Available annotations can listed via
    *    {@link geo.listAnnotations}.
-   * @param {geo.annotation} [editAnnotation] If `arg === this.modes.edit`,
-   *    this is the annotation that should be edited.
+   * @param {geo.annotation} [editAnnotation] If `arg === this.modes.edit` or
+   *    `arg === this.modes.cursor`, this is the annotation that should be
+   *    edited or used.
    * @param {object} [options] Additional options to pass when creating an
    *    annotation.
    * @returns {string|null|this} The current mode or the layer.
@@ -622,11 +641,14 @@ var annotationLayer = function (arg) {
     if (arg === undefined) {
       return m_mode;
     }
-    if (arg !== m_mode || (arg === m_this.modes.edit && editAnnotation !== m_this.editAnnotation) || (arg !== m_this.modes.edit && arg && !m_this.currentAnnotation)) {
+    if (arg !== m_mode ||
+        ((arg === m_this.modes.edit || arg === m_this.modes.cursor) && editAnnotation !== m_this.editAnnotation) ||
+        (arg !== m_this.modes.edit && arg !== m_this.modes.cursor && arg && !m_this.currentAnnotation)
+    ) {
       var createAnnotation, actions,
           mapNode = m_this.map().node(), oldMode = m_mode;
       m_mode = arg;
-      mapNode.toggleClass('annotation-input', !!(m_mode && m_mode !== m_this.modes.edit));
+      mapNode.toggleClass('annotation-input', !!(m_mode && m_mode !== m_this.modes.edit && m_mode !== m_this.modes.cursor));
       if (!m_mode || m_mode === m_this.modes.edit) {
         Object.values(m_this._booleanClasses).forEach((c) => mapNode.toggleClass(c, false));
         m_this._currentBooleanClass = undefined;
@@ -649,6 +671,12 @@ var annotationLayer = function (arg) {
             m_this.modified();
             m_this.draw();
             break;
+          case geo_annotation.state.cursor:
+            m_this.currentAnnotation.state(geo_annotation.state.done);
+            m_this.modified();
+            m_this.draw();
+            m_this.map().node().toggleClass('annotation-cursor', false);
+            break;
         }
         m_this.currentAnnotation = null;
       }
@@ -656,6 +684,12 @@ var annotationLayer = function (arg) {
         m_this.currentAnnotation = editAnnotation;
         m_this.currentAnnotation.state(geo_annotation.state.edit);
         m_this.modified();
+      } else if (m_mode === m_this.modes.cursor) {
+        m_this.currentAnnotation = editAnnotation;
+        m_this.currentAnnotation.state(geo_annotation.state.cursor);
+        m_this.modified();
+        m_this.map().node().toggleClass('annotation-cursor', true);
+        actions = m_this.currentAnnotation.actions(geo_annotation.state.cursor);
       } else if (registry.registries.annotations[m_mode]) {
         createAnnotation = registry.registries.annotations[m_mode].func;
       }
@@ -669,13 +703,15 @@ var annotationLayer = function (arg) {
         m_this.currentAnnotation = createAnnotation(options);
         m_this.addAnnotation(m_this.currentAnnotation, null);
         actions = m_this.currentAnnotation.actions(geo_annotation.state.create);
+      }
+      if (actions) {
         $.each(actions, function (idx, action) {
           m_this.map().interactor().addAction(action);
         });
       }
       m_this.geoTrigger(geo_event.annotation.mode, {
         mode: m_mode, oldMode: oldMode});
-      if (oldMode === m_this.modes.edit) {
+      if (oldMode === m_this.modes.edit || oldMode === m_this.modes.cursor) {
         m_this.modified();
       }
     }

package/src/canvas/quadFeature.js

@@ -138,6 +138,14 @@ var canvas_quadFeature = function (arg) {
 
     var oldAlpha = context2d.globalAlpha;
     var opacity = oldAlpha;
+    var nearestPixel = m_this.nearestPixel();
+    if (nearestPixel !== undefined) {
+      if (nearestPixel !== true && util.isNonNullFinite(nearestPixel)) {
+        const 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;
@@ -193,6 +201,7 @@ var canvas_quadFeature = function (arg) {
       context2d.globalAlpha = oldAlpha;
     }
     context2d.setTransform(1, 0, 0, 1, 0, 0);
+    context2d.imageSmoothingEnabled = true;
   };
 
   /**

package/src/canvas/tileLayer.js

@@ -69,6 +69,7 @@ var canvas_tileLayer = function () {
    */
   this._update = function (request) {
     s_update.call(m_this, request);
+    m_quadFeature.nearestPixel(m_this.nearestPixel());
     m_this._addBaseQuadToTiles(m_quadFeature, m_tiles);
     return m_this;
   };

package/src/event.js

@@ -706,4 +706,32 @@ geo_event.annotation.mode = 'geo_annotation_mode';
  */
 geo_event.annotation.boolean = 'geo_annotation_boolean';
 
+/**
+ * Triggered when an annotation is in cursor mode and the mouse is clicked.
+ *
+ * @event geo.event.annotation.cursor_click
+ * @type {geo.event.base}
+ * @property {geo.annotation} annotation The annotation that is being operated
+ *      on.
+ * @property {string} operation The operation being performed.
+ * @property {boolean} [cancel] If the handle sets this to false, don't apply
+ *      the operation to the annotation layer.
+ * @property {object} event The triggering event.
+ */
+geo_event.annotation.cursor_click = 'geo_annotation_cursor_click';
+
+/**
+ * Triggered when an annotation is in cursor mode and an action occurs.
+ *
+ * @event geo.event.annotation.cursor_action
+ * @type {geo.event.base}
+ * @property {geo.annotation} annotation The annotation that is being operated
+ *      on.
+ * @property {string} operation The operation being performed.
+ * @property {boolean} [cancel] If the handle sets this to false, don't apply
+ *      the operation to the annotation layer.
+ * @property {object} event The triggering event.
+ */
+geo_event.annotation.cursor_action = 'geo_annotation_cursor_action';
+
 module.exports = geo_event;

package/src/main.styl

@@ -58,6 +58,17 @@
     &.annotation-xor
       cursor embedurl("./css/cursor-crosshair-xor.svg") 12 12,crosshair
 
+  &.annotation-cursor
+    cursor crosshair
+    &.annotation-intersect
+      cursor embedurl("./css/cursor-crosshair-intersect.svg") 12 12,crosshair
+    &.annotation-difference
+      cursor embedurl("./css/cursor-crosshair-difference.svg") 12 12,crosshair
+    &.annotation-union
+      cursor embedurl("./css/cursor-crosshair-union.svg") 12 12,crosshair
+    &.annotation-xor
+      cursor embedurl("./css/cursor-crosshair-xor.svg") 12 12,crosshair
+
   &.highlight-focus
     &:after
       content ""

package/src/map.js

@@ -407,18 +407,22 @@ var map = function (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;
     }
     var evt, bounds;
     /* 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. */
@@ -446,7 +450,7 @@ var map = function (arg) {
       m_this.pan({x: origin.map.x - shifted.x, y: origin.map.y - shifted.y},
                  ignoreDiscreteZoom, true);
     } else {
-      m_this.pan({x: 0, y: 0}, ignoreDiscreteZoom);
+      m_this.pan({x: 0, y: 0}, ignoreDiscreteZoom, ignoreClampBounds);
     }
     return m_this;
   };
@@ -1101,6 +1105,8 @@ var map = function (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,
@@ -1205,7 +1211,8 @@ var map = function (arg) {
       zCoord: opts.zCoord,
       done: opts.done,
       duration: opts.duration,
-      zoomOrigin: opts.zoomOrigin
+      zoomOrigin: opts.zoomOrigin,
+      endClamp: opts.endClamp
     };
 
     m_transition.interp = opts.interp([
@@ -1260,9 +1267,10 @@ var map = function (arg) {
         if (!next) {
           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));
         }
 
@@ -1297,7 +1305,7 @@ var map = function (arg) {
         }, null, true, true);
       } else {
         m_center = m_this.gcsToWorld({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);
 
@@ -1956,6 +1964,9 @@ var map = function (arg) {
     return m_this;
   };
 
+  /* Report the current version on the map object. */
+  this._version = require('./version');
+
   /**
    * 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.

package/src/mapInteractor.js

@@ -134,6 +134,7 @@ var mapInteractor = function (args) {
       m_boundKeys,
       m_touchHandler,
       m_state,
+      m_nextStateId = 0,
       m_queue,
       $node,
       m_selectionLayer = null,
@@ -1117,6 +1118,7 @@ var mapInteractor = function (args) {
       };
 
       // store the state object
+      m_nextStateId += 1;
       m_state = {
         action: action,
         actionRecord: actionRecord,
@@ -1124,6 +1126,7 @@ var mapInteractor = function (args) {
         initialZoom: map.zoom(),
         initialRotation: map.rotation(),
         initialEventRotation: evt.rotation,
+        stateId: m_nextStateId,
         delta: {x: 0, y: 0}
       };
 

package/src/pixelmapLayer.js

@@ -96,6 +96,7 @@ var pixelmapLayer = function (arg) {
   this._init = function () {
     // Call super class init
     s_init.apply(m_this, arguments);
+    m_this.nearestPixel(true, true);
 
     const pixelmapArgs = {quadFeature: m_this.features()[0]};
     if (arg.style) {

package/src/quadFeature.js

@@ -47,6 +47,10 @@ var feature = require('./feature');
  *   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.
  */
 
 /**
@@ -106,6 +110,7 @@ var quadFeature = function (arg) {
   var m_this = this,
       s_init = this._init,
       m_cacheQuads,
+      m_nearestPixel = arg.nearestPixel,
       m_nextQuadId = 0,
       m_images = [],
       m_videos = [],
@@ -677,6 +682,25 @@ var quadFeature = function (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.
    *

package/src/tileLayer.js

@@ -81,6 +81,10 @@ var featureLayer = require('./featureLayer');
  *   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.
  */
 
 /**
@@ -228,6 +232,7 @@ var tileLayer = function (arg) {
       m_reference,
       m_exited,
       m_lastBaseQuad,
+      m_nearestPixel = arg.nearestPixel,
       m_this = this;
 
   // copy the options into a private variable
@@ -1682,6 +1687,31 @@ var tileLayer = function (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.
    *

package/src/webgl/pixelmapFeature.js

@@ -134,7 +134,8 @@ var webgl_pixelmapFeature = function (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;
     }
@@ -153,11 +154,6 @@ var webgl_pixelmapFeature = function (arg) {
         prog.addUniform(lutHeight);
       };
       m_quadFeature._hookRenderImageQuads = (renderState, quads) => {
-        quads.forEach((quad) => {
-          if (quad.image && quad.texture && !quad.texture.nearestPixel()) {
-            quad.texture.setNearestPixel(true);
-          }
-        });
         m_lookupTable.bind(renderState, quads);
       };
       if (m_quadFeatureInit === false) {
@@ -188,6 +184,7 @@ var webgl_pixelmapFeature = function (arg) {
 
   if (arg.quadFeature) {
     m_quadFeature = arg.quadFeature;
+    m_quadFeature.nearestPixel(true);
   }
   this._init(arg);
   return this;