Function createMapStyleExtending

src/common/mapping/MapStyle.js:5–184

(SuperClass, { MapManager, crsManager })

import { createAppreciableLayerId, isSameRasterLayer } from './utils/util';

export function createMapStyleExtending(SuperClass, { MapManager, crsManager }) {
  return class MapStyle extends SuperClass {
    constructor(id, options = {}, mapOptions = {}) {
      super();
      this.options = options;
      this.mapOptions = mapOptions;
      this.webMapService = new WebMapService(id, options);
      this._layerIdRenameMapList = [];
      this._appendLayers = false;
      this._baseProjection = '';
    }

    initializeMap(_, map) {
      this._baseProjection = this._registerMapCRS(this.mapOptions);
      if (map) {
        if (!crsManager.isSameProjection(map, this._baseProjection)) {
          this.fire('projectionnotmatch');
          return;
        }
        this._appendLayers = true;
        this.map = map;
        this._addLayersToMap();
        return;
      }
      this.mapOptions.container = this.options.target;
      if (!this.mapOptions.transformRequest) {
        this.mapOptions.transformRequest = (url, resourceType) => {
          let proxy = '';
          if (typeof this.options.proxy === 'string') {
            let proxyType = 'data';
            if (resourceType === 'Tile') {
              proxyType = 'image';
            }
            proxy = this.webMapService.handleProxy(proxyType);
          }
          return {
            url: proxy ? `${proxy}${encodeURIComponent(url)}` : url,
            credentials: this.webMapService.handleWithCredentials(proxy, url, false)
              ? 'include'
              : undefined,
            ...(this.options.tileTransformRequest && this.options.tileTransformRequest(url))
          };
        };
      }
      this.mapOptions.center = this.mapOptions.center || [0, 0];
      this.mapOptions.zoom = this.mapOptions.zoom || 0;
      let fadeDuration = 0;
      if (Object.prototype.hasOwnProperty.call(this.mapOptions, 'fadeDuration')) {
        fadeDuration = this.mapOptions.fadeDuration;
      }
      this.map = new MapManager({ ...this.mapOptions, fadeDuration, crs: this._baseProjection });
      this.fire('mapinitialized', { map: this.map });
      this.map.on('load', () => {
        this._sendMapToUser();
      });
    }

    clean(removeMap = true) {