2.5 Afegir capa d'imatge ICGC

Exemple

.addImageLayerICGC(url,idLayer,options)

See the Pen Exemple addImageLayerICGC by unitatgeostart (@unitatgeostart) on CodePen.

Codi

<html>
  <head>
    <meta charset="utf-8" />
    <title>Exemple mapicgc-gl-js: Afegir capa imatge ICGC</title>
    <meta
      name="viewport"
      content="initial-scale=1,maximum-scale=1,user-scalable=no"
    />
    <script src="https://eines.icgc.cat/recursos/mapicgc-gl-js/mapicgc-gl.js"></script>
    <link
      href="https://eines.icgc.cat/recursos/mapicgc-gl-js/mapicgc-gl.css"
      rel="stylesheet"
    />

    <style>
      body {
        margin: 0;
        padding: 0;
      }
      #map {
        position: absolute;
        top: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
      }
    </style>
  </head>
  <body>
    <div id="map"></div>
    <script>
      async function initMap() {
        const data = await mapicgcgl.Config.getConfigICGC();
        const map = new mapicgcgl.Map({
          container: "map",
          style: data.Styles.TOPO,
          center: [2.1464, 41.306],
          zoom: 7.4,
          maxZoom: 14,
          hash: true,
          pitch: 0,
        });
        map.on("load", () => {
          let optionsLayer = {
            type: "raster",
            layout: {
              visibility: "visible",
            },
            paint: {
              "raster-opacity": 1,
            },
            layerPosition: "top",
          };
          map.addImageLayerICGC(
            data.Layers.Orto.ortofotoColor2013,
            "orto2013",
            optionsLayer
          );
        });
      }
      initMap();
    </script>
  </body>
</html>

Posició (layerPosition)

id	Descripció
'top'	Posició de la capa per sobre de tots els elements carregats prèviament
'labels'	Posició de la capa per sota de tots els elements de tipus etiqueta carregats prèviament
'lines'	Posició de la capa per sota de tots els elements de tipus línia, punt i etiqueta carregats prèviament

Capes d'imatge ICGC

Layers.Orto.{id}

id
ortofotoColorProvisional
ortofotoColor2023
ortofotoColor2022
ortofotoColor2021
ortofotoColor2020
ortofotoColor2019
ortofotoColor2018
ortofotoColor2017
ortofotoColor2016
ortofotoColor2015
ortofotoColor2014
ortofotoColor2013
ortofotoColor2012
ortofotoColor2011
ortofotoColor2010
ortofotoColor2009
ortofotoColor2008
ortofotoColor20062007
ortofotoColor20042005
ortofotoColor20002003
ortofotoBlancINegre1998
ortofotoBlancINegre19941997
ortofotoColor1993
ortofotoBlancINegre19831992
ortofotoBlancINegre19701977
ortofotoBlancINegre1956
ortofotoBlancINegre1945
ortofotoColorSerieAnual
ortofotoInfraroigProvisional
ortofotoInfraroig2023
ortofotoInfraroig2022
ortofotoInfraroig2021
ortofotoInfraroig2020
ortofotoInfraroig2019
ortofotoInfraroig2018
ortofotoInfraroig2017
ortofotoInfraroig2016
ortofotoInfraroig2015
ortofotoInfraroig2014
ortofotoInfraroig2013
ortofotoInfraroig2012
ortofotoInfraroig2011
ortofotoInfraroig2010
ortofotoInfraroig2009
ortofotoInfraroig2008
ortofotoInfraroig20062007
ortofotoInfraroig19961997
ortofotoInfraroigSerieAnual

Layers.WMS.{id}

id
espaisInteresGeologic
gravimetriaBouguer500000
cobertesSol2018
administratiu
simplificat
cims