itowns 2.44.3-next.4 → 2.44.3-next.41

package/lib/Source/VectorTilesSource.js

@@ -1,178 +0,0 @@
-import { featureFilter } from '@mapbox/mapbox-gl-style-spec';
-import Style from "../Core/Style.js";
-import TMSSource from "./TMSSource.js";
-import URLBuilder from "../Provider/URLBuilder.js";
-import Fetcher from "../Provider/Fetcher.js";
-import urlParser from "../Parser/MapBoxUrlParser.js";
-function toTMSUrl(url) {
-  return url.replace(/\{/g, '${');
-}
-function mergeCollections(collections) {
-  const collection = collections[0];
-  collections.forEach((col, index) => {
-    if (index === 0) {
-      return;
-    }
-    col.features.forEach(feature => {
-      collection.features.push(feature);
-    });
-  });
-  return collection;
-}
-
-/**
- * VectorTilesSource are object containing informations on how to fetch vector
- * tiles resources.
- *
- * @property {function} filter - function to filter vector tiles layers, the
- * parameter function is a layer.
- * @property {boolean} [symbolToCircle=false] - If true, all symbols from a tile
- * will be considered as circle, and render as circles.
- */
-class VectorTilesSource extends TMSSource {
-  /**
-   * @param {Object} source - An object that can contain all properties of a
-   * VectorTilesSource and {@link Source}.
-   * @param {string|Object} source.style - The URL of the JSON style, of the
-   * JSON style directly.
-   * @param {string} [source.sprite] - The base URL to load informations about
-   * the sprite of the style. If this is set, it overrides the `sprite` value
-   * of the `source.style`. A style's sprite property supplies a URL template
-   * for loading small images.
-   * ```js
-   * {
-   *      sprite: 'http//:xxxxx/maps/sprites/'
-   * }
-   * ```
-   * A valid sprite source must supply two types of files:
-   * * An index file, which is a JSON document containing a description of each image contained in the sprite.
-   * * Image files, which are PNG images containing the sprite data.
-   *
-   * For more specification : [the Mapbox sprite Specification](https://docs.mapbox.com/mapbox-gl-js/style-spec/sprite/)
-   *
-   * @param {string} [source.url] - The base URL to load the tiles. If no url
-   * is specified, it reads it from the loaded style. Read [the Mapbox Style
-   * Specification](https://docs.mapbox.com/mapbox-gl-js/style-spec/sources/)
-   * for more informations.
-   * @param {string} [source.accessToken] - Mapbox access token
-   */
-  constructor(source) {
-    source.format = 'application/x-protobuf;type=mapbox-vector';
-    source.crs = 'EPSG:3857';
-    source.isInverted = true;
-    source.url = source.url || '.';
-    super(source);
-    const ffilter = source.filter || (() => true);
-    this.urls = [];
-    this.layers = {};
-    this.styles = {};
-    let promise;
-    this.isVectorTileSource = true;
-    this.accessToken = source.accessToken;
-    if (source.style) {
-      if (typeof source.style == 'string') {
-        const styleUrl = urlParser.normalizeStyleURL(source.style, this.accessToken);
-        promise = Fetcher.json(styleUrl, this.networkOptions);
-      } else {
-        promise = Promise.resolve(source.style);
-      }
-    } else {
-      throw new Error('New VectorTilesSource: style is required');
-    }
-    this.whenReady = promise.then(style => {
-      this.jsonStyle = style;
-      const baseurl = source.sprite || style.sprite;
-      if (baseurl) {
-        const spriteUrl = urlParser.normalizeSpriteURL(baseurl, '', '.json', this.accessToken);
-        return Fetcher.json(spriteUrl, this.networkOptions).then(sprites => {
-          this.sprites = sprites;
-          const imgUrl = urlParser.normalizeSpriteURL(baseurl, '', '.png', this.accessToken);
-          this.sprites.source = imgUrl;
-          return style;
-        });
-      }
-      return style;
-    }).then(style => {
-      style.layers.forEach((layer, order) => {
-        layer.sourceUid = this.uid;
-        if (layer.type === 'background') {
-          this.backgroundLayer = layer;
-        } else if (ffilter(layer)) {
-          const style = Style.setFromVectorTileLayer(layer, this.sprites, order, this.symbolToCircle);
-          this.styles[layer.id] = style;
-          if (!this.layers[layer['source-layer']]) {
-            this.layers[layer['source-layer']] = [];
-          }
-          this.layers[layer['source-layer']].push({
-            id: layer.id,
-            order,
-            filterExpression: featureFilter(layer.filter),
-            zoom: {
-              min: layer.minzoom || 0,
-              max: layer.maxzoom || 24
-            }
-          });
-        }
-      });
-      if (this.url == '.') {
-        const TMSUrlList = Object.values(style.sources).map(sourceVT => {
-          if (sourceVT.url) {
-            const urlSource = urlParser.normalizeSourceURL(sourceVT.url, this.accessToken);
-            return Fetcher.json(urlSource, this.networkOptions).then(tileJSON => {
-              if (tileJSON.tiles[0]) {
-                return toTMSUrl(tileJSON.tiles[0]);
-              }
-            });
-          } else if (sourceVT.tiles) {
-            return Promise.resolve(toTMSUrl(sourceVT.tiles[0]));
-          }
-          return Promise.reject();
-        });
-        return Promise.all(TMSUrlList);
-      }
-      return Promise.resolve([this.url]);
-    }).then(TMSUrlList => {
-      this.urls = Array.from(new Set(TMSUrlList));
-    });
-  }
-  urlFromExtent(extent, url) {
-    return URLBuilder.xyz(extent, {
-      tileMatrixCallback: this.tileMatrixCallback,
-      url
-    });
-  }
-  onLayerAdded(options) {
-    super.onLayerAdded(options);
-    if (options.out.style) {
-      if (options.out.isFeatureGeometryLayer && options.out.accurate) {
-        console.warn('With VectorTilesSource and FeatureGeometryLayer, the accurate option is always false');
-        options.out.accurate = false;
-      }
-    }
-  }
-  loadData(extent, out) {
-    const cache = this._featuresCaches[out.crs];
-    const key = this.requestToKey(extent);
-    // try to get parsed data from cache
-    let features = cache.getByArray(key);
-    if (!features) {
-      // otherwise fetch/parse the data
-      features = cache.setByArray(Promise.all(this.urls.map(url => this.fetcher(this.urlFromExtent(extent, url), this.networkOptions).then(file => this.parser(file, {
-        out,
-        in: this,
-        extent
-      })))).then(collections => mergeCollections(collections)).catch(err => this.handlingError(err)), key);
-
-      /* istanbul ignore next */
-      if (this.onParsedFile) {
-        features.then(feat => {
-          this.onParsedFile(feat);
-          console.warn('Source.onParsedFile was deprecated');
-          return feat;
-        });
-      }
-    }
-    return features;
-  }
-}
-export default VectorTilesSource;

package/lib/Source/WFSSource.js

@@ -1,165 +0,0 @@
-import Source from "./Source.js";
-import URLBuilder from "../Provider/URLBuilder.js";
-import CRS from "../Core/Geographic/Crs.js";
-
-/**
- * An object defining the source of resources to get from a
- * [WFS](http://www.opengeospatial.org/standards/wfs) server. It inherits
- * from {@link Source}.
- *
- * @extends Source
- *
- * @property {boolean} isWFSSource - Used to checkout whether this source is a
- * WFSSource. Default is true. You should not change this, as it is used
- * internally for optimisation.
- * @property {string} typeName - The name of the feature to get, used in the
- * generation of the url.
- * @property {string} version - The version of the WFS server to request on.
- * Default value is '2.0.2'.
- * @property {Object} zoom - Object containing the minimum and maximum values of
- * the level, to zoom in the source.
- * @property {number} zoom.min - The minimum level of the source. Default value
- * is 0.
- * @property {number} zoom.max - The maximum level of the source. Default value
- * is 21.
- * @property {string} bboxDigits - The bbox digits precision used in URL
- * @property {Object} vendorSpecific - An object containing vendor specific
- * parameters. See for example a [list of these parameters for GeoServer]{@link
- * https://docs.geoserver.org/latest/en/user/services/wfs/vendor.html}. This
- * object is read simply with the `key` being the name of the parameter and
- * `value` being the value of the parameter. If used, this property should be
- * set in the constructor parameters.
- *
- * @example
- * // Add color layer with WFS source
- * // Create the source
- * const wfsSource = new itowns.WFSSource({
- *     url: 'https://data.geopf.fr/wfs/ows?',
- *     version: '2.0.0',
- *     typeName: 'BDTOPO_BDD_WLD_WGS84G:bati_remarquable',
- *     crs: 'EPSG:4326',
- *     extent: {
- *         west: 4.568,
- *         east: 5.18,
- *         south: 45.437,
- *         north: 46.03,
- *     },
- *     zoom: { min: 14, max: 14 },
- *     format: 'application/json',
- * });
- *
- * // Create the layer
- * const colorlayer = new itowns.ColorLayer('color_build', {
- *     style: {
- *         fill: 'red',
- *         fillOpacity: 0.5,
- *         stroke: 'white',
- *     },
- *     source: wfsSource,
- * });
- *
- * // Add the layer
- * view.addLayer(colorlayer);
- *
- * @example
- * // Add geometry layer with WFS source
- * // Create the source
- * const wfsSource = new itowns.WFSSource({
- *     url: 'https://data.geopf.fr/wfs/ows?',
- *     version: '2.0.0',
- *     typeName: 'BDTOPO_BDD_WLD_WGS84G:bati_remarquable',
- *     crs: 'EPSG:4326',
- *     extent: {
- *         west: 4.568,
- *         east: 5.18,
- *         south: 45.437,
- *         north: 46.03,
- *     },
- *     zoom: { min: 14, max: 14 },
- *     format: 'application/json',
- * });
- *
- * // Create the layer
- * const geometryLayer = new itowns.FeatureGeometryLayer('mesh_build', {
- *     style: {
- *         fill: {
- *             color: new itowns.THREE.Color(0xffcc00),
- *             base_altitude: (p) => p.altitude,
- *             extrusion_height: (p) => p.height,
- *         }
- *     },
- *     source: wfsSource,
- *     zoom: { min: 14 },
- * };
- *
- * // Add the layer
- * view.addLayer(geometryLayer);
- */
-class WFSSource extends Source {
-  /**
-   * @param {Object} source - An object that can contain all properties of a
-   * WFSSource and {@link Source}. `url`, `typeName` and `crs` are
-   * mandatory.
-   */
-  constructor(source) {
-    if (source.projection) {
-      console.warn('WFSSource projection parameter is deprecated, use crs instead.');
-      source.crs = source.crs || source.projection;
-    }
-    if (!source.typeName) {
-      throw new Error('source.typeName is required in wfs source.');
-    }
-    if (!source.crs) {
-      throw new Error('source.crs is required in wfs source');
-    }
-    source.format = source.format || 'application/json';
-    super(source);
-    this.isWFSSource = true;
-    this.typeName = source.typeName;
-    this.version = source.version || '2.0.2';
-    this.bboxDigits = source.bboxDigits;
-
-    // Add ? at the end of the url if it is not already in the given URL
-    if (!this.url.endsWith('?')) {
-      this.url = `${this.url}?`;
-    }
-    this.url = `${source.url}SERVICE=WFS&REQUEST=GetFeature&typeName=${this.typeName}&VERSION=${this.version}&SRSNAME=${this.crs}&outputFormat=${this.format}&BBOX=%bbox,${this.crs}`;
-    this.zoom = {
-      min: 0,
-      max: Infinity
-    };
-    this.vendorSpecific = source.vendorSpecific;
-    for (const name in this.vendorSpecific) {
-      if (Object.prototype.hasOwnProperty.call(this.vendorSpecific, name)) {
-        this.url = `${this.url}&${name}=${this.vendorSpecific[name]}`;
-      }
-    }
-  }
-  handlingError(err) {
-    if (err.response && err.response.status == 400) {
-      return err.response.text().then(text => {
-        const getCapUrl = `${this.url}SERVICE=WFS&REQUEST=GetCapabilities&VERSION=${this.version}`;
-        const xml = new DOMParser().parseFromString(text, 'application/xml');
-        const errorElem = xml.querySelector('Exception');
-        const errorCode = errorElem.getAttribute('exceptionCode');
-        const errorMessage = errorElem.querySelector('ExceptionText').textContent;
-        console.error(`Source ${this.typeName}: bad request when fetching data. Server says: "${errorCode}: ${errorMessage}". \nReviewing ${getCapUrl} may help.`, err);
-      });
-    }
-    return super.handlingError(err);
-  }
-  requestToKey(extent) {
-    if (CRS.isTms(extent.crs)) {
-      return super.requestToKey(extent);
-    } else {
-      return [extent.zoom, extent.south, extent.west];
-    }
-  }
-  urlFromExtent(extent) {
-    return URLBuilder.bbox(extent, this);
-  }
-  extentInsideLimit(extent) {
-    return this.extent.intersectsExtent(extent);
-  }
-}
-export default WFSSource;

package/lib/Source/WMSSource.js

@@ -1,130 +0,0 @@
-import Source from "./Source.js";
-import URLBuilder from "../Provider/URLBuilder.js";
-
-/**
- * An object defining the source of images to get from a
- * [WMS](http://www.opengeospatial.org/standards/wms) server. It inherits
- * from {@link Source}.
- *
- * @extends Source
- *
- * @property {boolean} isWMSSource - Used to checkout whether this source is a
- * WMSSource. Default is true. You should not change this, as it is used
- * internally for optimisation.
- * @property {string} name - The name of the layer, used in the generation of
- * the url.
- * @property {string} version - The version of the WMS server to request on.
- * Default value is '1.3.0'.
- * @property {string} style - The style to query on the WMS server. Default
- * value is 'normal'.
- * @property {number} width - The width of the image to fetch, in pixel.
- * Default value is the height if set or 256.
- * @property {number} height - The height of the image to fetch, in pixel.
- * Default value is the width if set or 256.
- * @property {string} axisOrder - The order of the axis, that helps building the
- * BBOX to put in the url requesting a resource. Default value is 'wsen', other
- * value can be 'swne'.
- * @property {boolean} transparent - Tells if the image to fetch needs
- * transparency support. Default value is false.
- * @property {Object} zoom - Object containing the minimum and maximum values of
- * the level, to zoom in the source.
- * @property {number} zoom.min - The minimum level of the source. Default value
- * is 0.
- * @property {number} zoom.max - The maximum level of the source. Default value
- * is 21.
- * @property {string} bboxDigits - The bbox digits precision used in URL
- * @property {Object} vendorSpecific - An object containing vendor specific
- * parameters. See for example a [list of these parameters for GeoServer](
- * https://docs.geoserver.org/latest/en/user/services/wms/vendor.html). This
- * object is read simply with the `key` being the name of the parameter and
- * `value` being the value of the parameter. If used, this property should be
- * set in the constructor parameters.
- *
- * @example
- * // Create the source
- * const wmsSource = new itowns.WMSSource({
- *     url: 'https://server.geo/wms',
- *     version: '1.3.0',
- *     name: 'REGION.2016',
- *     style: '',
- *     crs: 'EPSG:3857',
- *     extent: {
- *         west: '-6880639.13557728',
- *         east: '6215707.87974825',
- *         south: '-2438399.00148845',
- *         north: '7637050.03850605',
- *     },
- *     transparent: true,
- * });
- *
- * // Create the layer
- * const colorlayer = new itowns.ColorLayer('Region', {
- *     source: wmsSource,
- * });
- *
- * // Add the layer
- * view.addLayer(colorlayer);
- */
-class WMSSource extends Source {
-  /**
-   * @param {Object} source - An object that can contain all properties of
-   * WMSSource and {@link Source}. `url`, `name`, `extent` and `crs`
-   * are mandatory.
-   */
-  constructor(source) {
-    if (!source.name) {
-      throw new Error('source.name is required.');
-    }
-    if (!source.extent) {
-      throw new Error('source.extent is required');
-    }
-    if (!source.crs && !source.projection) {
-      throw new Error('source.crs is required');
-    }
-    source.format = source.format || 'image/png';
-    super(source);
-    this.isWMSSource = true;
-    this.name = source.name;
-    this.zoom = {
-      min: 0,
-      max: Infinity
-    };
-    this.style = source.style || '';
-    this.width = source.width || source.height || 256;
-    this.height = source.height || source.width || 256;
-    this.version = source.version || '1.3.0';
-    this.transparent = source.transparent || false;
-    this.bboxDigits = source.bboxDigits;
-    if (!source.axisOrder) {
-      // 4326 (lat/long) axis order depends on the WMS version used
-      if (this.crs == 'EPSG:4326') {
-        // EPSG 4326 x = lat, long = y
-        // version 1.1.0 long/lat while version 1.3.0 mandates xy (so lat,long)
-        this.axisOrder = this.version === '1.1.0' ? 'wsen' : 'swne';
-      } else {
-        // xy,xy order
-        this.axisOrder = 'wsen';
-      }
-    }
-    const crsPropName = this.version === '1.3.0' ? 'CRS' : 'SRS';
-
-    // Add ? at the end of the url if it is not already in the given URL
-    if (!this.url.endsWith('?')) {
-      this.url = `${this.url}?`;
-    }
-    this.url = `${this.url}SERVICE=WMS&REQUEST=GetMap&LAYERS=${this.name}&VERSION=${this.version}&STYLES=${this.style}&FORMAT=${this.format}&TRANSPARENT=${this.transparent}&BBOX=%bbox&${crsPropName}=${this.crs}&WIDTH=${this.width}&HEIGHT=${this.height}`;
-    this.vendorSpecific = source.vendorSpecific;
-    for (const name in this.vendorSpecific) {
-      if (Object.prototype.hasOwnProperty.call(this.vendorSpecific, name)) {
-        this.url = `${this.url}&${name}=${this.vendorSpecific[name]}`;
-      }
-    }
-  }
-  urlFromExtent(extent) {
-    return URLBuilder.bbox(extent, this);
-  }
-  extentInsideLimit(extent) {
-    return this.extent.intersectsExtent(extent);
-  }
-}
-export default WMSSource;

package/lib/Source/WMTSSource.js

@@ -1,86 +0,0 @@
-import TMSSource from "./TMSSource.js";
-
-/**
- * An object defining the source of resources to get from a
- * [WMTS](http://www.opengeospatial.org/standards/wmts) server. It inherits
- * from {@link TMSSource}.
- *
- * @extends TMSSource
- *
- * @property {boolean} isWMTSSource - Used to checkout whether this source is a
- * WMTSSource. Default is true. You should not change this, as it is used
- * internally for optimisation.
- * @property {string} name - The name of the layer, used in the generation of
- * the url.
- * @property {string} version - The version of the WMTS server to request on.
- * Default value is '1.0.0'.
- * @property {string} style - The style to query on the WMTS server. Default
- * value is 'normal'.
- * @property {string} crs - The crs projection in which to fetch the data.
- * @property {string} tileMatrixSet - Tile matrix set of the layer, used in the
- * generation of the url. Default value is 'WGS84'.
- * @property {Object} tileMatrixSetLimits - Limits of the tile matrix set. Each
- * limit has for key its level number, and their properties are the
- * `minTileRow`, `maxTileRow`, `minTileCol` and `maxTileCol`.
- * @property {number} tileMatrixSetLimits.minTileRow - Minimum row for tiles at
- * the specified level.
- * @property {number} tileMatrixSetLimits.maxTileRow - Maximum row for tiles at
- * the specified level.
- * @property {number} tileMatrixSetLimits.minTileCol - Minimum column for tiles
- * at the specified level.
- * @property {number} tileMatrixSetLimits.maxTileCol - Maximum column for tiles
- * at the specified level.
- * @property {Object} zoom - Object containing the minimum and maximum values of
- * the level, to zoom in the source.
- * @property {number} zoom.min - The minimum level of the source. Default value
- * is 2.
- * @property {number} zoom.max - The maximum level of the source. Default value
- * is 20.
- * @property {Object} vendorSpecific - An object containing vendor specific
- * parameters. This object is read simply with the `key` being the name of the
- * parameter and `value` being the value of the parameter. If used, this
- * property should be set in the constructor parameters.
- *
- * @example
- * // Create the source
- * const wmtsSource = new itowns.WMTSSource({
- *     name: 'DARK',
- *     tileMatrixSet: 'PM',
- *     url: 'http://server.geo/wmts',
- *     format: 'image/jpg',
- * });
- *
- * // Create the layer
- * const colorLayer = new itowns.ColorLayer('darkmap', {
- *     source: wmtsSource,
- * });
- *
- * // Add the layer
- * view.addLayer(colorLayer);
- */
-class WMTSSource extends TMSSource {
-  /**
-   * @param {Object} source - An object that can contain all properties of a
-   * WMTSSource and {@link Source}. Only `url`, `name` and `crs` are mandatory.
-   */
-  constructor(source) {
-    if (!source.name) {
-      throw new Error('New WMTSSource: name is required');
-    }
-    super(source);
-    this.isWMTSSource = true;
-
-    // Add ? at the end of the url if it is not already in the given URL
-    if (!this.url.endsWith('?')) {
-      this.url = `${this.url}?`;
-    }
-    this.url = `${this.url}` + `LAYER=${source.name}` + `&FORMAT=${this.format}` + '&SERVICE=WMTS' + `&VERSION=${source.version || '1.0.0'}` + '&REQUEST=GetTile' + `&STYLE=${source.style || 'normal'}` + `&TILEMATRIXSET=${source.tileMatrixSet}` + '&TILEMATRIX=%TILEMATRIX&TILEROW=%ROW&TILECOL=%COL';
-    this.vendorSpecific = source.vendorSpecific;
-    for (const name in this.vendorSpecific) {
-      if (Object.prototype.hasOwnProperty.call(this.vendorSpecific, name)) {
-        this.url = `${this.url}&${name}=${this.vendorSpecific[name]}`;
-      }
-    }
-  }
-}
-export default WMTSSource;

package/lib/ThreeExtended/capabilities/WebGL.js

@@ -1,69 +0,0 @@
-class WebGL {
-  static isWebGL2Available() {
-    try {
-      const canvas = document.createElement('canvas');
-      return !!(window.WebGL2RenderingContext && canvas.getContext('webgl2'));
-    } catch (e) {
-      return false;
-    }
-  }
-  static isColorSpaceAvailable(colorSpace) {
-    try {
-      const canvas = document.createElement('canvas');
-      const ctx = window.WebGL2RenderingContext && canvas.getContext('webgl2');
-      ctx.drawingBufferColorSpace = colorSpace;
-      return ctx.drawingBufferColorSpace === colorSpace; // deepscan-disable-line SAME_OPERAND_VALUE
-    } catch (e) {
-      return false;
-    }
-  }
-  static getWebGL2ErrorMessage() {
-    return this.getErrorMessage(2);
-  }
-  static getErrorMessage(version) {
-    const contexts = {
-      1: window.WebGLRenderingContext,
-      2: window.WebGL2RenderingContext
-    };
-    let message = 'Your $0 does not seem to support <a href="http://khronos.org/webgl/wiki/Getting_a_WebGL_Implementation" style="color:#000">$1</a>';
-    const element = document.createElement('div');
-    element.id = 'webglmessage';
-    element.style.fontFamily = 'monospace';
-    element.style.fontSize = '13px';
-    element.style.fontWeight = 'normal';
-    element.style.textAlign = 'center';
-    element.style.background = '#fff';
-    element.style.color = '#000';
-    element.style.padding = '1.5em';
-    element.style.width = '400px';
-    element.style.margin = '5em auto 0';
-    if (contexts[version]) {
-      message = message.replace('$0', 'graphics card');
-    } else {
-      message = message.replace('$0', 'browser');
-    }
-    message = message.replace('$1', {
-      1: 'WebGL',
-      2: 'WebGL 2'
-    }[version]);
-    element.innerHTML = message;
-    return element;
-  }
-
-  // @deprecated, r168
-
-  static isWebGLAvailable() {
-    console.warn('isWebGLAvailable() has been deprecated and will be removed in r178. Use isWebGL2Available() instead.');
-    try {
-      const canvas = document.createElement('canvas');
-      return !!(window.WebGLRenderingContext && (canvas.getContext('webgl') || canvas.getContext('experimental-webgl')));
-    } catch (e) {
-      return false;
-    }
-  }
-  static getWebGLErrorMessage() {
-    console.warn('getWebGLErrorMessage() has been deprecated and will be removed in r178. Use getWebGL2ErrorMessage() instead.');
-    return this.getErrorMessage(1);
-  }
-}
-export default WebGL;