@eturnity/eturnity_3d 7.48.0 → 7.48.2

package/src/utils/layers.js

@@ -2,216 +2,253 @@ import * as L from 'leaflet'
 import 'leaflet.gridlayer.googlemutant/dist/Leaflet.GoogleMutant.js'
 import { leafletMapLayersConfig } from './leaflet-config.service'
 
-function getLayers() {
-  const googleLayer = L.gridLayer.googleMutant({
-    type: 'hybrid',
-    layerTypeAPI: 'googleLayer',
-    maxNativeZoom: 25,
-    maxZoom: 25,
-  })
-  const googleLayerRoadmap = L.gridLayer.googleMutant({
-    type: 'roadmap',
-    layerTypeAPI: 'googleLayerRoadmap',
-    maxNativeZoom: 25,
-    maxZoom: 25,
-  })
-  const googleLayerTerrain = L.gridLayer.googleMutant({
-    type: 'terrain',
-    layerTypeAPI: 'googleLayerTerrain',
-    maxNativeZoom: 25,
-    maxZoom: 25,
-  })
-  // TODO activate for different users
-  const baseMapLayer = L.tileLayer(
-    'https://mapsneu.wien.gv.at/basemap/geolandbasemap/normal/google3857/{z}/{y}/{x}.png',
-    {
-      id: 'basemap',
-      subdomains: ['maps', 'maps1', 'maps2', 'maps3', 'maps4'],
-      attribution:
-        'Datenquelle: <a href="http://www.basemap.at/">basemap.at</a>',
-      // TODO not defined
-      minZoom: leafletMapLayersConfig['baseMapLayer']['minZoom'],
-      maxZoom: leafletMapLayersConfig['baseMapLayer']['maxZoom'],
-      maxNativeZoom: leafletMapLayersConfig['baseMapLayer']['maxNativeZoom'],
-      layerTypeAPI: 'baseMapLayer',
-    }
-  )
-  const baseMapLayerStreetNumber = L.tileLayer(
-    'https://mapsneu.wien.gv.at/basemap/bmaporthofoto30cm/normal/google3857/{z}/{y}/{x}.jpeg',
-    {
-      id: 'basemap_bmaporthofoto30cm',
-      subdomains: ['maps', 'maps1', 'maps2', 'maps3', 'maps4'],
-      attribution:
-        'Datenquelle: <a href="http://www.basemap.at/">basemap.at</a>',
-      // TODO not defined
-      minZoom: leafletMapLayersConfig['baseMapLayerStreetNumber']['minZoom'],
-      maxZoom: leafletMapLayersConfig['baseMapLayerStreetNumber']['maxZoom'],
-      maxNativeZoom:
-        leafletMapLayersConfig['baseMapLayerStreetNumber']['maxNativeZoom'],
-      layerTypeAPI: 'baseMapLayerStreetNumber',
-    }
-  )
-  const swisstopoLayer_swissimage = L.tileLayer(
-    'https://wmts10.geo.admin.ch/1.0.0/ch.swisstopo.swissimage/default/current/3857/{z}/{x}/{y}.jpeg',
-    {
-      id: 'swisstopo_swissimage',
-      subdomains: ['maps', 'maps1', 'maps2', 'maps3', 'maps4'],
-      attribution:
-        'Datenquelle: <a href="https://www.geo.admin.ch">geo.admin.ch</a>',
-      maxZoom: leafletMapLayersConfig['swisstopoLayer_swissimage']['maxZoom'],
-      maxNativeZoom:
-        leafletMapLayersConfig['swisstopoLayer_swissimage']['maxNativeZoom'],
-      layerTypeAPI: 'swisstopoLayer_swissimage',
-    }
-  )
-  const swisstopoLayer_pixelkarte = L.tileLayer(
-    'https://wmts10.geo.admin.ch/1.0.0/ch.swisstopo.pixelkarte-farbe/default/current/3857/{z}/{x}/{y}.jpeg',
-    {
-      id: 'swisstopo_pixelkarte',
-      subdomains: ['maps', 'maps1', 'maps2', 'maps3', 'maps4'],
-      attribution:
-        'Datenquelle: <a href="https://www.geo.admin.ch">geo.admin.ch</a>',
-      maxZoom: leafletMapLayersConfig['swisstopoLayer_pixelkarte']['maxZoom'],
-      maxNativeZoom:
-        leafletMapLayersConfig['swisstopoLayer_pixelkarte']['maxNativeZoom'],
-      layerTypeAPI: 'swisstopoLayer_pixelkarte',
-    }
-  )
-  const swisstopoLayer_solarenergie_fassade = L.tileLayer(
-    'https://wmts10.geo.admin.ch/1.0.0/ch.bfe.solarenergie-eignung-fassaden/default/current/3857/{z}/{x}/{y}.png',
-    {
-      id: 'swisstopo_solarenergie_fassade',
-      // subdomains: ['maps', 'maps1', 'maps2', 'maps3', 'maps4'],
-      attribution:
-        'Datenquelle: <a href="https://www.geo.admin.ch">geo.admin.ch</a>',
-      maxZoom:
-        leafletMapLayersConfig['swisstopoLayer_solarenergie_fassade'][
-          'maxZoom'
-        ],
-      maxNativeZoom:
-        leafletMapLayersConfig['swisstopoLayer_solarenergie_fassade'][
-          'maxNativeZoom'
-        ],
-      layerTypeAPI: 'swisstopoLayer_solarenergie_fassade',
-    }
-  )
-  const swisstopoLayer_solarenergie_roof = L.tileLayer(
-    'https://wmts10.geo.admin.ch/1.0.0/ch.bfe.solarenergie-eignung-daecher/default/current/3857/{z}/{x}/{y}.png',
-    {
-      id: 'swisstopo_solarenergie_roof',
-      // subdomains: ['maps', 'maps1', 'maps2', 'maps3', 'maps4'],
-      attribution:
-        'Datenquelle: <a href="https://www.geo.admin.ch">geo.admin.ch</a>',
-      maxZoom:
-        leafletMapLayersConfig['swisstopoLayer_solarenergie_roof']['maxZoom'],
-      maxNativeZoom:
-        leafletMapLayersConfig['swisstopoLayer_solarenergie_roof'][
-          'maxNativeZoom'
-        ],
-      layerTypeAPI: 'swisstopoLayer_solarenergie_roof',
-    }
-  )
-  const openStreetMapLayer = L.tileLayer(
-    'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
-    {
-      id: 'osm',
-      attribution:
-        '© <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors',
-      minZoom: leafletMapLayersConfig['openStreetMapLayer']['minZoom'],
-      maxZoom: leafletMapLayersConfig['openStreetMapLayer']['maxZoom'],
-      maxNativeZoom:
-        leafletMapLayersConfig['openStreetMapLayer']['maxNativeZoom'],
-      layerTypeAPI: 'openStreetMapLayer',
-    }
-  )
-  const ignLayerPNOAImage = L.tileLayer(
-    'https://www.ign.es/wmts/pnoa-ma?layer={layer}&tilematrixset={tilematrixset}&Service=WMTS&Request=GetTile&Version=1.0.0&Format={format}&TileMatrix={z}&TileCol={x}&TileRow={y}',
-    {
-      layer: 'OI.OrthoimageCoverage',
-      tilematrixset: 'EPSG:3857',
-      format: 'image/jpeg',
-      id: 'ign_pnoa',
-      attribution:
-        '&copy; <a href="https://pnoa.ign.es" target="_blank">PNOA</a>',
-      maxZoom: leafletMapLayersConfig['ignSpainLayer_pnoa_image']['maxZoom'],
-      maxNativeZoom:
-        leafletMapLayersConfig['ignSpainLayer_pnoa_image']['maxNativeZoom'],
-      layerTypeAPI: 'ignSpainLayer_pnoa_image',
-    }
-  )
-  const ignLayerMap = L.tileLayer(
-    'https://www.ign.es/wmts/ign-base?layer={layer}&tilematrixset={tilematrixset}&Service=WMTS&Request=GetTile&Version=1.0.0&Format={format}&TileMatrix={z}&TileCol={x}&TileRow={y}',
-    {
-      layer: 'IGNBaseTodo',
-      tilematrixset: 'EPSG:3857',
-      format: 'image/jpeg',
-      id: 'ign_map',
-      attribution:
-        '&copy; <a href="https://www.ign.es/web/ign/portal" target="_blank">IGN</a>',
-      maxZoom: leafletMapLayersConfig['ignSpainLayer_map']['maxZoom'],
-      maxNativeZoom:
-        leafletMapLayersConfig['ignSpainLayer_map']['maxNativeZoom'],
-      layerTypeAPI: 'ignSpainLayer_map',
-    }
-  )
-  const bkgHexagonImage = L.tileLayer.wms(
-    'https://terramapserver.org/Proxy/geoserver/BKG/wms?kid=eag20.1',
-    {
-      layers: 'rgb',
-      id: 'bkg_image',
-      attribution:
-        '&copy; <a href="https://www.bkg.bund.de" target="_blank">Bundesamt für Kartographie und Geodäsie</a>',
-      maxZoom: leafletMapLayersConfig['bkgHexagonGermanyLayer']['maxZoom'],
-      maxNativeZoom:
-        leafletMapLayersConfig['bkgHexagonGermanyLayer']['maxNativeZoom'],
-      layerTypeAPI: 'bkgHexagonGermanyLayer',
-    }
-  )
-  const GeoLayer_HR = L.tileLayer(
-    'https://data.geopf.fr/wmts?' +
-      '&REQUEST=GetTile&SERVICE=WMTS&VERSION=1.0.0' +
-      '&STYLE=normal' +
-      '&TILEMATRIXSET=PM' +
-      '&FORMAT=image/jpeg' +
-      '&LAYER=HR.ORTHOIMAGERY.ORTHOPHOTOS' +
-      '&TILEMATRIX={z}' +
-      '&TILEROW={y}' +
-      '&TILECOL={x}',
-    {
-      layers: 'HR.ORTHOIMAGERY.ORTHOPHOTOS',
-      id: 'HR.ORTHOIMAGERY.ORTHOPHOTOS',
-      attribution: '© IGN-F/Geoportail France',
-      minZoom: leafletMapLayersConfig['GeoPortal']['minZoom'],
-      maxZoom: leafletMapLayersConfig['GeoPortal']['maxZoom'],
-      maxNativeZoom: leafletMapLayersConfig['GeoPortal']['maxNativeZoom'],
-      tileSize: 256,
-      layerTypeAPI: 'geoportail_fr_wmts_ortho_layer',
-    }
-  )
+const googleLayer = L.gridLayer.googleMutant({
+  type: 'hybrid',
+  layerTypeAPI: 'googleLayer',
+  maxNativeZoom: 25,
+  maxZoom: 25,
+})
 
-  const azureSatelliteLayer = L.tileLayer(
-    'https://atlas.microsoft.com/map/tile?' +
-      'api-version={apiVersion}' +
-      '&tilesetId={tilesetId}' +
-      '&subscription-key={subscriptionKey}' +
-      '&zoom={z}' +
-      '&x={x}' +
-      '&y={y}',
-    {
-      layerTypeAPI: 'azureSatelliteLayer',
-      id: 'azure_satellite',
-      attribution: `\u00A9 ${new Date().getFullYear()} EarthStar Geographics, Microsoft`,
-      minZoom: leafletMapLayersConfig['azureSatelliteLayer']['minZoom'],
-      maxZoom: leafletMapLayersConfig['azureSatelliteLayer']['maxZoom'],
-      maxNativeZoom:
-        leafletMapLayersConfig['azureSatelliteLayer']['maxNativeZoom'],
-      // query parameters
-      apiVersion: '2022-08-01',
-      tilesetId: 'microsoft.imagery',
-      subscriptionKey: process.env.VUE_APP_AZURE_MAP_SUBSCRIPTION_KEY,
-    }
-  )
+const googleLayerRoadmap = L.gridLayer.googleMutant({
+  type: 'roadmap',
+  layerTypeAPI: 'googleLayerRoadmap',
+  maxNativeZoom: 25,
+  maxZoom: 25,
+})
+
+const googleLayerTerrain = L.gridLayer.googleMutant({
+  type: 'terrain',
+  layerTypeAPI: 'googleLayerTerrain',
+  maxNativeZoom: 25,
+  maxZoom: 25,
+})
+
+const baseMapLayer = L.tileLayer(
+  'https://mapsneu.wien.gv.at/basemap/geolandbasemap/normal/google3857/{z}/{y}/{x}.png',
+  {
+    id: 'basemap',
+    subdomains: ['maps', 'maps1', 'maps2', 'maps3', 'maps4'],
+    attribution: 'Datenquelle: <a href="http://www.basemap.at/">basemap.at</a>',
+    minZoom: leafletMapLayersConfig['baseMapLayer']['minZoom'],
+    maxZoom: leafletMapLayersConfig['baseMapLayer']['maxZoom'],
+    maxNativeZoom: leafletMapLayersConfig['baseMapLayer']['maxNativeZoom'],
+    layerTypeAPI: 'baseMapLayer',
+  }
+)
+
+const baseMapLayerStreetNumber = L.tileLayer(
+  'https://mapsneu.wien.gv.at/basemap/bmaporthofoto30cm/normal/google3857/{z}/{y}/{x}.jpeg',
+  {
+    id: 'basemap_bmaporthofoto30cm',
+    subdomains: ['maps', 'maps1', 'maps2', 'maps3', 'maps4'],
+    attribution: 'Datenquelle: <a href="http://www.basemap.at/">basemap.at</a>',
+    // TODO not defined
+    minZoom: leafletMapLayersConfig['baseMapLayerStreetNumber']['minZoom'],
+    maxZoom: leafletMapLayersConfig['baseMapLayerStreetNumber']['maxZoom'],
+    maxNativeZoom:
+      leafletMapLayersConfig['baseMapLayerStreetNumber']['maxNativeZoom'],
+    layerTypeAPI: 'baseMapLayerStreetNumber',
+  }
+)
+
+const swisstopoLayer_swissimage = L.tileLayer(
+  'https://wmts10.geo.admin.ch/1.0.0/ch.swisstopo.swissimage/default/current/3857/{z}/{x}/{y}.jpeg',
+  {
+    id: 'swisstopo_swissimage',
+    subdomains: ['maps', 'maps1', 'maps2', 'maps3', 'maps4'],
+    attribution:
+      'Datenquelle: <a href="https://www.geo.admin.ch">geo.admin.ch</a>',
+    maxZoom: leafletMapLayersConfig['swisstopoLayer_swissimage']['maxZoom'],
+    maxNativeZoom:
+      leafletMapLayersConfig['swisstopoLayer_swissimage']['maxNativeZoom'],
+    layerTypeAPI: 'swisstopoLayer_swissimage',
+  }
+)
+
+const swisstopoLayer_pixelkarte = L.tileLayer(
+  'https://wmts10.geo.admin.ch/1.0.0/ch.swisstopo.pixelkarte-farbe/default/current/3857/{z}/{x}/{y}.jpeg',
+  {
+    id: 'swisstopo_pixelkarte',
+    subdomains: ['maps', 'maps1', 'maps2', 'maps3', 'maps4'],
+    attribution:
+      'Datenquelle: <a href="https://www.geo.admin.ch">geo.admin.ch</a>',
+    maxZoom: leafletMapLayersConfig['swisstopoLayer_pixelkarte']['maxZoom'],
+    maxNativeZoom:
+      leafletMapLayersConfig['swisstopoLayer_pixelkarte']['maxNativeZoom'],
+    layerTypeAPI: 'swisstopoLayer_pixelkarte',
+  }
+)
+
+const swisstopoLayer_solarenergie_fassade = L.tileLayer(
+  'https://wmts10.geo.admin.ch/1.0.0/ch.bfe.solarenergie-eignung-fassaden/default/current/3857/{z}/{x}/{y}.png',
+  {
+    id: 'swisstopo_solarenergie_fassade',
+    // subdomains: ['maps', 'maps1', 'maps2', 'maps3', 'maps4'],
+    attribution:
+      'Datenquelle: <a href="https://www.geo.admin.ch">geo.admin.ch</a>',
+    maxZoom:
+      leafletMapLayersConfig['swisstopoLayer_solarenergie_fassade']['maxZoom'],
+    maxNativeZoom:
+      leafletMapLayersConfig['swisstopoLayer_solarenergie_fassade'][
+        'maxNativeZoom'
+      ],
+    layerTypeAPI: 'swisstopoLayer_solarenergie_fassade',
+  }
+)
 
+const swisstopoLayer_solarenergie_roof = L.tileLayer(
+  'https://wmts10.geo.admin.ch/1.0.0/ch.bfe.solarenergie-eignung-daecher/default/current/3857/{z}/{x}/{y}.png',
+  {
+    id: 'swisstopo_solarenergie_roof',
+    // subdomains: ['maps', 'maps1', 'maps2', 'maps3', 'maps4'],
+    attribution:
+      'Datenquelle: <a href="https://www.geo.admin.ch">geo.admin.ch</a>',
+    maxZoom:
+      leafletMapLayersConfig['swisstopoLayer_solarenergie_roof']['maxZoom'],
+    maxNativeZoom:
+      leafletMapLayersConfig['swisstopoLayer_solarenergie_roof'][
+        'maxNativeZoom'
+      ],
+    layerTypeAPI: 'swisstopoLayer_solarenergie_roof',
+  }
+)
+
+const openStreetMapLayer = L.tileLayer(
+  'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
+  {
+    id: 'osm',
+    attribution:
+      '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors',
+    minZoom: leafletMapLayersConfig['openStreetMapLayer']['minZoom'],
+    maxZoom: leafletMapLayersConfig['openStreetMapLayer']['maxZoom'],
+    maxNativeZoom:
+      leafletMapLayersConfig['openStreetMapLayer']['maxNativeZoom'],
+    layerTypeAPI: 'openStreetMapLayer',
+  }
+)
+
+const ignLayerPNOAImage = L.tileLayer(
+  'https://www.ign.es/wmts/pnoa-ma?layer={layer}&tilematrixset={tilematrixset}&Service=WMTS&Request=GetTile&Version=1.0.0&Format={format}&TileMatrix={z}&TileCol={x}&TileRow={y}',
+  {
+    layer: 'OI.OrthoimageCoverage',
+    tilematrixset: 'EPSG:3857',
+    format: 'image/jpeg',
+    id: 'ign_pnoa',
+    attribution:
+      '&copy; <a href="https://pnoa.ign.es" target="_blank">PNOA</a>',
+    maxZoom: leafletMapLayersConfig['ignSpainLayer_pnoa_image']['maxZoom'],
+    maxNativeZoom:
+      leafletMapLayersConfig['ignSpainLayer_pnoa_image']['maxNativeZoom'],
+    layerTypeAPI: 'ignSpainLayer_pnoa_image',
+  }
+)
+
+const ignLayerMap = L.tileLayer(
+  'https://www.ign.es/wmts/ign-base?layer={layer}&tilematrixset={tilematrixset}&Service=WMTS&Request=GetTile&Version=1.0.0&Format={format}&TileMatrix={z}&TileCol={x}&TileRow={y}',
+  {
+    layer: 'IGNBaseTodo',
+    tilematrixset: 'EPSG:3857',
+    format: 'image/jpeg',
+    id: 'ign_map',
+    attribution:
+      '&copy; <a href="https://www.ign.es/web/ign/portal" target="_blank">IGN</a>',
+    maxZoom: leafletMapLayersConfig['ignSpainLayer_map']['maxZoom'],
+    maxNativeZoom: leafletMapLayersConfig['ignSpainLayer_map']['maxNativeZoom'],
+    layerTypeAPI: 'ignSpainLayer_map',
+  }
+)
+
+const getHexagonLayer = (url, params) => {
+  const options = {
+    kid: params.kid,
+    format: 'image/png',
+    transparent: true,
+    maxZoom: leafletMapLayersConfig['bkgHexagonGermanyLayer']['maxZoom'],
+    maxNativeZoom:
+      leafletMapLayersConfig['bkgHexagonGermanyLayer']['maxNativeZoom'],
+    id: `bkg_hexagon_${params.layers}`,
+    layerTypeAPI: 'bkgHexagonGermanyLayer',
+    layers: params.layers,
+    order: params.order,
+    version: '1.3.0',
+    crs: L.CRS.EPSG3857,
+    attribution: `&copy; GeoBasis-DE/BKG ${new Date().getFullYear()}, powered by HxGN`,
+  }
+  return L.tileLayer.wms(url, options)
+}
+
+const hexagonImageDop20 = getHexagonLayer(
+  'https://geodaten-vertrieb.de/Proxy/DOP20/wms',
+  {
+    layers: 'DOP20',
+    kid: 'ET_expert_qlN7AQXKu3jTw',
+    order: 1,
+  }
+)
+
+const hexagonImageDop10 = getHexagonLayer(
+  'https://geodaten-vertrieb.de/Proxy/DOP10/wms',
+  {
+    layers: 'DOP10',
+    kid: 'ET_expert_qlN7AQXKu3jTw',
+    order: 2,
+  }
+)
+
+const hexagonLayerGroup = L.layerGroup([hexagonImageDop20, hexagonImageDop10], {
+  attribution: `© GeoBasis-DE/BKG ${new Date().getFullYear()}, powered by HxGN`,
+  maxZoom: leafletMapLayersConfig['bkgHexagonGermanyLayer']['maxZoom'],
+  maxNativeZoom:
+    leafletMapLayersConfig['bkgHexagonGermanyLayer']['maxNativeZoom'],
+  layerTypeAPI: 'bkgHexagonGermanyLayer',
+})
+
+const GeoLayer_HR = L.tileLayer(
+  'https://data.geopf.fr/wmts?' +
+    '&REQUEST=GetTile&SERVICE=WMTS&VERSION=1.0.0' +
+    '&STYLE=normal' +
+    '&TILEMATRIXSET=PM' +
+    '&FORMAT=image/jpeg' +
+    '&LAYER=HR.ORTHOIMAGERY.ORTHOPHOTOS' +
+    '&TILEMATRIX={z}' +
+    '&TILEROW={y}' +
+    '&TILECOL={x}',
+  {
+    layers: 'HR.ORTHOIMAGERY.ORTHOPHOTOS',
+    id: 'HR.ORTHOIMAGERY.ORTHOPHOTOS',
+    attribution: '&copy; IGN-F/Geoportail France',
+    minZoom: leafletMapLayersConfig['GeoPortal']['minZoom'],
+    maxZoom: leafletMapLayersConfig['GeoPortal']['maxZoom'],
+    maxNativeZoom: leafletMapLayersConfig['GeoPortal']['maxNativeZoom'],
+    tileSize: 256,
+    layerTypeAPI: 'geoportail_fr_wmts_ortho_layer',
+  }
+)
+
+const azureSatelliteLayer = L.tileLayer(
+  'https://atlas.microsoft.com/map/tile?' +
+    'api-version={apiVersion}' +
+    '&tilesetId={tilesetId}' +
+    '&subscription-key={subscriptionKey}' +
+    '&zoom={z}' +
+    '&x={x}' +
+    '&y={y}',
+  {
+    layerTypeAPI: 'azureSatelliteLayer',
+    id: 'azure_satellite',
+    attribution: `\u00A9 ${new Date().getFullYear()} EarthStar Geographics, Microsoft`,
+    minZoom: leafletMapLayersConfig['azureSatelliteLayer']['minZoom'],
+    maxZoom: leafletMapLayersConfig['azureSatelliteLayer']['maxZoom'],
+    maxNativeZoom:
+      leafletMapLayersConfig['azureSatelliteLayer']['maxNativeZoom'],
+    // query parameters
+    apiVersion: '2022-08-01',
+    tilesetId: 'microsoft.imagery',
+    subscriptionKey: process.env.VUE_APP_AZURE_MAP_SUBSCRIPTION_KEY,
+  }
+)
+
+function getLayers() {
   return [
     {
       name: 'SwissTopo (satellite)',
@@ -273,11 +310,6 @@ function getLayers() {
       key: 'ignSpainLayer_map',
       layerData: ignLayerMap,
     },
-    {
-      name: 'BKG satellite image',
-      key: 'bkgHexagonGermanyLayer',
-      layerData: bkgHexagonImage,
-    },
     {
       name: 'GeoPortal France (satellite)',
       key: 'geoportail_fr_wmts_ortho_layer',
@@ -288,6 +320,11 @@ function getLayers() {
       key: 'azureSatelliteLayer',
       layerData: azureSatelliteLayer,
     },
+    {
+      name: 'BKG (satellite)',
+      key: 'bkgHexagonGermanyLayer',
+      layerData: hexagonLayerGroup,
+    },
   ]
 }
 export default getLayers