@mapwhit/tilerenderer 0.47.1

package/src/style/style_layer/hillshade_style_layer_properties.js

@@ -0,0 +1,43 @@
+// This file is generated. Edit layer-properties.js.ejs, then run `make generate-style-code`.
+
+const { Properties, DataConstantProperty } = require('../properties');
+
+const paint = new Properties({
+  'hillshade-illumination-direction': new DataConstantProperty({
+    type: 'number',
+    default: 335,
+    expression: { interpolated: true, parameters: ['zoom'] }
+  }),
+  'hillshade-illumination-anchor': new DataConstantProperty({
+    type: 'enum',
+    values: ['map', 'viewport'],
+    default: 'viewport',
+    expression: { parameters: ['zoom'] }
+  }),
+  'hillshade-exaggeration': new DataConstantProperty({
+    type: 'number',
+    default: 0.5,
+    transition: true,
+    expression: { interpolated: true, parameters: ['zoom'] }
+  }),
+  'hillshade-shadow-color': new DataConstantProperty({
+    type: 'color',
+    default: '#000000',
+    transition: true,
+    expression: { interpolated: true, parameters: ['zoom'] }
+  }),
+  'hillshade-highlight-color': new DataConstantProperty({
+    type: 'color',
+    default: '#FFFFFF',
+    transition: true,
+    expression: { interpolated: true, parameters: ['zoom'] }
+  }),
+  'hillshade-accent-color': new DataConstantProperty({
+    type: 'color',
+    default: '#000000',
+    transition: true,
+    expression: { interpolated: true, parameters: ['zoom'] }
+  })
+});
+
+module.exports = { paint };

package/src/style/style_layer/line_style_layer.js

@@ -0,0 +1,129 @@
+const Point = require('@mapbox/point-geometry');
+
+const StyleLayer = require('../style_layer');
+const LineBucket = require('../../data/bucket/line_bucket');
+const { polygonIntersectsBufferedMultiLine } = require('../../util/intersection_tests');
+const { getMaximumPaintValue, translateDistance, translate } = require('../query_utils');
+const properties = require('./line_style_layer_properties');
+const EvaluationParameters = require('../evaluation_parameters');
+const renderColorRamp = require('../../util/color_ramp');
+const { DataDrivenProperty } = require('../properties');
+
+class LineFloorwidthProperty extends DataDrivenProperty {
+  possiblyEvaluate(value, parameters) {
+    parameters = new EvaluationParameters(Math.floor(parameters.zoom), {
+      now: parameters.now,
+      fadeDuration: parameters.fadeDuration,
+      zoomHistory: parameters.zoomHistory,
+      transition: parameters.transition
+    });
+    return super.possiblyEvaluate(value, parameters);
+  }
+
+  evaluate(value, globals, feature, featureState) {
+    globals = Object.assign({}, globals, { zoom: Math.floor(globals.zoom) });
+    return super.evaluate(value, globals, feature, featureState);
+  }
+}
+
+const lineFloorwidthProperty = new LineFloorwidthProperty(properties.paint.properties['line-width'].specification);
+lineFloorwidthProperty.useIntegerZoom = true;
+
+class LineStyleLayer extends StyleLayer {
+  constructor(layer) {
+    super(layer, properties);
+  }
+
+  _handleSpecialPaintPropertyUpdate(name) {
+    if (name === 'line-gradient') {
+      this._updateGradient();
+    }
+  }
+
+  _updateGradient() {
+    const expression = this._transitionablePaint._values['line-gradient'].value.expression;
+    this.gradient = renderColorRamp(expression, 'lineProgress');
+    this.gradientTexture = null;
+  }
+
+  recalculate(parameters) {
+    super.recalculate(parameters);
+
+    this.paint._values['line-floorwidth'] = lineFloorwidthProperty.possiblyEvaluate(
+      this._transitioningPaint._values['line-width'].value,
+      parameters
+    );
+  }
+
+  createBucket(parameters) {
+    return new LineBucket(parameters);
+  }
+
+  queryRadius(bucket) {
+    const lineBucket = bucket;
+    const width = getLineWidth(
+      getMaximumPaintValue('line-width', this, lineBucket),
+      getMaximumPaintValue('line-gap-width', this, lineBucket)
+    );
+    const offset = getMaximumPaintValue('line-offset', this, lineBucket);
+    return width / 2 + Math.abs(offset) + translateDistance(this.paint.get('line-translate'));
+  }
+
+  queryIntersectsFeature(queryGeometry, feature, featureState, geometry, zoom, transform, pixelsToTileUnits) {
+    const translatedPolygon = translate(
+      queryGeometry,
+      this.paint.get('line-translate'),
+      this.paint.get('line-translate-anchor'),
+      transform.angle,
+      pixelsToTileUnits
+    );
+    const halfWidth =
+      (pixelsToTileUnits / 2) *
+      getLineWidth(
+        this.paint.get('line-width').evaluate(feature, featureState),
+        this.paint.get('line-gap-width').evaluate(feature, featureState)
+      );
+    const lineOffset = this.paint.get('line-offset').evaluate(feature, featureState);
+    if (lineOffset) {
+      geometry = offsetLine(geometry, lineOffset * pixelsToTileUnits);
+    }
+    return polygonIntersectsBufferedMultiLine(translatedPolygon, geometry, halfWidth);
+  }
+
+  isTileClipped() {
+    return true;
+  }
+}
+
+module.exports = LineStyleLayer;
+
+function getLineWidth(lineWidth, lineGapWidth) {
+  if (lineGapWidth > 0) {
+    return lineGapWidth + 2 * lineWidth;
+  }
+  return lineWidth;
+}
+
+function offsetLine(rings, offset) {
+  const newRings = [];
+  const zero = new Point(0, 0);
+  for (let k = 0; k < rings.length; k++) {
+    const ring = rings[k];
+    const newRing = [];
+    for (let i = 0; i < ring.length; i++) {
+      const a = ring[i - 1];
+      const b = ring[i];
+      const c = ring[i + 1];
+      const aToB = i === 0 ? zero : b.sub(a)._unit()._perp();
+      const bToC = i === ring.length - 1 ? zero : c.sub(b)._unit()._perp();
+      const extrude = aToB._add(bToC)._unit();
+
+      const cosHalfAngle = extrude.x * bToC.x + extrude.y * bToC.y;
+      extrude._mult(1 / cosHalfAngle);
+
+      newRing.push(extrude._mult(offset)._add(b));
+    }
+    newRings.push(newRing);
+  }
+  return newRings;
+}

