Function initializeMap

js/common/map.js:149–294

()

};

function initializeMap() {
  if (mapSource.hack_257px) {
    const originalInitTile = L.GridLayer.prototype._initTile;

    L.GridLayer.include({
      _initTile(tile) {
        originalInitTile.call(this, tile);
        const tileSize = this.getTileSize();

        tile.style.width = `${tileSize.x + 1}px`;
        tile.style.height = `${tileSize.y + 1}px`;
      },
    });
  }

  const map_options = {
    attributionControl: true,
    minZoom: mapSource.min_zoom,
    maxZoom: mapSource.max_zoom,
    maxBounds: mapSource.bounds ? L.GeoJSON.coordsToLatLngs(mapSource.bounds) : undefined,
  };

  if (mapSource.simple_crs) {
    map_options.crs = L.CRS.Simple;
  }

  mapObj = L.map('map', map_options);

  if (mapSource.level_config) {
    // from c3nav: site/static/site/js/c3nav.js
    const LayerControlWidget = L.Control.extend({
      options: {
        position: 'bottomright',
        addClasses: '',
      },

      onAdd() {
        this._container = L.DomUtil.create('div', `leaflet-control-levels leaflet-bar ${this.options.addClasses}`);
        this._tileLayers = {};
        this._overlayLayers = {};
        this._levelButtons = {};
        this.currentLevel = null;

        return this._container;
      },

      addLayer(id, title) {
        this._tileLayers[id] = L.tileLayer(`${mapSource.tileserver + String(id)}/{z}/{x}/{y}.png`, {
          minZoom: mapSource.min_zoom,
          maxZoom: mapSource.max_zoom,
          bounds: mapSource.bounds ? L.GeoJSON.coordsToLatLngs(mapSource.bounds) : undefined,
          attribution: mapSource.attribution,
          subdomains: mapSource.tileserver_subdomains,
        });
        const overlay = L.layerGroup();

        this._overlayLayers[id] = overlay;