AnsweredAssumed Answered

FeatureLayer doesn´t work with Calcite 4.5

Question asked by carlos.montano on Jun 19, 2018
Latest reply on Jun 20, 2018 by rscheitlin

I've been working with Clacite on ArcGIS for JavaScript 4.5. I've tried to load some featureLayer. Here is the code:

 

<script>
  require([
      "esri/Map",
      "esri/views/MapView",
      "esri/layers/FeatureLayer",
      "esri/widgets/BasemapGallery",
      "esri/core/watchUtils",
      "dojo/query",
      "dojo/on",
      "calcite-maps/calcitemaps-v0.7",
      "calcite-maps/calcitemaps-arcgis-support-v0.7",
      "bootstrap/Collapse",
      "bootstrap/Dropdown",
      "bootstrap/Tab",
      "dojo/domReady!"
    ], function(
        Map,
        MapView,
        FeatureLayer,
        Basemaps,
        watchUtils,
        query,
        on,
        CalciteMaps,
        CalciteMapsArcGIS) {
         
      var map = new Map({
         basemap: "hybrid",           
           });

var view = new MapView({
          container: "mapViewDiv",
          map: map,
          center: [-102.199176, 23.068129],
          zoom: 5,
       padding: {
          top: 40
          }
          });
          view.constraints = {
        minZoom: 5 
       };

var f1 = new FeatureLayer({
               url: "http://sigagis.conagua.gob.mx/ArcGIS/rest/services/APLAB40/MapServer/0",
               title: "Disponibilidad de aguas subterráneas 2017",
               id: "f1",
               visible: false,
               
               popupTemplate: {
               title: "<font color='#008000'>NOMBRE DEL ACUÍFERO: {Nombre_del}",
           type: "fields",
            fieldInfos: [{
              fieldName: "Nombre_del",
              visible: true,
              label: "Nombre del acuífero",
              }, {
              fieldName: "Entidad_es",
              visible: true,
              label: " Entidad(es) federativa(as) que intersectan al acuífero",
             }, {
              fieldName: "Clave_del",
              visible: true,
              label: "Clave del acuífero"
            }, {
              fieldName: "NÚMERO_DE",
              visible: true,
              label: "Número de acuerdo"
            }, {
              fieldName: "Disponibil",
              visible: true,
              label: "Disponibilidad media anual de agua subterránea en una unidad hidrogeológica"
            }, {
              fieldName: "Descarga_n",
              visible: true,
              label: "Descarga natural comprometida"
            }, {
              fieldName: "Recarga_to",
              visible: true,
              label: "Recarga total media anual"
            }, {
              fieldName: "Índice_de",
              visible: true,
              label: "Índice de disponibilidad (IDAS)"
            }, {
              fieldName: "Descripció",
              visible: true,
              label: "Descripción"
            }, {
              fieldName: "Clave_regi",
              visible: true,
              label: "Clave región hidrológica administrativa"
            }, {
              fieldName: "Región_hid",
              visible: true,
              label: "Región hidrológica administrativa"
            }]
          }],
            },
             outFields: ["*"]
            });
            f1.opacity = 0.3;
            map.add(f1); 
});
 
  </script>

The code works fine without Calcite, but when I've tried to integrate Calcite it doesn't work any more. Any Idea?

Outcomes