@foodmarketmaker/mapag 0.0.15 → 0.0.17

package/fesm2022/foodmarketmaker-mapag.mjs

@@ -181,7 +181,56 @@ async function sampleTilesForLayers(pmtiles) {
         return [];
     }
 }
+async function pmtilesPixelInfo(url, map, e) {
+    const pmtiles = new PMTiles(url.replace('pmtiles://', ''));
+    const lngLat = e.lngLat; // {lng, lat}
+    // Convert lat/lon to tile coordinates at a chosen zoom
+    const zoom = 10; // pick a zoom level for sampling
+    const x = Math.floor(((lngLat.lng + 180) / 360) * Math.pow(2, zoom));
+    const y = Math.floor(((1 -
+        Math.log(Math.tan((lngLat.lat * Math.PI) / 180) +
+            1 / Math.cos((lngLat.lat * Math.PI) / 180)) /
+            Math.PI) /
+        2) *
+        Math.pow(2, zoom));
+    // 5. Fetch the tile from PMTiles
+    const tile = await pmtiles.getZxy(zoom, x, y);
+    if (!tile) {
+        console.log("No tile found at this location");
+        return undefined;
+    }
+    // Decode the raster tile (PNG or WebP)
+    const blob = new Blob([tile.data]);
+    const bitmap = await createImageBitmap(blob);
+    // Draw to canvas to read pixel
+    const canvas = document.createElement("canvas");
+    canvas.width = bitmap.width;
+    canvas.height = bitmap.height;
+    const ctx = canvas.getContext("2d");
+    if (!ctx) {
+        console.error("Failed to get canvas context");
+        return undefined;
+    }
+    ctx.drawImage(bitmap, 0, 0);
+    // Convert lat/lon to pixel coordinates inside the tile
+    const px = Math.floor(((lngLat.lng + 180) / 360) * (256 * Math.pow(2, zoom))) % 256;
+    const py = Math.floor(((1 -
+        Math.log(Math.tan((lngLat.lat * Math.PI) / 180) +
+            1 / Math.cos((lngLat.lat * Math.PI) / 180)) /
+            Math.PI) /
+        2) *
+        (256 * Math.pow(2, zoom))) % 256;
+    const pixel = ctx.getImageData(px, py, 1, 1).data;
+    console.log(`Pixel RGBA at ${lngLat.lng},${lngLat.lat}:`, pixel);
+    // const r = pixel[0];
+    // const g = pixel[1];
+    // const b = pixel[2];
+    // const a = pixel[3];
+    return pixel;
+}
 
