Propietats d'un servei

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

CodePen

<html>
  <head>
    <meta charset="utf-8" />
    <title>API Territorial - Propietats</title>
    <meta
      name="viewport"
      content="initial-scale=1,maximum-scale=1,user-scalable=no"
    />

    <style>
      #info {
        background-color: white;
        font-family: Arial;
        text-align: center;
        padding: 5px;
        font-weight: 500;
        font-size: 0.9em;
      }
    </style>
  </head>
  <body>
    <pre id="info">Carregant dades...</pre>

    <script>
      let dades;
      let servei = "municipis"; //canvia'l pel que vulguis
      let lon = 2.01;
      let lat = 41.5;
      //Connexió amb l'API
      async function apiConnect() {
        const response = await fetch(
          `https://api.icgc.cat/territori/${servei}/geo/${lon}/${lat}`
        );
        dades = await response.json();
        if (dades) {
          document.getElementById("info").innerHTML = JSON.stringify(
            dades[0].features[0].properties,
            null,
            2
          );
        } else {
          document.getElementById("info").innerHTML =
            "La petició no ha obtingut resposta";
        }
      }
      apiConnect();
    </script>
  </body>
</html>