package/src/style/style_layer/line_style_layer_properties.js

@@ -0,0 +1,104 @@
+// This file is generated. Edit layer-properties.js.ejs, then run `make generate-style-code`.
+
+const {
+  Properties,
+  ColorRampProperty,
+  CrossFadedDataDrivenProperty,
+  CrossFadedProperty,
+  DataConstantProperty,
+  DataDrivenProperty
+} = require('../properties');
+
+const layout = new Properties({
+  'line-cap': new DataConstantProperty({
+    type: 'enum',
+    values: ['butt', 'round', 'square'],
+    default: 'butt',
+    expression: { parameters: ['zoom'] }
+  }),
+  'line-join': new DataDrivenProperty({
+    type: 'enum',
+    values: ['bevel', 'round', 'miter'],
+    default: 'miter',
+    expression: { parameters: ['zoom', 'feature'] }
+  }),
+  'line-miter-limit': new DataConstantProperty({
+    type: 'number',
+    default: 2,
+    expression: { interpolated: true, parameters: ['zoom'] }
+  }),
+  'line-round-limit': new DataConstantProperty({
+    type: 'number',
+    default: 1.05,
+    expression: { interpolated: true, parameters: ['zoom'] }
+  })
+});
+const paint = new Properties({
+  'line-opacity': new DataDrivenProperty({
+    type: 'number',
+    default: 1,
+    transition: true,
+    expression: { interpolated: true, parameters: ['zoom', 'feature'] }
+  }),
+  'line-color': new DataDrivenProperty({
+    type: 'color',
+    default: '#000000',
+    transition: true,
+    expression: { interpolated: true, parameters: ['zoom', 'feature'] }
+  }),
+  'line-translate': new DataConstantProperty({
+    type: 'array',
+    value: 'number',
+    length: 2,
+    default: [0, 0],
+    transition: true,
+    expression: { interpolated: true, parameters: ['zoom'] }
+  }),
+  'line-translate-anchor': new DataConstantProperty({
+    type: 'enum',
+    values: ['map', 'viewport'],
+    default: 'map',
+    expression: { parameters: ['zoom'] }
+  }),
+  'line-width': new DataDrivenProperty({
+    type: 'number',
+    default: 1,
+    transition: true,
+    expression: { interpolated: true, parameters: ['zoom', 'feature'] }
+  }),
+  'line-gap-width': new DataDrivenProperty({
+    type: 'number',
+    default: 0,
+    transition: true,
+    expression: { interpolated: true, parameters: ['zoom', 'feature'] }
+  }),
+  'line-offset': new DataDrivenProperty({
+    type: 'number',
+    default: 0,
+    transition: true,
+    expression: { interpolated: true, parameters: ['zoom', 'feature'] }
+  }),
+  'line-blur': new DataDrivenProperty({
+    type: 'number',
+    default: 0,
+    transition: true,
+    expression: { interpolated: true, parameters: ['zoom', 'feature'] }
+  }),
+  'line-dasharray': new CrossFadedProperty({
+    type: 'array',
+    value: 'number',
+    transition: true,
+    expression: { parameters: ['zoom'] }
+  }),
+  'line-pattern': new CrossFadedDataDrivenProperty({
+    type: 'string',
+    transition: true,
+    expression: { parameters: ['zoom', 'feature'] }
+  }),
+  'line-gradient': new ColorRampProperty({
+    type: 'color',
+    expression: { interpolated: true, parameters: ['line-progress'] }
+  })
+});
+
+module.exports = { paint, layout };

