Get Geometry from a Municipality / Postal Code

Copy
<!DOCTYPE html>
<html>
  <head>
    <title>Get Geometry from a Municipality / Postal Code</title>
    <script src="https://maps.cercalia.com/maps/loader.js?key=YOUR_API_KEY&v=5&lang=en&theme=1976d2"></script>
  </head>
  <body>
    <div id="map" class="map"></div>
    <button id="madridCity">Draw Madrid geometry</button>
    <button id="pc08001">Draw Postal code 08001 geometry</button>
    <script>
      var map;
      var geomEntityService;
      document.addEventListener('cercalia-ready', function() {
        map = new cercalia.Map({
          target: 'map'
        });
      
        geomEntityService = new cercalia.service.GeometryEntity();
      
      
        var btnMadrid = document.getElementById('madridCity');
        var btnPcode = document.getElementById('pc08001');
      
        btnMadrid.addEventListener('click', function() {
          geomEntityService.getMunicipalityGeometry('ESP280796', drawGeometry);
        });
      
        btnPcode.addEventListener('click', function() {
          geomEntityService.getPostalCodeGeometry('ESP', '08001', drawGeometry);
        });
      
      });
      
      function drawGeometry(data) {
        if (data.cercalia.ge && data.cercalia.ge.geometry) {
          var wkt = data.cercalia.ge.geometry.wkt.value;
          var feature = new cercalia.Feature({
            wkt: wkt,
            simpleLabel: new cercalia.SimpleLabel({
              text: data.cercalia.ge.id
            })
          });
          map.addFeature(feature);
          map.centerToFeatures(feature);
        }
      }
    </script>
  </body>
</html>