+const DEFAULT_GLYPHS = "https://basemaps.arcgis.com/arcgis/rest/services/World_Basemap_v2/VectorTileServer/resources/fonts/{fontstack}/{range}.pbf";
+// export const DEFAULT_GLYPHS = "'https://geoserveis.icgc.cat/contextmaps/glyphs/{fontstack}/{range}.pbf';"
 class Styles {
     style = signal(MapStyles["streetmap"], ...(ngDevMode ? [{ debugName: "style" }] : []));
     map;
@@ -254,7 +303,10 @@ class Styles {
         const styleSpec = await response.json();
         console.debug("Glyphs property:", styleSpec.glyphs);
         if (!styleSpec.glyphs) {
-            styleSpec.glyphs = 'https://geoserveis.icgc.cat/contextmaps/glyphs/{fontstack}/{range}.pbf';
+            styleSpec.glyphs = DEFAULT_GLYPHS;
+        }
+        if (styleData.postFetch) {
+            styleData.postFetch(styleSpec);
         }
         return styleSpec;
     }
@@ -274,10 +326,13 @@ class Styles {
                 throw new Error(`HTTP ${response.status}: ${response.statusText}`);
             }
             const styleSpec = await response.json();
+            if (styleData.postFetch) {
+                styleData.postFetch(styleSpec);
+            }
             // Add Glyphs
             console.debug("Glyphs property:", styleSpec.glyphs);
             if (!styleSpec.glyphs) {
-                styleSpec.glyphs = 'https://geoserveis.icgc.cat/contextmaps/glyphs/{fontstack}/{range}.pbf';
+                styleSpec.glyphs = DEFAULT_GLYPHS;
             }
             // Extract source and layer IDs
             const sourceIds = Object.keys(styleSpec.sources || {});
@@ -454,6 +509,25 @@ const MapStyles = {
         url: "https://geoserveis.icgc.cat/contextmaps/icgc_orto_hibrida.json",
         image: "assets/mapag/src/assets/map_icgc_ortho_hybrid.png",
     },
+    // "natgeo" : {
+    //     name: "National Geographic",
+    //     code: "natgeo",
+    //     // url: "https://raw.githubusercontent.com/go2garret/maps/main/src/assets/json/natgeo.json",
+    //     // url: "https://www.arcgis.com/sharing/rest/content/items/cdd1ca79ffc74237bd6f76e5d9803e2e/resources/styles/root.json",
+    //     url :"https://basemaps.arcgis.com/arcgis/rest/services/World_Basemap_v2/VectorTileServer/resources/styles/root.json",
+    //     image: "assets/mapag/src/assets/map_natgeo.png",
+    //     postFetch: (styleJson: StyleSpecification ) => {
+    //       styleJson.sprite = "https://basemaps.arcgis.com/arcgis/rest/services/World_Basemap_v2/VectorTileServer/resources/sprites/sprite"
+    //       styleJson.sources["esri"] = {
+    //         type: "vector",
+    //         tiles: [
+    //           "https://basemaps.arcgis.com/arcgis/rest/services/World_Basemap_v2/VectorTileServer/tile/{z}/{y}/{x}.pbf"
+    //         ],
+    //         minzoom: 0,
+    //         maxzoom: 23
+    //       }
+    //     }
+    // }
 };
 
 class BasemapSelect {
@@ -14079,6 +14153,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImpo
 // Set up PMTiles protocol for MapLibre
 const protocol = new Protocol();
 maplibregl.addProtocol('pmtiles', protocol.tile);
+// maplibregl.addProtocol('pmtiles', protocol.add);
 class MapComponent {
     styles = new Styles();
     zone = inject(NgZone);
@@ -14589,6 +14664,632 @@ class CensusTractMapper {
     };
 }
 
+class CroplandDataLayerMapper {
+    static PMTILES = 'pmtiles://https://foodmarketmaker-upload-data.s3.us-west-2.amazonaws.com/tiles/cdl_2024_30m.pmtiles';
+    LAYER_ID = 'cropland-data-layer';
+    SOURCE_ID = 'cropland-data-source';
+    settings = signal(new CroplandDataLayerSettings(), ...(ngDevMode ? [{ debugName: "settings" }] : []));
+    current = null;
+    currentFeatureID = undefined;
+    over = signal(null, ...(ngDevMode ? [{ debugName: "over" }] : []));
+    legends = undefined;
+    count = 0;
+    total = 0;
+    map;
+    popup = null;
+    constructor(settings) {
+        if (settings) {
+            this.settings.set({
+                ...this.settings(),
+                ...settings
+            });
+        }
+        const _ = effect(() => {
+            const settings = this.settings();
+            this._update(settings);
+        }, ...(ngDevMode ? [{ debugName: "_" }] : []));
+    }
+    update(settings) {
+        this.settings.set({ ...this.settings(), ...settings });
+    }
+    _update(settings) {
+        if (!this.map) {
+            return;
+        }
+        const map = this.map;
+        if (settings.visible) {
+            map.setLayoutProperty(this.LAYER_ID, 'visibility', 'visible');
+            this.legends = [this.toLegend()];
+        }
+        else {
+            map.setLayoutProperty(this.LAYER_ID, 'visibility', 'none');
+            this.legends = undefined;
+        }
+    }
+    create() {
+        if (!this.map) {
+            return;
+        }
+        const map = this.map;
+        console.log('Creating CDL raster source with URL:', CroplandDataLayerMapper.PMTILES);
+        AddSource(map, this.SOURCE_ID, {
+            type: 'raster',
+            url: CroplandDataLayerMapper.PMTILES,
+            tileSize: 256
+        });
+        const addedFill = AddLayer(map, {
+            id: this.LAYER_ID,
+            source: this.SOURCE_ID,
+            type: 'raster',
+        }, StandardLayersMapper.POLYGONS_BACKGROUND);
+        this._update(this.settings());
+        if (!addedFill) {
+            return;
+        }
+        map.on('click', async (e) => {
+            if (!this.settings().visible) {
+                return;
+            }
+            const pixel = await pmtilesPixelInfo(CroplandDataLayerMapper.PMTILES, map, e);
+            if (!pixel) {
+                console.error('No pixel data returned');
+                return;
+            }
+            const coordinates = e.lngLat;
+            // Ensure that if the popup is already open, we don't create a new one
+            if (this.popup) {
+                this.popup.remove();
+            }
+            const r = pixel[0];
+            const g = pixel[1];
+            const b = pixel[2];
+            const a = pixel[3];
+            const hex = rgbToHex(r, g, b);
+            const cropType = this.pixelToCropType(pixel);
+            if (!cropType) {
+                return;
+            }
+            let html = `
+        <strong>Cropland Data Layer</strong>
+          <hr />
+          <br/>
+          <div style="display: flex; align-items: center; margin-bottom: 8px;">
+          <div style="width:20px; height:20px; background-color:${hex}; display:inline-block; margin-right:5px; border:1px solid #000;"></div>
+           ${cropType.class}
+          </div>
+          Code: ${cropType.code}<br/>
+      `;
+            this.popup = new Popup({ maxWidth: '400px' })
+                .setLngLat(coordinates)
+                .setHTML(html)
+                .addTo(map);
+        });
+    }
+    async onReady(map, svc) {
+        this.map = map;
+        this.create();
+    }
+    reset() { }
+    clear() {
+        if (this.map) {
+            this.map.removeLayer(this.LAYER_ID);
+            this.map.removeSource(this.SOURCE_ID);
+        }
+        this.legends = undefined;
+    }
+    pixelToCropType(pixel) {
+        const r = pixel[0];
+        const g = pixel[1];
+        const b = pixel[2];
+        const hex = rgbToHex(r, g, b);
+        if (!CroplandLegend) {
+            return undefined;
+        }
+        const cropType = CroplandLegend.find(item => item.color.toLowerCase() === hex.toLowerCase());
+        return cropType;
+    }
+    toLegend() {
+        return {
+            title: 'Cropland Data Layer',
+            items: CroplandLegend.map(item => ({
+                label: item.class,
+                value: item.color
+            }))
+        };
+    }
+}
+class CroplandDataLayerSettings {
+    visible = true;
+}
+// Method 1: Using toString(16) and padStart
+const rgbToHex = (r, g, b) => {
+    return '#' + [r, g, b].map(x => x.toString(16).padStart(2, '0')).join('');
+};
+const CroplandLegend = [
+    { "code": 1, "class": "Corn", "color": "#ffd200" },
+    { "code": 2, "class": "Cotton", "color": "#ff2424" },
+    { "code": 3, "class": "Rice", "color": "#00a8e2" },
+    { "code": 4, "class": "Sorghum", "color": "#ff9e09" },
+    { "code": 5, "class": "Soybeans", "color": "#246e00" },
+    { "code": 6, "class": "Sunflower", "color": "#ffff00" },
+    { "code": 10, "class": "Peanuts", "color": "#6ea300" },
+    { "code": 11, "class": "Tobacco", "color": "#00ad49" },
+    { "code": 12, "class": "Sweet Corn", "color": "#dda309" },
+    { "code": 13, "class": "Pop or Orn Corn", "color": "#dda309" },
+    { "code": 14, "class": "Mint", "color": "#7cd2ff" },
+    { "code": 21, "class": "Barley", "color": "#e0007a" },
+    { "code": 22, "class": "Durum Wheat", "color": "#876052" },
+    { "code": 23, "class": "Spring Wheat", "color": "#d6b56b" },
+    { "code": 24, "class": "Winter Wheat", "color": "#a36e00" },
+    { "code": 25, "class": "Other Small Grains", "color": "#d49eba" },
+    { "code": 26, "class": "Dbl Crop WinWht/Soybeans", "color": "#6e6e00" },
+    { "code": 27, "class": "Rye", "color": "#ac007a" },
+    { "code": 28, "class": "Oats", "color": "#9f5787" },
+    { "code": 29, "class": "Millet", "color": "#6e0047" },
+    { "code": 30, "class": "Speltz", "color": "#d49eba" },
+    { "code": 31, "class": "Canola", "color": "#d1ff00" },
+    { "code": 32, "class": "Flaxseed", "color": "#7c99ff" },
+    { "code": 33, "class": "Safflower", "color": "#d4d400" },
+    { "code": 34, "class": "Rape Seed", "color": "#d1ff00" },
+    { "code": 35, "class": "Mustard", "color": "#00ad49" },
+    { "code": 36, "class": "Alfalfa", "color": "#ffa3e0" },
+    { "code": 37, "class": "Other Hay/Non Alfalfa", "color": "#a3f08a" },
+    { "code": 38, "class": "Camelina", "color": "#00ad49" },
+    { "code": 39, "class": "Buckwheat", "color": "#d49eba" },
+    { "code": 41, "class": "Sugarbeets", "color": "#a800e2" },
+    { "code": 42, "class": "Dry Beans", "color": "#a30000" },
+    { "code": 43, "class": "Potatoes", "color": "#6e2400" },
+    { "code": 44, "class": "Other Crops", "color": "#00ad49" },
+    { "code": 45, "class": "Sugarcane", "color": "#af7cff" },
+    { "code": 46, "class": "Sweet Potatoes", "color": "#6e2400" },
+    { "code": 47, "class": "Misc Vegs & Fruits", "color": "#ff6666" },
+    { "code": 48, "class": "Watermelons", "color": "#ff6666" },
+    { "code": 49, "class": "Onions", "color": "#ffcc66" },
+    { "code": 50, "class": "Cucumbers", "color": "#ff6666" },
+    { "code": 51, "class": "Chick Peas", "color": "#00ad49" },
+    { "code": 52, "class": "Lentils", "color": "#00ddad" },
+    { "code": 53, "class": "Peas", "color": "#52ff00" },
+    { "code": 54, "class": "Tomatoes", "color": "#f0a177" },
+    { "code": 55, "class": "Caneberries", "color": "#ff6666" },
+    { "code": 56, "class": "Hops", "color": "#00ad49" },
+    { "code": 57, "class": "Herbs", "color": "#7cd2ff" },
+    { "code": 58, "class": "Clover/Wildflowers", "color": "#e8bdff" },
+    { "code": 59, "class": "Sod/Grass Seed", "color": "#adffdd" },
+    { "code": 60, "class": "Switchgrass", "color": "#00ad49" },
+    { "code": 61, "class": "Fallow/Idle Cropland", "color": "#bdbd77" },
+    { "code": 63, "class": "Forest", "color": "#92cc92" },
+    { "code": 64, "class": "Shrubland", "color": "#c5d49e" },
+    { "code": 65, "class": "Barren", "color": "#ccbda1" },
+    { "code": 66, "class": "Cherries", "color": "#ff00ff" },
+    { "code": 67, "class": "Peaches", "color": "#ff8eaa" },
+    { "code": 68, "class": "Apples", "color": "#b8004f" },
+    { "code": 69, "class": "Grapes", "color": "#6e4487" },
+    { "code": 70, "class": "Christmas Trees", "color": "#007777" },
+    { "code": 71, "class": "Other Tree Crops", "color": "#af9a6e" },
+    { "code": 72, "class": "Citrus", "color": "#ffff7c" },
+    { "code": 74, "class": "Pecans", "color": "#b56e5b" },
+    { "code": 75, "class": "Almonds", "color": "#00a382" },
+    { "code": 76, "class": "Walnuts", "color": "#e9d4ad" },
+    { "code": 77, "class": "Pears", "color": "#af9a6e" },
+    { "code": 81, "class": "Clouds/No Data", "color": "#f0f0f0" },
+    { "code": 82, "class": "Developed", "color": "#9a9a9a" },
+    { "code": 83, "class": "Water", "color": "#496ea1" },
+    { "code": 87, "class": "Wetlands", "color": "#7cafaf" },
+    { "code": 88, "class": "Nonag/Undefined", "color": "#e8ffbd" },
+    { "code": 92, "class": "Aquaculture", "color": "#00ffff" },
+    { "code": 111, "class": "Open Water", "color": "#496ea1" },
+    { "code": 112, "class": "Perennial Ice/Snow", "color": "#d2e0f8" },
+    { "code": 121, "class": "Developed/Open Space", "color": "#9a9a9a" },
+    { "code": 122, "class": "Developed/Low Intensity", "color": "#9a9a9a" },
+    { "code": 123, "class": "Developed/Med Intensity", "color": "#9a9a9a" },
+    { "code": 124, "class": "Developed/High Intensity", "color": "#9a9a9a" },
+    { "code": 131, "class": "Barren", "color": "#ccbda1" },
+    { "code": 141, "class": "Deciduous Forest", "color": "#92cc92" },
+    { "code": 142, "class": "Evergreen Forest", "color": "#92cc92" },
+    { "code": 143, "class": "Mixed Forest", "color": "#92cc92" },
+    { "code": 152, "class": "Shrubland", "color": "#c5d49e" },
+    { "code": 176, "class": "Grassland/Pasture", "color": "#e8ffbd" },
+    { "code": 190, "class": "Woody Wetlands", "color": "#7cafaf" },
+    { "code": 195, "class": "Herbaceous Wetlands", "color": "#7cafaf" }
+];
+/*
+https://www.nass.usda.gov/Research_and_Science/Cropland/metadata/metadata_CDL24_FGDC-STD-001-1998.htm
+https://www.nass.usda.gov/Research_and_Science/Cropland/docs/US_2024_CDL_legend.jpg
+gdalinfo ~/mmdata/download/2024_30m_cdls.tif | grep -A 200 "Color Table"
+
+
+Accuracy Assessment Summary for Cropland Data Layer 2024
+
+Cover                       Attribute   *Correct Producer's   Omission                User's Commission     Cond'l
+Type                             Code     Pixels   Accuracy      Error      Kappa   Accuracy      Error      Kappa
+----                             ----     ------   --------      -----      -----   --------      -----      -----
+Corn                                1    926,684      92.6%       7.4%      0.923      92.3%       7.7%      0.919
+Cotton                              2    118,322      85.2%      14.8%      0.852      86.2%      13.8%      0.861
+Rice                                3     35,276      96.1%       3.9%      0.961      91.3%       8.7%      0.912
+Sorghum                             4     60,299      79.9%      20.1%      0.799      69.8%      30.2%      0.697
+Soybeans                            5    830,135      91.2%       8.8%      0.908      91.6%       8.4%      0.912
+Sunflower                           6      7,181      82.8%      17.2%      0.828      82.8%      17.2%      0.828
+Peanuts                            10     18,182      90.7%       9.3%      0.906      74.8%      25.2%      0.747
+Tobacco                            11        329      37.9%      62.1%      0.379      70.3%      29.7%      0.703
+Sweet Corn                         12      1,389      56.2%      43.8%      0.562      56.6%      43.4%      0.566
+Pop or Orn Corn                    13      1,298      82.7%      17.3%      0.827      52.3%      47.7%      0.523
+Mint                               14        402      82.5%      17.5%      0.825      76.9%      23.1%      0.769
+Barley                             21     16,542      74.3%      25.7%      0.743      65.1%      34.9%      0.650
+Durum Wheat                        22     16,332      72.0%      28.0%      0.720      62.6%      37.4%      0.625
+Spring Wheat                       23    110,760      82.9%      17.1%      0.828      86.7%      13.3%      0.866
+Winter Wheat                       24    204,900      87.1%      12.9%      0.869      81.1%      18.9%      0.809
+Other Small Grains                 25         90      33.2%      66.8%      0.332      54.5%      45.5%      0.545
+Dbl Crop WinWht/Soybeans           26     36,376      78.4%      21.6%      0.783      81.6%      18.4%      0.815
+Rye                                27      2,895      54.7%      45.3%      0.546      36.1%      63.9%      0.360
+Oats                               28      6,701      57.3%      42.7%      0.573      36.2%      63.8%      0.362
+Millet                             29      5,076      64.7%      35.3%      0.647      52.3%      47.7%      0.523
+Speltz                             30         29      15.4%      84.6%      0.154      30.9%      69.1%      0.309
+Canola                             31     28,077      93.8%       6.2%      0.938      89.1%      10.9%      0.891
+Flaxseed                           32      1,003      61.2%      38.8%      0.612      51.4%      48.6%      0.514
+Safflower                          33      1,363      75.4%      24.6%      0.754      77.2%      22.8%      0.772
+Rape Seed                          34         25      25.5%      74.5%      0.255      50.0%      50.0%      0.500
+Mustard                            35      1,657      82.9%      17.1%      0.829      73.3%      26.7%      0.733
+Alfalfa                            36     88,352      79.6%      20.4%      0.795      60.3%      39.7%      0.601
+Other Hay/Non Alfalfa              37     13,256      46.8%      53.2%      0.464       8.3%      91.7%      0.082
+Camelina                           38        165      44.6%      55.4%      0.446      39.0%      61.0%      0.390
+Buckwheat                          39        311      57.9%      42.1%      0.579      71.0%      29.0%      0.710
+Sugarbeets                         41     11,233      95.6%       4.4%      0.956      91.1%       8.9%      0.911
+Dry Beans                          42     14,668      80.6%      19.4%      0.806      77.0%      23.0%      0.770
+Potatoes                           43      8,489      89.7%      10.3%      0.897      87.1%      12.9%      0.871
+Other Crops                        44        731      46.0%      54.0%      0.460      54.3%      45.7%      0.543
+Sugarcane                          45     13,498      88.5%      11.5%      0.885      90.0%      10.0%      0.900
+Sweet Potatoes                     46        935      83.8%      16.2%      0.838      77.6%      22.4%      0.776
+Misc Vegs & Fruits                 47         62       9.8%      90.2%      0.098      24.5%      75.5%      0.245
+Watermelons                        48        268      45.9%      54.1%      0.459      55.4%      44.6%      0.554
+Onions                             49        923      70.1%      29.9%      0.701      76.8%      23.2%      0.768
+Cucumbers                          50        306      56.5%      43.5%      0.565      68.0%      32.0%      0.680
+Chick Peas                         51      5,280      77.7%      22.3%      0.777      81.7%      18.3%      0.817
+Lentils                            52     10,012      82.2%      17.8%      0.822      77.6%      22.4%      0.776
+Peas                               53     10,544      81.8%      18.2%      0.818      73.0%      27.0%      0.730
+Tomatoes                           54      1,893      78.0%      22.0%      0.780      86.1%      13.9%      0.861
+Caneberries                        55         62      51.2%      48.8%      0.512      49.2%      50.8%      0.492
+Hops                               56        594      88.9%      11.1%      0.889      81.5%      18.5%      0.815
+Herbs                              57        615      53.2%      46.8%      0.532      38.7%      61.3%      0.387
+Clover/Wildflowers                 58        490      41.7%      58.3%      0.417      34.8%      65.2%      0.348
+Sod/Grass Seed                     59      4,068      60.1%      39.9%      0.600      49.6%      50.4%      0.496
+Switchgrass                        60         33      18.8%      81.3%      0.187      30.0%      70.0%      0.300
+Fallow/Idle Cropland               61     68,594      84.1%      15.9%      0.840      67.7%      32.3%      0.676
+Shrubland                          64     18,064      72.3%      27.7%      0.723      49.2%      50.8%      0.492
+Cherries                           66        805      52.9%      47.1%      0.529      47.0%      53.0%      0.470
+Peaches                            67        597      45.5%      54.5%      0.455      48.4%      51.6%      0.484
+Apples                             68      2,715      63.5%      36.5%      0.635      74.8%      25.2%      0.747
+Grapes                             69     10,441      71.9%      28.1%      0.719      76.3%      23.7%      0.763
+Christmas Trees                    70         68       9.7%      90.3%      0.097      14.3%      85.7%      0.143
+Other Tree Crops                   71        275      30.8%      69.2%      0.308      44.0%      56.0%      0.440
+Citrus                             72      3,974      58.5%      41.5%      0.585      75.1%      24.9%      0.751
+Pecans                             74      2,706      76.6%      23.4%      0.766      49.9%      50.1%      0.499
+Almonds                            75     23,975      86.3%      13.7%      0.863      86.5%      13.5%      0.865
+Walnuts                            76      5,826      88.7%      11.3%      0.887      72.3%      27.7%      0.723
+Pears                              77        293      56.0%      44.0%      0.560      52.6%      47.4%      0.526
+Aquaculture                        92      4,555      85.3%      14.7%      0.853      80.7%      19.3%      0.807
+Pistachios                        204      8,607      88.9%      11.1%      0.889      85.7%      14.3%      0.857
+Triticale                         205      2,559      46.5%      53.5%      0.465      25.7%      74.3%      0.257
+Carrots                           206        147      54.6%      45.4%      0.546      56.5%      43.5%      0.565
+Asparagus                         207         17      34.0%      66.0%      0.340      54.8%      45.2%      0.548
+Garlic                            208        144      66.4%      33.6%      0.664      76.6%      23.4%      0.766
+Cantaloupes                       209         57      34.8%      65.2%      0.348      60.0%      40.0%      0.600
+Prunes                            210        245      54.1%      45.9%      0.541      36.5%      63.5%      0.365
+Olives                            211        479      73.6%      26.4%      0.736      45.7%      54.3%      0.457
+Oranges                           212      3,617      61.0%      39.0%      0.610      58.5%      41.5%      0.585
+Honeydew Melons                   213          2      10.5%      89.5%      0.105      11.1%      88.9%      0.111
+Broccoli                          214         61      36.7%      63.3%      0.367      47.7%      52.3%      0.477
+Avocados                          215        353      69.9%      30.1%      0.699      48.9%      51.1%      0.489
+Peppers                           216        108      38.3%      61.7%      0.383      54.5%      45.5%      0.545
+Pomegranates                      217        206      83.7%      16.3%      0.837      51.2%      48.8%      0.512
+Nectarines                        218          1       5.3%      94.7%      0.053      14.3%      85.7%      0.143
+Greens                            219         63      39.1%      60.9%      0.391      40.9%      59.1%      0.409
+Plums                             220         20      14.6%      85.4%      0.146       5.7%      94.3%      0.057
+Strawberries                      221         26      15.7%      84.3%      0.157      45.6%      54.4%      0.456
+Squash                            222         51      24.4%      75.6%      0.244      45.1%      54.9%      0.451
+Apricots                          223          5       7.5%      92.5%      0.075       6.2%      93.8%      0.062
+Vetch                             224         64      57.7%      42.3%      0.577      59.8%      40.2%      0.598
+Dbl Crop WinWht/Corn              225      1,796      46.1%      53.9%      0.460      48.5%      51.5%      0.485
+Dbl Crop Oats/Corn                226        315      47.9%      52.1%      0.479      48.8%      51.2%      0.488
+Lettuce                           227         97      41.6%      58.4%      0.416      27.1%      72.9%      0.271
+Dbl Crop Triticale/Corn           228      1,841      47.0%      53.0%      0.469      61.8%      38.2%      0.618
+Pumpkins                          229        226      36.3%      63.7%      0.363      57.1%      42.9%      0.571
+Dbl Crop Lettuce/Durum Wht        230          0       0.0%     100.0%      0.000       n/a        n/a        n/a
+Dbl Crop Lettuce/Cantaloupe       231         56      48.7%      51.3%      0.487      90.3%       9.7%      0.903
+Dbl Crop Lettuce/Cotton           232         97      68.3%      31.7%      0.683      84.3%      15.7%      0.843
+Dbl Crop Lettuce/Barley           233          1      20.0%      80.0%      0.200      25.0%      75.0%      0.250
+Dbl Crop WinWht/Sorghum           236      1,725      56.4%      43.6%      0.564      33.3%      66.7%      0.333
+Dbl Crop Barley/Corn              237        187      39.0%      61.0%      0.390      57.9%      42.1%      0.579
+Dbl Crop WinWht/Cotton            238        407      32.9%      67.1%      0.329      18.2%      81.8%      0.182
+Dbl Crop Soybeans/Cotton          239          0       0.0%     100.0%      0.000       n/a        n/a        n/a
+Dbl Crop Soybeans/Oats            240        160      29.5%      70.5%      0.295      37.0%      63.0%      0.370
+Dbl Crop Corn/Soybeans            241         31      32.6%      67.4%      0.326      48.4%      51.6%      0.484
+Blueberries                       242        368      45.4%      54.6%      0.454      39.1%      60.9%      0.391
+Cabbage                           243         90      49.2%      50.8%      0.492      46.9%      53.1%      0.469
+Cauliflower                       244         10      28.6%      71.4%      0.286      20.4%      79.6%      0.204
+Celery                            245          6      14.3%      85.7%      0.143      25.0%      75.0%      0.250
+Radishes                          246         28      46.7%      53.3%      0.467      50.9%      49.1%      0.509
+Turnips                           247         19      38.8%      61.2%      0.388      48.7%      51.3%      0.487
+Eggplants                         248          1      10.0%      90.0%      0.100      50.0%      50.0%      0.500
+Gourds                            249          3      17.6%      82.4%      0.176      60.0%      40.0%      0.600
+Cranberries                       250         18      17.6%      82.4%      0.176      69.2%      30.8%      0.692
+Dbl Crop Barley/Soybeans          254        433      47.5%      52.5%      0.475      63.0%      37.0%      0.630
+
+
+ Raster
+ Attribute Domain Values and Definitions: NO DATA, BACKGROUND 0
+
+ Categorization Code   Land Cover
+           "0"       Background
+
+ Raster
+ Attribute Domain Values and Definitions: CROPS 1-60
+
+ Categorization Code   Land Cover
+           "1"       Corn
+           "2"       Cotton
+           "3"       Rice
+           "4"       Sorghum
+           "5"       Soybeans
+           "6"       Sunflower
+          "10"       Peanuts
+          "11"       Tobacco
+          "12"       Sweet Corn
+          "13"       Pop or Orn Corn
+          "14"       Mint
+          "21"       Barley
+          "22"       Durum Wheat
+          "23"       Spring Wheat
+          "24"       Winter Wheat
+          "25"       Other Small Grains
+          "26"       Dbl Crop WinWht/Soybeans
+          "27"       Rye
+          "28"       Oats
+          "29"       Millet
+          "30"       Speltz
+          "31"       Canola
+          "32"       Flaxseed
+          "33"       Safflower
+          "34"       Rape Seed
+          "35"       Mustard
+          "36"       Alfalfa
+          "37"       Other Hay/Non Alfalfa
+          "38"       Camelina
+          "39"       Buckwheat
+          "41"       Sugarbeets
+          "42"       Dry Beans
+          "43"       Potatoes
+          "44"       Other Crops
+          "45"       Sugarcane
+          "46"       Sweet Potatoes
+          "47"       Misc Vegs & Fruits
+          "48"       Watermelons
+          "49"       Onions
+          "50"       Cucumbers
+          "51"       Chick Peas
+          "52"       Lentils
+          "53"       Peas
+          "54"       Tomatoes
+          "55"       Caneberries
+          "56"       Hops
+          "57"       Herbs
+          "58"       Clover/Wildflowers
+          "59"       Sod/Grass Seed
+          "60"       Switchgrass
+
+ Raster
+ Attribute Domain Values and Definitions: NON-CROP 61-65
+
+ Categorization Code   Land Cover
+          "61"       Fallow/Idle Cropland
+          "62"       Pasture/Grass
+          "63"       Forest
+          "64"       Shrubland
+          "65"       Barren
+
+ Raster
+ Attribute Domain Values and Definitions: CROPS 66-80
+
+ Categorization Code   Land Cover
+          "66"       Cherries
+          "67"       Peaches
+          "68"       Apples
+          "69"       Grapes
+          "70"       Christmas Trees
+          "71"       Other Tree Crops
+          "72"       Citrus
+          "74"       Pecans
+          "75"       Almonds
+          "76"       Walnuts
+          "77"       Pears
+
+ Raster
+ Attribute Domain Values and Definitions: OTHER 81-109
+
+ Categorization Code   Land Cover
+          "81"       Clouds/No Data
+          "82"       Developed
+          "83"       Water
+          "87"       Wetlands
+          "88"       Nonag/Undefined
+          "92"       Aquaculture
+
+ Raster
+ Attribute Domain Values and Definitions: NLCD-DERIVED CLASSES 110-195
+
+ Categorization Code   Land Cover
+         "111"       Open Water
+         "112"       Perennial Ice/Snow
+         "121"       Developed/Open Space
+         "122"       Developed/Low Intensity
+         "123"       Developed/Med Intensity
+         "124"       Developed/High Intensity
+         "131"       Barren
+         "141"       Deciduous Forest
+         "142"       Evergreen Forest
+         "143"       Mixed Forest
+         "152"       Shrubland
+         "176"       Grassland/Pasture
+         "190"       Woody Wetlands
+         "195"       Herbaceous Wetlands
+
+ Raster
+ Attribute Domain Values and Definitions: CROPS 195-255
+
+ Categorization Code   Land Cover
+         "204"       Pistachios
+         "205"       Triticale
+         "206"       Carrots
+         "207"       Asparagus
+         "208"       Garlic
+         "209"       Cantaloupes
+         "210"       Prunes
+         "211"       Olives
+         "212"       Oranges
+         "213"       Honeydew Melons
+         "214"       Broccoli
+         "215"       Avocados
+         "216"       Peppers
+         "217"       Pomegranates
+         "218"       Nectarines
+         "219"       Greens
+         "220"       Plums
+         "221"       Strawberries
+         "222"       Squash
+         "223"       Apricots
+         "224"       Vetch
+         "225"       Dbl Crop WinWht/Corn
+         "226"       Dbl Crop Oats/Corn
+         "227"       Lettuce
+         "228"       Dbl Crop Triticale/Corn
+         "229"       Pumpkins
+         "230"       Dbl Crop Lettuce/Durum Wht
+         "231"       Dbl Crop Lettuce/Cantaloupe
+         "232"       Dbl Crop Lettuce/Cotton
+         "233"       Dbl Crop Lettuce/Barley
+         "234"       Dbl Crop Durum Wht/Sorghum
+         "235"       Dbl Crop Barley/Sorghum
+         "236"       Dbl Crop WinWht/Sorghum
+         "237"       Dbl Crop Barley/Corn
+         "238"       Dbl Crop WinWht/Cotton
+         "239"       Dbl Crop Soybeans/Cotton
+         "240"       Dbl Crop Soybeans/Oats
+         "241"       Dbl Crop Corn/Soybeans
+         "242"       Blueberries
+         "243"       Cabbage
+         "244"       Cauliflower
+         "245"       Celery
+         "246"       Radishes
+         "247"       Turnips
+         "248"       Eggplants
+         "249"       Gourds
+         "250"       Cranberries
+         "254"       Dbl Crop Barley/Soybeans
+
+*/
+
+class EsriMapper {
+    jsonUrl = 'https://basemaps.arcgis.com/arcgis/rest/services/World_Basemap_v2/VectorTileServer/resources/styles/root.json';
+    SOURCE_ID = 'esri';
+    map = undefined;
+    legends = undefined;
+    count = 0;
+    total = 0;
+    current = [];
+    settings = signal(new EsriSettings(), ...(ngDevMode ? [{ debugName: "settings" }] : []));
+    constructor(settings) {
+        if (settings) {
+            this.settings.set({
+                ...this.settings(),
+                ...settings
+            });
+        }
+        else {
+            this.makeSettings();
+        }
+        const _ = effect(() => {
+            const settings = this.settings();
+            this._update(settings);
+        }, ...(ngDevMode ? [{ debugName: "_" }] : []));
+    }
+    async makeSettings() {
+        const settings = new EsriSettings();
+        const data = await fetch(this.jsonUrl)
+            .then(response => response.json());
+        const accepted = [];
+        const rawLawers = data.layers;
+        for (const layer of rawLawers) {
+            const l = layer;
+            accepted.push(l);
+        }
+        settings.options = accepted;
+        settings.layers = new Map();
+        this.settings.set(settings);
+        return settings;
+    }
+    update(settings) {
+        this.settings.set({ ...this.settings(), ...settings });
+    }
+    _update(settings) {
+        this.clear();
+        for (const layerSpec of settings.layers.values()) {
+            if (!this.map) {
+                return;
+            }
+            const map = this.map;
+            const layerId = layerSpec.id;
+            if (map.getLayer(layerId)) {
+                continue; // Layer already exists
+            }
+            try {
+                map.addLayer(layerSpec);
+                this.current.push(layerId);
+            }
+            catch (error) {
+                console.error(`Failed to add layer ${layerId}:`, error);
+            }
+        }
+    }
+    onReady(map, svc) {
+        this.map = map;
+        map.addSource("esri", {
+            type: "vector",
+            tiles: [
+                "https://basemaps.arcgis.com/arcgis/rest/services/World_Basemap_v2/VectorTileServer/tile/{z}/{y}/{x}.pbf"
+            ],
+            minzoom: 0,
+            maxzoom: 23
+        });
+        // map.addLayer({
+        //   id: "urban-area",
+        //   type: "fill",
+        //   source: "esri",
+        //   "source-layer": "Urban area", // must match the actual layer name in the vector tiles
+        //   minzoom: 5,
+        //   maxzoom: 12,
+        //   paint: {
+        //     "fill-color": "#8b1650",
+        //     "fill-opacity": 0.8
+        //   }
+        // });
+        // Additional setup if needed
+    }
+    clear() {
+        for (const layerId of this.current) {
+            if (this.map?.getLayer(layerId)) {
+                this.map.removeLayer(layerId);
+            }
+        }
+        this.current = [];
+    }
+    reset() {
+        this.clear();
+    }
+}
+class EsriSettings {
+    options = [];
+    layers = new Map();
+}
+
 class LayerSettings {
     visible = true;
 }
@@ -14813,6 +15514,134 @@ class HardinessSettings extends PolygonLayerSettings {
     borderOpacity = 0;
 }
 
+class NAASMapper {
+    LAYER_ID = 'naas-layer';
+    SOURCE_ID = 'naas-source';
+    settings = signal(new NAASSettings(), ...(ngDevMode ? [{ debugName: "settings" }] : []));
+    current = null;
+    currentFeatureID = undefined;
+    over = signal(null, ...(ngDevMode ? [{ debugName: "over" }] : []));
+    map = undefined;
+    legends;
+    count = 0;
+    total = 0;
+    constructor(settings) {
+        if (settings) {
+            this.settings.set({
+                ...this.settings(),
+                ...settings
+            });
+        }
+        const _ = effect(() => {
+            const settings = this.settings();
+            this._update(settings);
+        }, ...(ngDevMode ? [{ debugName: "_" }] : []));
+    }
+    update(settings) {
+        this.settings.set({ ...this.settings(), ...settings });
+    }
+    _update(settings) {
+        if (!this.map) {
+            return;
+        }
+        const map = this.map;
+        if (settings.visible) {
+            map.setLayoutProperty(this.LAYER_ID, 'visibility', 'visible');
+        }
+        else {
+            map.setLayoutProperty(this.LAYER_ID, 'visibility', 'none');
+        }
+    }
+    create() {
+        if (!this.map) {
+            return;
+        }
+        const map = this.map;
+        AddSource(map, this.SOURCE_ID, {
+            type: 'vector',
+            url: 'mapbox://examples.8fgz4egr' // Example vector tile source
+        });
+        const addedFill = AddLayer(map, {
+            id: this.LAYER_ID,
+            source: this.SOURCE_ID,
+            'source-layer': 'naas-data', // Example source layer
+            type: 'fill',
+            paint: {
+                'fill-color': '#888888',
+                'fill-opacity': 0.5
+            }
+        }, StandardLayersMapper.POLYGONS_BACKGROUND);
+        this._update(this.settings());
+        if (!addedFill) {
+            console.error('Failed to add NAAS layer');
+        }
+    }
+    onReady(map, svc) {
+    }
+    reset() {
+    }
+    clear() {
+    }
+}
+class NAASSettings {
+    url = '';
+    visible = true;
+    fillColor = '#0000ff';
+    fillOpacity = 0.1;
+    borderColor = '#01018b';
+    borderWidth = 1;
+    borderOpacity = 1.0;
+    labelsVisible = true;
+    labelsSize = 10;
+    labelsColor = '#000000';
+    labelsHaloColor = '#ffffff';
+    labelsHaloWidth = 1;
+    labelsOpacity = 1.0;
+    labelOverlap = false;
+    autoSelectLayer = false;
+}
+
+class SimpleMapper {
+    reset() {
+        if (this.map) {
+            // Remove existing layers and sources
+            if (this.map.getLayer('esri-natgeo-layer')) {
+                this.map.removeLayer('esri-natgeo-layer');
+            }
+            if (this.map.getSource('esri-natgeo')) {
+                this.map.removeSource('esri-natgeo');
+            }
+            this.count = 0;
+            this.total = 0;
+        }
+    }
+    clear() {
+        this.reset();
+    }
+    legends = undefined;
+    count = 0;
+    total = 0;
+    // Implementation of a simple mapper
+    map = undefined;
+    onReady(map, svc) {
+        this.map = map;
+        map.addSource('esri-natgeo', {
+            type: 'raster',
+            tiles: [
+                // 'https://services.arcgisonline.com/ArcGIS/rest/services/NatGeoStyleBase/MapServer/tile/{z}/{y}/{x}',
+                'https://tiles.arcgis.com/tiles/P3ePLMYs2RVChkJx/arcgis/rest/services/NatGeoStyleBase/MapServer/tile/{z}/{y}/{x}',
+            ],
+            tileSize: 256,
+        });
+        map.addLayer({
+            id: 'esri-natgeo-layer',
+            type: 'raster',
+            source: 'esri-natgeo',
+        });
+        // Additional setup if needed
+    }
+}
+
 class VectorTileServerMapper {
     src;
     legends;
@@ -15244,6 +16073,8 @@ class HttpBoundaryLoader {
 /*
  * Public API Surface of mapag
  */
+// export * from './lib/mappers/cropland-data-layer';
+// export * from './lib/models/census-blocks';
 // export * from './lib/models/census-zipcodes';
 // export * from './lib/models/census-counties';
 // export * from './lib/models/census-states';
@@ -15255,5 +16086,5 @@ class HttpBoundaryLoader {
  * Generated bundle index. Do not edit.
  */
 
-export { AddLayer, AddSource, AreaMapperMapper, BackgroundMaskMapper, BaseMapLight, BasemapSelect, BasemapSelectMenu, CensusTractMapper, DrawingMapper, HardinessMapper, HardinessSettings, HttpBoundaryLoader, MapAreaSelectComponent, MapComponent, MapSelectionService, MapService, MapStyles, MapboxMapperGroup, NoOpMapper, RemoveLayer, RemoveSource, SaveMap, SelectMode, StandardLayersMapper, Styles, VectorTileServerMapper, WatershedMapper, WatershedSettings, discoverLayers, isGeoloader, isMultiPolygon, isNumber2DArray, isNumber3DArray, isPolygon, mapboxLoadImages, mapboxloadImage, sampleTilesForLayers, simpleClone, toMultiPolygon, trySync };
+export { AddLayer, AddSource, AreaMapperMapper, BackgroundMaskMapper, BaseMapLight, BasemapSelect, BasemapSelectMenu, CensusTractMapper, CroplandDataLayerMapper, CroplandDataLayerSettings, CroplandLegend, DEFAULT_GLYPHS, DrawingMapper, EsriMapper, EsriSettings, HardinessMapper, HardinessSettings, HttpBoundaryLoader, MapAreaSelectComponent, MapComponent, MapSelectionService, MapService, MapStyles, MapboxMapperGroup, NAASMapper, NAASSettings, NoOpMapper, RemoveLayer, RemoveSource, SaveMap, SelectMode, SimpleMapper, StandardLayersMapper, Styles, VectorTileServerMapper, WatershedMapper, WatershedSettings, discoverLayers, isGeoloader, isMultiPolygon, isNumber2DArray, isNumber3DArray, isPolygon, mapboxLoadImages, mapboxloadImage, pmtilesPixelInfo, sampleTilesForLayers, simpleClone, toMultiPolygon, trySync };
 //# sourceMappingURL=foodmarketmaker-mapag.mjs.map