package/src/style/style_layer/raster_style_layer.js

@@ -0,0 +1,11 @@
+const StyleLayer = require('../style_layer');
+
+const properties = require('./raster_style_layer_properties');
+
+class RasterStyleLayer extends StyleLayer {
+  constructor(layer) {
+    super(layer, properties);
+  }
+}
+
+module.exports = RasterStyleLayer;

package/src/style/style_layer/raster_style_layer_properties.js

@@ -0,0 +1,55 @@
+// This file is generated. Edit layer-properties.js.ejs, then run `make generate-style-code`.
+
+const { Properties, DataConstantProperty } = require('../properties');
+
+const paint = new Properties({
+  'raster-opacity': new DataConstantProperty({
+    type: 'number',
+    default: 1,
+    transition: true,
+    expression: { interpolated: true, parameters: ['zoom'] }
+  }),
+  'raster-hue-rotate': new DataConstantProperty({
+    type: 'number',
+    default: 0,
+    transition: true,
+    expression: { interpolated: true, parameters: ['zoom'] }
+  }),
+  'raster-brightness-min': new DataConstantProperty({
+    type: 'number',
+    default: 0,
+    transition: true,
+    expression: { interpolated: true, parameters: ['zoom'] }
+  }),
+  'raster-brightness-max': new DataConstantProperty({
+    type: 'number',
+    default: 1,
+    transition: true,
+    expression: { interpolated: true, parameters: ['zoom'] }
+  }),
+  'raster-saturation': new DataConstantProperty({
+    type: 'number',
+    default: 0,
+    transition: true,
+    expression: { interpolated: true, parameters: ['zoom'] }
+  }),
+  'raster-contrast': new DataConstantProperty({
+    type: 'number',
+    default: 0,
+    transition: true,
+    expression: { interpolated: true, parameters: ['zoom'] }
+  }),
+  'raster-resampling': new DataConstantProperty({
+    type: 'enum',
+    values: ['linear', 'nearest'],
+    default: 'linear',
+    expression: { parameters: ['zoom'] }
+  }),
+  'raster-fade-duration': new DataConstantProperty({
+    type: 'number',
+    default: 300,
+    expression: { interpolated: true, parameters: ['zoom'] }
+  })
+});
+
+module.exports = { paint };

package/src/style/style_layer/symbol_style_layer.js

@@ -0,0 +1,66 @@
+const StyleLayer = require('../style_layer');
+
+const SymbolBucket = require('../../data/bucket/symbol_bucket');
+const resolveTokens = require('../../util/token');
+const { isExpression } = require('../../style-spec/expression');
+const assert = require('assert');
+const properties = require('./symbol_style_layer_properties');
+
+class SymbolStyleLayer extends StyleLayer {
+  constructor(layer) {
+    super(layer, properties);
+  }
+
+  recalculate(parameters) {
+    super.recalculate(parameters);
+
+    if (this.layout.get('icon-rotation-alignment') === 'auto') {
+      if (this.layout.get('symbol-placement') !== 'point') {
+        this.layout._values['icon-rotation-alignment'] = 'map';
+      } else {
+        this.layout._values['icon-rotation-alignment'] = 'viewport';
+      }
+    }
+
+    if (this.layout.get('text-rotation-alignment') === 'auto') {
+      if (this.layout.get('symbol-placement') !== 'point') {
+        this.layout._values['text-rotation-alignment'] = 'map';
+      } else {
+        this.layout._values['text-rotation-alignment'] = 'viewport';
+      }
+    }
+
+    // If unspecified, `*-pitch-alignment` inherits `*-rotation-alignment`
+    if (this.layout.get('text-pitch-alignment') === 'auto') {
+      this.layout._values['text-pitch-alignment'] = this.layout.get('text-rotation-alignment');
+    }
+    if (this.layout.get('icon-pitch-alignment') === 'auto') {
+      this.layout._values['icon-pitch-alignment'] = this.layout.get('icon-rotation-alignment');
+    }
+  }
+
+  getValueAndResolveTokens(name, feature) {
+    const value = this.layout.get(name).evaluate(feature, {});
+    const unevaluated = this._unevaluatedLayout._values[name];
+    if (!unevaluated.isDataDriven() && !isExpression(unevaluated.value)) {
+      return resolveTokens(feature.properties, value);
+    }
+
+    return value;
+  }
+
+  createBucket(parameters) {
+    return new SymbolBucket(parameters);
+  }
+
+  queryRadius() {
+    return 0;
+  }
+
+  queryIntersectsFeature() {
+    assert(false); // Should take a different path in FeatureIndex
+    return false;
+  }
+}
+
+module.exports = SymbolStyleLayer;

package/src/style/style_layer/symbol_style_layer_properties.js

@@ -0,0 +1,288 @@
+// This file is generated. Edit layer-properties.js.ejs, then run `make generate-style-code`.
+
+const { Properties, DataConstantProperty, DataDrivenProperty } = require('../properties');
+
+const layout = new Properties({
+  'symbol-placement': new DataConstantProperty({
+    type: 'enum',
+    values: ['point', 'line', 'line-center'],
+    default: 'point',
+    expression: { parameters: ['zoom'] }
+  }),
+  'symbol-spacing': new DataConstantProperty({
+    type: 'number',
+    default: 250,
+    expression: { interpolated: true, parameters: ['zoom'] }
+  }),
+  'symbol-avoid-edges': new DataConstantProperty({
+    type: 'boolean',
+    default: false,
+    expression: { parameters: ['zoom'] }
+  }),
+  'icon-allow-overlap': new DataConstantProperty({
+    type: 'boolean',
+    default: false,
+    expression: { parameters: ['zoom'] }
+  }),
+  'icon-ignore-placement': new DataConstantProperty({
+    type: 'boolean',
+    default: false,
+    expression: { parameters: ['zoom'] }
+  }),
+  'icon-optional': new DataConstantProperty({ type: 'boolean', default: false, expression: { parameters: ['zoom'] } }),
+  'icon-rotation-alignment': new DataConstantProperty({
+    type: 'enum',
+    values: ['map', 'viewport', 'auto'],
+    default: 'auto',
+    expression: { parameters: ['zoom'] }
+  }),
+  'icon-size': new DataDrivenProperty({
+    type: 'number',
+    default: 1,
+    expression: { interpolated: true, parameters: ['zoom', 'feature'] }
+  }),
+  'icon-text-fit': new DataConstantProperty({
+    type: 'enum',
+    values: ['none', 'width', 'height', 'both'],
+    default: 'none',
+    expression: { parameters: ['zoom'] }
+  }),
+  'icon-text-fit-padding': new DataConstantProperty({
+    type: 'array',
+    value: 'number',
+    length: 4,
+    default: [0, 0, 0, 0],
+    expression: { interpolated: true, parameters: ['zoom'] }
+  }),
+  'icon-image': new DataDrivenProperty({
+    type: 'string',
+    tokens: true,
+    expression: { parameters: ['zoom', 'feature'] }
+  }),
+  'icon-rotate': new DataDrivenProperty({
+    type: 'number',
+    default: 0,
+    expression: { interpolated: true, parameters: ['zoom', 'feature'] }
+  }),
+  'icon-padding': new DataConstantProperty({
+    type: 'number',
+    default: 2,
+    expression: { interpolated: true, parameters: ['zoom'] }
+  }),
+  'icon-keep-upright': new DataConstantProperty({
+    type: 'boolean',
+    default: false,
+    expression: { parameters: ['zoom'] }
+  }),
+  'icon-offset': new DataDrivenProperty({
+    type: 'array',
+    value: 'number',
+    length: 2,
+    default: [0, 0],
+    expression: { interpolated: true, parameters: ['zoom', 'feature'] }
+  }),
+  'icon-anchor': new DataDrivenProperty({
+    type: 'enum',
+    values: ['center', 'left', 'right', 'top', 'bottom', 'top-left', 'top-right', 'bottom-left', 'bottom-right'],
+    default: 'center',
+    expression: { parameters: ['zoom', 'feature'] }
+  }),
+  'icon-pitch-alignment': new DataConstantProperty({
+    type: 'enum',
+    values: ['map', 'viewport', 'auto'],
+    default: 'auto',
+    expression: { parameters: ['zoom'] }
+  }),
+  'text-pitch-alignment': new DataConstantProperty({
+    type: 'enum',
+    values: ['map', 'viewport', 'auto'],
+    default: 'auto',
+    expression: { parameters: ['zoom'] }
+  }),
+  'text-rotation-alignment': new DataConstantProperty({
+    type: 'enum',
+    values: ['map', 'viewport', 'auto'],
+    default: 'auto',
+    expression: { parameters: ['zoom'] }
+  }),
+  'text-field': new DataDrivenProperty({
+    type: 'string',
+    default: '',
+    tokens: true,
+    expression: { parameters: ['zoom', 'feature'] }
+  }),
+  'text-font': new DataDrivenProperty({
+    type: 'array',
+    value: 'string',
+    default: ['Open Sans Regular', 'Arial Unicode MS Regular'],
+    expression: { parameters: ['zoom', 'feature'] }
+  }),
+  'text-size': new DataDrivenProperty({
+    type: 'number',
+    default: 16,
+    expression: { interpolated: true, parameters: ['zoom', 'feature'] }
+  }),
+  'text-max-width': new DataDrivenProperty({
+    type: 'number',
+    default: 10,
+    expression: { interpolated: true, parameters: ['zoom', 'feature'] }
+  }),
+  'text-line-height': new DataConstantProperty({
+    type: 'number',
+    default: 1.2,
+    expression: { interpolated: true, parameters: ['zoom'] }
+  }),
+  'text-letter-spacing': new DataDrivenProperty({
+    type: 'number',
+    default: 0,
+    expression: { interpolated: true, parameters: ['zoom', 'feature'] }
+  }),
+  'text-justify': new DataDrivenProperty({
+    type: 'enum',
+    values: ['left', 'center', 'right'],
+    default: 'center',
+    expression: { parameters: ['zoom', 'feature'] }
+  }),
+  'text-anchor': new DataDrivenProperty({
+    type: 'enum',
+    values: ['center', 'left', 'right', 'top', 'bottom', 'top-left', 'top-right', 'bottom-left', 'bottom-right'],
+    default: 'center',
+    expression: { parameters: ['zoom', 'feature'] }
+  }),
+  'text-max-angle': new DataConstantProperty({
+    type: 'number',
+    default: 45,
+    expression: { interpolated: true, parameters: ['zoom'] }
+  }),
+  'text-rotate': new DataDrivenProperty({
+    type: 'number',
+    default: 0,
+    expression: { interpolated: true, parameters: ['zoom', 'feature'] }
+  }),
+  'text-padding': new DataConstantProperty({
+    type: 'number',
+    default: 2,
+    expression: { interpolated: true, parameters: ['zoom'] }
+  }),
+  'text-keep-upright': new DataConstantProperty({
+    type: 'boolean',
+    default: true,
+    expression: { parameters: ['zoom'] }
+  }),
+  'text-transform': new DataDrivenProperty({
+    type: 'enum',
+    values: ['none', 'uppercase', 'lowercase'],
+    default: 'none',
+    expression: { parameters: ['zoom', 'feature'] }
+  }),
+  'text-offset': new DataDrivenProperty({
+    type: 'array',
+    value: 'number',
+    length: 2,
+    default: [0, 0],
+    expression: { interpolated: true, parameters: ['zoom', 'feature'] }
+  }),
+  'text-allow-overlap': new DataConstantProperty({
+    type: 'boolean',
+    default: false,
+    expression: { parameters: ['zoom'] }
+  }),
+  'text-ignore-placement': new DataConstantProperty({
+    type: 'boolean',
+    default: false,
+    expression: { parameters: ['zoom'] }
+  }),
+  'text-optional': new DataConstantProperty({ type: 'boolean', default: false, expression: { parameters: ['zoom'] } })
+});
+const paint = new Properties({
+  'icon-opacity': new DataDrivenProperty({
+    type: 'number',
+    default: 1,
+    transition: true,
+    expression: { interpolated: true, parameters: ['zoom', 'feature'] }
+  }),
+  'icon-color': new DataDrivenProperty({
+    type: 'color',
+    default: '#000000',
+    transition: true,
+    expression: { interpolated: true, parameters: ['zoom', 'feature'] }
+  }),
+  'icon-halo-color': new DataDrivenProperty({
+    type: 'color',
+    default: 'rgba(0, 0, 0, 0)',
+    transition: true,
+    expression: { interpolated: true, parameters: ['zoom', 'feature'] }
+  }),
+  'icon-halo-width': new DataDrivenProperty({
+    type: 'number',
+    default: 0,
+    transition: true,
+    expression: { interpolated: true, parameters: ['zoom', 'feature'] }
+  }),
+  'icon-halo-blur': new DataDrivenProperty({
+    type: 'number',
+    default: 0,
+    transition: true,
+    expression: { interpolated: true, parameters: ['zoom', 'feature'] }
+  }),
+  'icon-translate': new DataConstantProperty({
+    type: 'array',
+    value: 'number',
+    length: 2,
+    default: [0, 0],
+    transition: true,
+    expression: { interpolated: true, parameters: ['zoom'] }
+  }),
+  'icon-translate-anchor': new DataConstantProperty({
+    type: 'enum',
+    values: ['map', 'viewport'],
+    default: 'map',
+    expression: { parameters: ['zoom'] }
+  }),
+  'text-opacity': new DataDrivenProperty({
+    type: 'number',
+    default: 1,
+    transition: true,
+    expression: { interpolated: true, parameters: ['zoom', 'feature'] }
+  }),
+  'text-color': new DataDrivenProperty({
+    type: 'color',
+    default: '#000000',
+    transition: true,
+    expression: { interpolated: true, parameters: ['zoom', 'feature'] }
+  }),
+  'text-halo-color': new DataDrivenProperty({
+    type: 'color',
+    default: 'rgba(0, 0, 0, 0)',
+    transition: true,
+    expression: { interpolated: true, parameters: ['zoom', 'feature'] }
+  }),
+  'text-halo-width': new DataDrivenProperty({
+    type: 'number',
+    default: 0,
+    transition: true,
+    expression: { interpolated: true, parameters: ['zoom', 'feature'] }
+  }),
+  'text-halo-blur': new DataDrivenProperty({
+    type: 'number',
+    default: 0,
+    transition: true,
+    expression: { interpolated: true, parameters: ['zoom', 'feature'] }
+  }),
+  'text-translate': new DataConstantProperty({
+    type: 'array',
+    value: 'number',
+    length: 2,
+    default: [0, 0],
+    transition: true,
+    expression: { interpolated: true, parameters: ['zoom'] }
+  }),
+  'text-translate-anchor': new DataConstantProperty({
+    type: 'enum',
+    values: ['map', 'viewport'],
+    default: 'map',
+    expression: { parameters: ['zoom'] }
+  })
+});
+
+module.exports = { paint, layout };