[{"data":1,"prerenderedAt":2525},["ShallowReactive",2],{"navigation_docs":3,"-layers-raster-layers":90,"-layers-raster-layers-surround":2520},[4,22,35,73],{"title":5,"path":6,"stem":7,"children":8,"page":21},"Guide","\u002Fguide","1.guide",[9,13,17],{"title":10,"path":11,"stem":12},"Getting Started","\u002Fguide\u002Fgetting-started","1.guide\u002F1.getting-started",{"title":14,"path":15,"stem":16},"Peer Dependencies","\u002Fguide\u002Fpeer-dependencies","1.guide\u002F2.peer-dependencies",{"title":18,"path":19,"stem":20},"Examples","\u002Fguide\u002Fexamples","1.guide\u002F3.examples",false,{"title":23,"path":24,"stem":25,"children":26,"page":21},"Components","\u002Fcomponents","2.components",[27,31],{"title":28,"path":29,"stem":30},"VMap","\u002Fcomponents\u002Fmap","2.components\u002F1.map",{"title":32,"path":33,"stem":34},"VMarker","\u002Fcomponents\u002Fmarkers","2.components\u002F2.markers",{"title":36,"path":37,"stem":38,"children":39,"page":21},"Layers","\u002Flayers","3.layers",[40,44,48,52,56,60,64,69],{"title":41,"path":42,"stem":43},"Deck.gl Layers","\u002Flayers\u002Fdeckgl-overview","3.layers\u002F1.deckgl-overview",{"title":45,"path":46,"stem":47},"Core Layers","\u002Flayers\u002Fcore-layers","3.layers\u002F2.core-layers",{"title":49,"path":50,"stem":51},"Aggregation Layers","\u002Flayers\u002Faggregation-layers","3.layers\u002F3.aggregation-layers",{"title":53,"path":54,"stem":55},"Geo Layers","\u002Flayers\u002Fgeo-layers","3.layers\u002F4.geo-layers",{"title":57,"path":58,"stem":59},"Raster Layers","\u002Flayers\u002Fraster-layers","3.layers\u002F5.raster-layers",{"title":61,"path":62,"stem":63},"Wind Layers","\u002Flayers\u002Fwind-layers","3.layers\u002F6.wind-layers",{"title":65,"path":66,"stem":67,"icon":68},"MapLibre Layers","\u002Flayers\u002Fmaplibre-layers","3.layers\u002F7.maplibre-layers","i-lucide-layers",{"title":70,"path":71,"stem":72},"GeoArrow Layers","\u002Flayers\u002Fgeoarrow-layers","3.layers\u002F8.geoarrow-layers",{"title":74,"path":75,"stem":76,"children":77,"page":21},"Controls","\u002Fcontrols","4.controls",[78,82,86],{"title":79,"path":80,"stem":81},"VControlLidar","\u002Fcontrols\u002Flidar","4.controls\u002F1.lidar",{"title":83,"path":84,"stem":85},"Layer Controls","\u002Fcontrols\u002Flayer","4.controls\u002F2.layer",{"title":87,"path":88,"stem":89},"VControlLegend","\u002Fcontrols\u002Flegend","4.controls\u002F3.legend",{"id":91,"title":57,"body":92,"description":2514,"extension":2515,"links":2516,"meta":2517,"navigation":296,"path":58,"seo":2518,"stem":59,"__hash__":2519},"docs\u002F3.layers\u002F5.raster-layers.md",{"type":93,"value":94,"toc":2492},"minimark",[95,106,117,122,128,131,136,168,172,194,198,546,550,743,747,807,811,1257,1261,1267,1270,1331,1335,1341,1344,1347,1371,1374,1394,1397,2014,2017,2201,2204,2271,2275,2330,2334,2426,2429,2433,2436,2447,2450,2454,2460,2466,2480,2488],[96,97,98],"blockquote",{},[99,100,101,102,105],"p",{},"See ",[103,104,14],"a",{"href":15}," for the complete list of required packages for each component.",[107,108,112,116],"callout",{"icon":109,"target":110,"to":111},"i-lucide-external-link","_blank","https:\u002F\u002Fmapcn-vue.geoql.in\u002Fexamples\u002Fdeckgl-cog",[113,114,115],"strong",{},"Live Demo"," - GPU-accelerated COG visualization with Sentinel-2 imagery",[118,119,121],"h2",{"id":120},"coglayer","COGLayer",[99,123,124],{},[103,125,115],{"href":111,"rel":126,"target":110},[127],"nofollow",[99,129,130],{},"GPU-accelerated Cloud-Optimized GeoTIFF visualization with automatic reprojection.",[132,133,135],"h3",{"id":134},"installation","Installation",[137,138,143],"pre",{"className":139,"code":140,"language":141,"meta":142,"style":142},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","pnpm add @developmentseed\u002Fdeck.gl-raster @developmentseed\u002Fdeck.gl-geotiff @developmentseed\u002Fgeotiff\n","bash","",[144,145,146],"code",{"__ignoreMap":142},[147,148,151,155,159,162,165],"span",{"class":149,"line":150},"line",1,[147,152,154],{"class":153},"sBMFI","pnpm",[147,156,158],{"class":157},"sfazB"," add",[147,160,161],{"class":157}," @developmentseed\u002Fdeck.gl-raster",[147,163,164],{"class":157}," @developmentseed\u002Fdeck.gl-geotiff",[147,166,167],{"class":157}," @developmentseed\u002Fgeotiff\n",[132,169,171],{"id":170},"features","Features",[173,174,175,179,182,185,188,191],"ul",{},[176,177,178],"li",{},"Fully client-side (no server required)",[176,180,181],{},"GPU-accelerated rendering",[176,183,184],{},"Automatic CRS reprojection",[176,186,187],{},"Intelligent tile streaming",[176,189,190],{},"Overview level selection",[176,192,193],{},"Support for multi-band imagery",[132,195,197],{"id":196},"basic-usage","Basic Usage",[137,199,203],{"className":200,"code":201,"language":202,"meta":142,"style":142},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\n  import { VMap } from '@geoql\u002Fv-maplibre';\n  import { VLayerCog } from '@geoql\u002Fv-maplibre\u002Fgeotiff';\n\n  const mapOptions = {\n    style: 'https:\u002F\u002Fbasemaps.cartocdn.com\u002Fgl\u002Fdark-matter-nolabels-gl-style\u002Fstyle.json',\n    center: [31.5, 30.0],\n    zoom: 8,\n  };\n\n  \u002F\u002F Sentinel-2 RGB imagery COG\n  const COG_URL = 'https:\u002F\u002Fsentinel-cogs.s3.us-west-2.amazonaws.com\u002Fsentinel-s2-l2a-cogs\u002F36\u002FQ\u002FWD\u002F2020\u002F7\u002FS2A_36QWD_20200701_0_L2A\u002FTCI.tif';\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CVMap :options=\"mapOptions\" style=\"height: 500px\">\n    \u003CVLayerCog\n      id=\"cog-layer\"\n      :geotiff=\"COG_URL\"\n      @geotiff-load=\"(tiff, { geographicBounds }) => console.log('Loaded:', geographicBounds)\"\n    \u002F>\n  \u003C\u002FVMap>\n\u003C\u002Ftemplate>\n","vue",[144,204,205,236,268,291,298,312,331,357,370,376,381,388,407,417,422,432,466,475,491,506,521,527,537],{"__ignoreMap":142},[147,206,207,211,215,219,222,225,228,231,233],{"class":149,"line":150},[147,208,210],{"class":209},"sMK4o","\u003C",[147,212,214],{"class":213},"swJcz","script",[147,216,218],{"class":217},"spNyl"," setup",[147,220,221],{"class":217}," lang",[147,223,224],{"class":209},"=",[147,226,227],{"class":209},"\"",[147,229,230],{"class":157},"ts",[147,232,227],{"class":209},[147,234,235],{"class":209},">\n",[147,237,239,243,246,250,253,256,259,262,265],{"class":149,"line":238},2,[147,240,242],{"class":241},"s7zQu","  import",[147,244,245],{"class":209}," {",[147,247,249],{"class":248},"sTEyZ"," VMap",[147,251,252],{"class":209}," }",[147,254,255],{"class":241}," from",[147,257,258],{"class":209}," '",[147,260,261],{"class":157},"@geoql\u002Fv-maplibre",[147,263,264],{"class":209},"'",[147,266,267],{"class":209},";\n",[147,269,271,273,275,278,280,282,284,287,289],{"class":149,"line":270},3,[147,272,242],{"class":241},[147,274,245],{"class":209},[147,276,277],{"class":248}," VLayerCog",[147,279,252],{"class":209},[147,281,255],{"class":241},[147,283,258],{"class":209},[147,285,286],{"class":157},"@geoql\u002Fv-maplibre\u002Fgeotiff",[147,288,264],{"class":209},[147,290,267],{"class":209},[147,292,294],{"class":149,"line":293},4,[147,295,297],{"emptyLinePlaceholder":296},true,"\n",[147,299,301,304,307,309],{"class":149,"line":300},5,[147,302,303],{"class":217},"  const",[147,305,306],{"class":248}," mapOptions ",[147,308,224],{"class":209},[147,310,311],{"class":209}," {\n",[147,313,315,318,321,323,326,328],{"class":149,"line":314},6,[147,316,317],{"class":213},"    style",[147,319,320],{"class":209},":",[147,322,258],{"class":209},[147,324,325],{"class":157},"https:\u002F\u002Fbasemaps.cartocdn.com\u002Fgl\u002Fdark-matter-nolabels-gl-style\u002Fstyle.json",[147,327,264],{"class":209},[147,329,330],{"class":209},",\n",[147,332,334,337,339,342,346,349,352,355],{"class":149,"line":333},7,[147,335,336],{"class":213},"    center",[147,338,320],{"class":209},[147,340,341],{"class":248}," [",[147,343,345],{"class":344},"sbssI","31.5",[147,347,348],{"class":209},",",[147,350,351],{"class":344}," 30.0",[147,353,354],{"class":248},"]",[147,356,330],{"class":209},[147,358,360,363,365,368],{"class":149,"line":359},8,[147,361,362],{"class":213},"    zoom",[147,364,320],{"class":209},[147,366,367],{"class":344}," 8",[147,369,330],{"class":209},[147,371,373],{"class":149,"line":372},9,[147,374,375],{"class":209},"  };\n",[147,377,379],{"class":149,"line":378},10,[147,380,297],{"emptyLinePlaceholder":296},[147,382,384],{"class":149,"line":383},11,[147,385,387],{"class":386},"sHwdD","  \u002F\u002F Sentinel-2 RGB imagery COG\n",[147,389,391,393,396,398,400,403,405],{"class":149,"line":390},12,[147,392,303],{"class":217},[147,394,395],{"class":248}," COG_URL ",[147,397,224],{"class":209},[147,399,258],{"class":209},[147,401,402],{"class":157},"https:\u002F\u002Fsentinel-cogs.s3.us-west-2.amazonaws.com\u002Fsentinel-s2-l2a-cogs\u002F36\u002FQ\u002FWD\u002F2020\u002F7\u002FS2A_36QWD_20200701_0_L2A\u002FTCI.tif",[147,404,264],{"class":209},[147,406,267],{"class":209},[147,408,410,413,415],{"class":149,"line":409},13,[147,411,412],{"class":209},"\u003C\u002F",[147,414,214],{"class":213},[147,416,235],{"class":209},[147,418,420],{"class":149,"line":419},14,[147,421,297],{"emptyLinePlaceholder":296},[147,423,425,427,430],{"class":149,"line":424},15,[147,426,210],{"class":209},[147,428,429],{"class":213},"template",[147,431,235],{"class":209},[147,433,435,438,440,443,445,447,450,452,455,457,459,462,464],{"class":149,"line":434},16,[147,436,437],{"class":209},"  \u003C",[147,439,28],{"class":213},[147,441,442],{"class":217}," :options",[147,444,224],{"class":209},[147,446,227],{"class":209},[147,448,449],{"class":157},"mapOptions",[147,451,227],{"class":209},[147,453,454],{"class":217}," style",[147,456,224],{"class":209},[147,458,227],{"class":209},[147,460,461],{"class":157},"height: 500px",[147,463,227],{"class":209},[147,465,235],{"class":209},[147,467,469,472],{"class":149,"line":468},17,[147,470,471],{"class":209},"    \u003C",[147,473,474],{"class":213},"VLayerCog\n",[147,476,478,481,483,485,488],{"class":149,"line":477},18,[147,479,480],{"class":217},"      id",[147,482,224],{"class":209},[147,484,227],{"class":209},[147,486,487],{"class":157},"cog-layer",[147,489,490],{"class":209},"\"\n",[147,492,494,497,499,501,504],{"class":149,"line":493},19,[147,495,496],{"class":217},"      :geotiff",[147,498,224],{"class":209},[147,500,227],{"class":209},[147,502,503],{"class":157},"COG_URL",[147,505,490],{"class":209},[147,507,509,512,514,516,519],{"class":149,"line":508},20,[147,510,511],{"class":217},"      @geotiff-load",[147,513,224],{"class":209},[147,515,227],{"class":209},[147,517,518],{"class":157},"(tiff, { geographicBounds }) => console.log('Loaded:', geographicBounds)",[147,520,490],{"class":209},[147,522,524],{"class":149,"line":523},21,[147,525,526],{"class":209},"    \u002F>\n",[147,528,530,533,535],{"class":149,"line":529},22,[147,531,532],{"class":209},"  \u003C\u002F",[147,534,28],{"class":213},[147,536,235],{"class":209},[147,538,540,542,544],{"class":149,"line":539},23,[147,541,412],{"class":209},[147,543,429],{"class":213},[147,545,235],{"class":209},[132,547,549],{"id":548},"props","Props",[551,552,553,572],"table",{},[554,555,556],"thead",{},[557,558,559,563,566,569],"tr",{},[560,561,562],"th",{},"Prop",[560,564,565],{},"Type",[560,567,568],{},"Default",[560,570,571],{},"Description",[573,574,575,594,611,631,648,667,686,706,725],"tbody",{},[557,576,577,583,588,591],{},[578,579,580],"td",{},[144,581,582],{},"id",[578,584,585],{},[144,586,587],{},"string",[578,589,590],{},"required",[578,592,593],{},"Unique layer identifier",[557,595,596,601,606,608],{},[578,597,598],{},[144,599,600],{},"geotiff",[578,602,603],{},[144,604,605],{},"string | ArrayBuffer | Blob",[578,607,590],{},[578,609,610],{},"GeoTIFF source URL or data",[557,612,613,618,623,628],{},[578,614,615],{},[144,616,617],{},"tileSize",[578,619,620],{},[144,621,622],{},"number",[578,624,625],{},[144,626,627],{},"256",[578,629,630],{},"Tile size in pixels",[557,632,633,638,642,645],{},[578,634,635],{},[144,636,637],{},"maxZoom",[578,639,640],{},[144,641,622],{},[578,643,644],{},"-",[578,646,647],{},"Maximum zoom level",[557,649,650,655,659,664],{},[578,651,652],{},[144,653,654],{},"minZoom",[578,656,657],{},[144,658,622],{},[578,660,661],{},[144,662,663],{},"0",[578,665,666],{},"Minimum zoom level",[557,668,669,674,678,683],{},[578,670,671],{},[144,672,673],{},"opacity",[578,675,676],{},[144,677,622],{},[578,679,680],{},[144,681,682],{},"1",[578,684,685],{},"Layer opacity (0-1)",[557,687,688,693,698,703],{},[578,689,690],{},[144,691,692],{},"visible",[578,694,695],{},[144,696,697],{},"boolean",[578,699,700],{},[144,701,702],{},"true",[578,704,705],{},"Layer visibility",[557,707,708,713,717,722],{},[578,709,710],{},[144,711,712],{},"pickable",[578,714,715],{},[144,716,697],{},[578,718,719],{},[144,720,721],{},"false",[578,723,724],{},"Enable picking",[557,726,727,732,736,740],{},[578,728,729],{},[144,730,731],{},"debug",[578,733,734],{},[144,735,697],{},[578,737,738],{},[144,739,721],{},[578,741,742],{},"Show debug overlay",[132,744,746],{"id":745},"events","Events",[551,748,749,761],{},[554,750,751],{},[557,752,753,756,759],{},[560,754,755],{},"Event",[560,757,758],{},"Payload",[560,760,571],{},[573,762,763,778,793],{},[557,764,765,770,775],{},[578,766,767],{},[144,768,769],{},"@geotiff-load",[578,771,772],{},[144,773,774],{},"(tiff, { geographicBounds })",[578,776,777],{},"GeoTIFF loaded with bounds",[557,779,780,785,790],{},[578,781,782],{},[144,783,784],{},"@click",[578,786,787],{},[144,788,789],{},"PickingInfo",[578,791,792],{},"Clicked on layer",[557,794,795,800,804],{},[578,796,797],{},[144,798,799],{},"@hover",[578,801,802],{},[144,803,789],{},[578,805,806],{},"Hovering over layer",[132,808,810],{"id":809},"fit-to-bounds","Fit to Bounds",[137,812,814],{"className":200,"code":813,"language":202,"meta":142,"style":142},"\u003Cscript setup lang=\"ts\">\n  import { shallowRef } from 'vue';\n  import type { Map } from 'maplibre-gl';\n\n  const mapInstance = shallowRef\u003CMap | null>(null);\n\n  const handleGeotiffLoad = (\n    _tiff: unknown,\n    { geographicBounds }: { geographicBounds: { west: number; south: number; east: number; north: number } }\n  ) => {\n    const { west, south, east, north } = geographicBounds;\n    mapInstance.value?.fitBounds(\n      [[west, south], [east, north]],\n      { padding: 40, duration: 1000 }\n    );\n  };\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CVMap :options=\"mapOptions\" @loaded=\"(map) => mapInstance = map\">\n    \u003CVLayerCog\n      id=\"cog\"\n      :geotiff=\"cogUrl\"\n      @geotiff-load=\"handleGeotiffLoad\"\n    \u002F>\n  \u003C\u002FVMap>\n\u003C\u002Ftemplate>\n",[144,815,816,836,857,882,886,923,927,939,952,1012,1022,1052,1072,1102,1127,1134,1138,1146,1150,1158,1188,1194,1207,1220,1234,1239,1248],{"__ignoreMap":142},[147,817,818,820,822,824,826,828,830,832,834],{"class":149,"line":150},[147,819,210],{"class":209},[147,821,214],{"class":213},[147,823,218],{"class":217},[147,825,221],{"class":217},[147,827,224],{"class":209},[147,829,227],{"class":209},[147,831,230],{"class":157},[147,833,227],{"class":209},[147,835,235],{"class":209},[147,837,838,840,842,845,847,849,851,853,855],{"class":149,"line":238},[147,839,242],{"class":241},[147,841,245],{"class":209},[147,843,844],{"class":248}," shallowRef",[147,846,252],{"class":209},[147,848,255],{"class":241},[147,850,258],{"class":209},[147,852,202],{"class":157},[147,854,264],{"class":209},[147,856,267],{"class":209},[147,858,859,861,864,866,869,871,873,875,878,880],{"class":149,"line":270},[147,860,242],{"class":241},[147,862,863],{"class":241}," type",[147,865,245],{"class":209},[147,867,868],{"class":248}," Map",[147,870,252],{"class":209},[147,872,255],{"class":241},[147,874,258],{"class":209},[147,876,877],{"class":157},"maplibre-gl",[147,879,264],{"class":209},[147,881,267],{"class":209},[147,883,884],{"class":149,"line":293},[147,885,297],{"emptyLinePlaceholder":296},[147,887,888,890,893,895,898,900,903,906,909,912,915,918,921],{"class":149,"line":300},[147,889,303],{"class":217},[147,891,892],{"class":248}," mapInstance ",[147,894,224],{"class":209},[147,896,844],{"class":897},"s2Zo4",[147,899,210],{"class":209},[147,901,902],{"class":153},"Map",[147,904,905],{"class":209}," |",[147,907,908],{"class":153}," null",[147,910,911],{"class":209},">",[147,913,914],{"class":248},"(",[147,916,917],{"class":209},"null",[147,919,920],{"class":248},")",[147,922,267],{"class":209},[147,924,925],{"class":149,"line":314},[147,926,297],{"emptyLinePlaceholder":296},[147,928,929,931,934,936],{"class":149,"line":333},[147,930,303],{"class":217},[147,932,933],{"class":248}," handleGeotiffLoad ",[147,935,224],{"class":209},[147,937,938],{"class":248}," (\n",[147,940,941,945,947,950],{"class":149,"line":359},[147,942,944],{"class":943},"sHdIc","    _tiff",[147,946,320],{"class":209},[147,948,949],{"class":153}," unknown",[147,951,330],{"class":209},[147,953,954,957,960,963,965,967,969,971,974,976,979,982,985,987,989,991,994,996,998,1000,1003,1005,1007,1009],{"class":149,"line":372},[147,955,956],{"class":209},"    {",[147,958,959],{"class":943}," geographicBounds",[147,961,962],{"class":209}," }:",[147,964,245],{"class":209},[147,966,959],{"class":213},[147,968,320],{"class":209},[147,970,245],{"class":209},[147,972,973],{"class":213}," west",[147,975,320],{"class":209},[147,977,978],{"class":153}," number",[147,980,981],{"class":209},";",[147,983,984],{"class":213}," south",[147,986,320],{"class":209},[147,988,978],{"class":153},[147,990,981],{"class":209},[147,992,993],{"class":213}," east",[147,995,320],{"class":209},[147,997,978],{"class":153},[147,999,981],{"class":209},[147,1001,1002],{"class":213}," north",[147,1004,320],{"class":209},[147,1006,978],{"class":153},[147,1008,252],{"class":209},[147,1010,1011],{"class":209}," }\n",[147,1013,1014,1017,1020],{"class":149,"line":378},[147,1015,1016],{"class":248},"  ) ",[147,1018,1019],{"class":217},"=>",[147,1021,311],{"class":209},[147,1023,1024,1027,1029,1031,1033,1035,1037,1039,1041,1043,1045,1048,1050],{"class":149,"line":383},[147,1025,1026],{"class":217},"    const",[147,1028,245],{"class":209},[147,1030,973],{"class":248},[147,1032,348],{"class":209},[147,1034,984],{"class":248},[147,1036,348],{"class":209},[147,1038,993],{"class":248},[147,1040,348],{"class":209},[147,1042,1002],{"class":248},[147,1044,252],{"class":209},[147,1046,1047],{"class":209}," =",[147,1049,959],{"class":248},[147,1051,267],{"class":209},[147,1053,1054,1057,1060,1063,1066,1069],{"class":149,"line":390},[147,1055,1056],{"class":248},"    mapInstance",[147,1058,1059],{"class":209},".",[147,1061,1062],{"class":248},"value",[147,1064,1065],{"class":209},"?.",[147,1067,1068],{"class":897},"fitBounds",[147,1070,1071],{"class":213},"(\n",[147,1073,1074,1077,1080,1082,1084,1086,1088,1090,1093,1095,1097,1100],{"class":149,"line":409},[147,1075,1076],{"class":213},"      [[",[147,1078,1079],{"class":248},"west",[147,1081,348],{"class":209},[147,1083,984],{"class":248},[147,1085,354],{"class":213},[147,1087,348],{"class":209},[147,1089,341],{"class":213},[147,1091,1092],{"class":248},"east",[147,1094,348],{"class":209},[147,1096,1002],{"class":248},[147,1098,1099],{"class":213},"]]",[147,1101,330],{"class":209},[147,1103,1104,1107,1110,1112,1115,1117,1120,1122,1125],{"class":149,"line":419},[147,1105,1106],{"class":209},"      {",[147,1108,1109],{"class":213}," padding",[147,1111,320],{"class":209},[147,1113,1114],{"class":344}," 40",[147,1116,348],{"class":209},[147,1118,1119],{"class":213}," duration",[147,1121,320],{"class":209},[147,1123,1124],{"class":344}," 1000",[147,1126,1011],{"class":209},[147,1128,1129,1132],{"class":149,"line":424},[147,1130,1131],{"class":213},"    )",[147,1133,267],{"class":209},[147,1135,1136],{"class":149,"line":434},[147,1137,375],{"class":209},[147,1139,1140,1142,1144],{"class":149,"line":468},[147,1141,412],{"class":209},[147,1143,214],{"class":213},[147,1145,235],{"class":209},[147,1147,1148],{"class":149,"line":477},[147,1149,297],{"emptyLinePlaceholder":296},[147,1151,1152,1154,1156],{"class":149,"line":493},[147,1153,210],{"class":209},[147,1155,429],{"class":213},[147,1157,235],{"class":209},[147,1159,1160,1162,1164,1166,1168,1170,1172,1174,1177,1179,1181,1184,1186],{"class":149,"line":508},[147,1161,437],{"class":209},[147,1163,28],{"class":213},[147,1165,442],{"class":217},[147,1167,224],{"class":209},[147,1169,227],{"class":209},[147,1171,449],{"class":157},[147,1173,227],{"class":209},[147,1175,1176],{"class":217}," @loaded",[147,1178,224],{"class":209},[147,1180,227],{"class":209},[147,1182,1183],{"class":157},"(map) => mapInstance = map",[147,1185,227],{"class":209},[147,1187,235],{"class":209},[147,1189,1190,1192],{"class":149,"line":523},[147,1191,471],{"class":209},[147,1193,474],{"class":213},[147,1195,1196,1198,1200,1202,1205],{"class":149,"line":529},[147,1197,480],{"class":217},[147,1199,224],{"class":209},[147,1201,227],{"class":209},[147,1203,1204],{"class":157},"cog",[147,1206,490],{"class":209},[147,1208,1209,1211,1213,1215,1218],{"class":149,"line":539},[147,1210,496],{"class":217},[147,1212,224],{"class":209},[147,1214,227],{"class":209},[147,1216,1217],{"class":157},"cogUrl",[147,1219,490],{"class":209},[147,1221,1223,1225,1227,1229,1232],{"class":149,"line":1222},24,[147,1224,511],{"class":217},[147,1226,224],{"class":209},[147,1228,227],{"class":209},[147,1230,1231],{"class":157},"handleGeotiffLoad",[147,1233,490],{"class":209},[147,1235,1237],{"class":149,"line":1236},25,[147,1238,526],{"class":209},[147,1240,1242,1244,1246],{"class":149,"line":1241},26,[147,1243,532],{"class":209},[147,1245,28],{"class":213},[147,1247,235],{"class":209},[147,1249,1251,1253,1255],{"class":149,"line":1250},27,[147,1252,412],{"class":209},[147,1254,429],{"class":213},[147,1256,235],{"class":209},[132,1258,1260],{"id":1259},"land-cover-example","Land Cover Example",[99,1262,1263],{},[103,1264,115],{"href":1265,"rel":1266,"target":110},"https:\u002F\u002Fmapcn-vue.geoql.in\u002Fexamples\u002Fdeckgl-landcover",[127],[99,1268,1269],{},"Visualize NLCD land use classification data:",[137,1271,1273],{"className":200,"code":1272,"language":202,"meta":142,"style":142},"\u003CVLayerCog\n  id=\"landcover\"\n  :geotiff=\"nlcdUrl\"\n  :opacity=\"0.7\"\n\u002F>\n",[144,1274,1275,1281,1295,1311,1326],{"__ignoreMap":142},[147,1276,1277,1279],{"class":149,"line":150},[147,1278,210],{"class":209},[147,1280,474],{"class":213},[147,1282,1283,1286,1288,1290,1293],{"class":149,"line":238},[147,1284,1285],{"class":217},"  id",[147,1287,224],{"class":209},[147,1289,227],{"class":209},[147,1291,1292],{"class":157},"landcover",[147,1294,490],{"class":209},[147,1296,1297,1300,1302,1304,1306,1309],{"class":149,"line":270},[147,1298,1299],{"class":209},"  :",[147,1301,600],{"class":217},[147,1303,224],{"class":209},[147,1305,227],{"class":209},[147,1307,1308],{"class":248},"nlcdUrl",[147,1310,490],{"class":209},[147,1312,1313,1315,1317,1319,1321,1324],{"class":149,"line":293},[147,1314,1299],{"class":209},[147,1316,673],{"class":217},[147,1318,224],{"class":209},[147,1320,227],{"class":209},[147,1322,1323],{"class":344},"0.7",[147,1325,490],{"class":209},[147,1327,1328],{"class":149,"line":300},[147,1329,1330],{"class":248},"\u002F>\n",[118,1332,1334],{"id":1333},"mosaiclayer","MosaicLayer",[99,1336,1337],{},[103,1338,115],{"href":1339,"rel":1340,"target":110},"https:\u002F\u002Fmapcn-vue.geoql.in\u002Fexamples\u002Fdeckgl-naip-mosaic",[127],[99,1342,1343],{},"Client-side COG mosaic layer that renders multiple Cloud-Optimized GeoTIFFs from STAC items. All rendering happens in the browser with no server required.",[132,1345,135],{"id":1346},"installation-1",[137,1348,1350],{"className":139,"code":1349,"language":141,"meta":142,"style":142},"pnpm add @developmentseed\u002Fdeck.gl-raster @developmentseed\u002Fdeck.gl-geotiff @developmentseed\u002Fgeotiff flatbush proj4\n",[144,1351,1352],{"__ignoreMap":142},[147,1353,1354,1356,1358,1360,1362,1365,1368],{"class":149,"line":150},[147,1355,154],{"class":153},[147,1357,158],{"class":157},[147,1359,161],{"class":157},[147,1361,164],{"class":157},[147,1363,1364],{"class":157}," @developmentseed\u002Fgeotiff",[147,1366,1367],{"class":157}," flatbush",[147,1369,1370],{"class":157}," proj4\n",[132,1372,171],{"id":1373},"features-1",[173,1375,1376,1379,1382,1385,1388,1391],{},[176,1377,1378],{},"Fully client-side mosaicking (no tile server required)",[176,1380,1381],{},"STAC API integration for discovering imagery",[176,1383,1384],{},"Multiple render modes: True Color, False Color Infrared, NDVI",[176,1386,1387],{},"GPU-accelerated rendering with automatic reprojection",[176,1389,1390],{},"Spatial indexing for efficient tile loading",[176,1392,1393],{},"Support for 4-band imagery (RGBN)",[132,1395,197],{"id":1396},"basic-usage-1",[137,1398,1400],{"className":200,"code":1399,"language":202,"meta":142,"style":142},"\u003Cscript setup lang=\"ts\">\n  import { ref, onMounted } from 'vue';\n  import { VMap } from '@geoql\u002Fv-maplibre';\n  import {\n    VLayerMosaic,\n    type MosaicSource,\n    type MosaicRenderMode,\n  } from '@geoql\u002Fv-maplibre\u002Fgeotiff';\n\n  const mapOptions = {\n    style: 'https:\u002F\u002Fbasemaps.cartocdn.com\u002Fgl\u002Fdark-matter-gl-style\u002Fstyle.json',\n    center: [-104.9903, 39.7392],\n    zoom: 10,\n  };\n\n  const renderMode = ref\u003CMosaicRenderMode>('trueColor');\n  const stacItems = ref\u003CMosaicSource[]>([]);\n\n  \u002F\u002F Fetch STAC items from Microsoft Planetary Computer\n  async function fetchSTACItems() {\n    const params = {\n      collections: 'naip',\n      bbox: '-106.6,38.7,-104.6,40.4',\n      datetime: '2023-01-01\u002F2023-12-31',\n      limit: '1000',\n    };\n\n    const response = await fetch(\n      'https:\u002F\u002Fplanetarycomputer.microsoft.com\u002Fapi\u002Fstac\u002Fv1\u002Fsearch?' +\n      new URLSearchParams(params)\n    );\n    const { features } = await response.json();\n    stacItems.value = features;\n  }\n\n  onMounted(fetchSTACItems);\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CVMap :options=\"mapOptions\" style=\"height: 500px\">\n    \u003CVLayerMosaic\n      v-if=\"stacItems.length > 0\"\n      id=\"naip-mosaic\"\n      :sources=\"stacItems\"\n      :render-mode=\"renderMode\"\n    \u002F>\n  \u003C\u002FVMap>\n\u003C\u002Ftemplate>\n",[144,1401,1402,1422,1448,1468,1474,1481,1491,1500,1515,1519,1529,1544,1566,1577,1581,1585,1616,1642,1646,1651,1667,1678,1694,1710,1726,1742,1747,1751,1769,1783,1800,1807,1834,1850,1856,1861,1872,1881,1886,1895,1924,1932,1947,1961,1976,1991,1996,2005],{"__ignoreMap":142},[147,1403,1404,1406,1408,1410,1412,1414,1416,1418,1420],{"class":149,"line":150},[147,1405,210],{"class":209},[147,1407,214],{"class":213},[147,1409,218],{"class":217},[147,1411,221],{"class":217},[147,1413,224],{"class":209},[147,1415,227],{"class":209},[147,1417,230],{"class":157},[147,1419,227],{"class":209},[147,1421,235],{"class":209},[147,1423,1424,1426,1428,1431,1433,1436,1438,1440,1442,1444,1446],{"class":149,"line":238},[147,1425,242],{"class":241},[147,1427,245],{"class":209},[147,1429,1430],{"class":248}," ref",[147,1432,348],{"class":209},[147,1434,1435],{"class":248}," onMounted",[147,1437,252],{"class":209},[147,1439,255],{"class":241},[147,1441,258],{"class":209},[147,1443,202],{"class":157},[147,1445,264],{"class":209},[147,1447,267],{"class":209},[147,1449,1450,1452,1454,1456,1458,1460,1462,1464,1466],{"class":149,"line":270},[147,1451,242],{"class":241},[147,1453,245],{"class":209},[147,1455,249],{"class":248},[147,1457,252],{"class":209},[147,1459,255],{"class":241},[147,1461,258],{"class":209},[147,1463,261],{"class":157},[147,1465,264],{"class":209},[147,1467,267],{"class":209},[147,1469,1470,1472],{"class":149,"line":293},[147,1471,242],{"class":241},[147,1473,311],{"class":209},[147,1475,1476,1479],{"class":149,"line":300},[147,1477,1478],{"class":248},"    VLayerMosaic",[147,1480,330],{"class":209},[147,1482,1483,1486,1489],{"class":149,"line":314},[147,1484,1485],{"class":241},"    type",[147,1487,1488],{"class":248}," MosaicSource",[147,1490,330],{"class":209},[147,1492,1493,1495,1498],{"class":149,"line":333},[147,1494,1485],{"class":241},[147,1496,1497],{"class":248}," MosaicRenderMode",[147,1499,330],{"class":209},[147,1501,1502,1505,1507,1509,1511,1513],{"class":149,"line":359},[147,1503,1504],{"class":209},"  }",[147,1506,255],{"class":241},[147,1508,258],{"class":209},[147,1510,286],{"class":157},[147,1512,264],{"class":209},[147,1514,267],{"class":209},[147,1516,1517],{"class":149,"line":372},[147,1518,297],{"emptyLinePlaceholder":296},[147,1520,1521,1523,1525,1527],{"class":149,"line":378},[147,1522,303],{"class":217},[147,1524,306],{"class":248},[147,1526,224],{"class":209},[147,1528,311],{"class":209},[147,1530,1531,1533,1535,1537,1540,1542],{"class":149,"line":383},[147,1532,317],{"class":213},[147,1534,320],{"class":209},[147,1536,258],{"class":209},[147,1538,1539],{"class":157},"https:\u002F\u002Fbasemaps.cartocdn.com\u002Fgl\u002Fdark-matter-gl-style\u002Fstyle.json",[147,1541,264],{"class":209},[147,1543,330],{"class":209},[147,1545,1546,1548,1550,1552,1554,1557,1559,1562,1564],{"class":149,"line":390},[147,1547,336],{"class":213},[147,1549,320],{"class":209},[147,1551,341],{"class":248},[147,1553,644],{"class":209},[147,1555,1556],{"class":344},"104.9903",[147,1558,348],{"class":209},[147,1560,1561],{"class":344}," 39.7392",[147,1563,354],{"class":248},[147,1565,330],{"class":209},[147,1567,1568,1570,1572,1575],{"class":149,"line":409},[147,1569,362],{"class":213},[147,1571,320],{"class":209},[147,1573,1574],{"class":344}," 10",[147,1576,330],{"class":209},[147,1578,1579],{"class":149,"line":419},[147,1580,375],{"class":209},[147,1582,1583],{"class":149,"line":424},[147,1584,297],{"emptyLinePlaceholder":296},[147,1586,1587,1589,1592,1594,1596,1598,1601,1603,1605,1607,1610,1612,1614],{"class":149,"line":434},[147,1588,303],{"class":217},[147,1590,1591],{"class":248}," renderMode ",[147,1593,224],{"class":209},[147,1595,1430],{"class":897},[147,1597,210],{"class":209},[147,1599,1600],{"class":153},"MosaicRenderMode",[147,1602,911],{"class":209},[147,1604,914],{"class":248},[147,1606,264],{"class":209},[147,1608,1609],{"class":157},"trueColor",[147,1611,264],{"class":209},[147,1613,920],{"class":248},[147,1615,267],{"class":209},[147,1617,1618,1620,1623,1625,1627,1629,1632,1635,1637,1640],{"class":149,"line":468},[147,1619,303],{"class":217},[147,1621,1622],{"class":248}," stacItems ",[147,1624,224],{"class":209},[147,1626,1430],{"class":897},[147,1628,210],{"class":209},[147,1630,1631],{"class":153},"MosaicSource",[147,1633,1634],{"class":248},"[]",[147,1636,911],{"class":209},[147,1638,1639],{"class":248},"([])",[147,1641,267],{"class":209},[147,1643,1644],{"class":149,"line":477},[147,1645,297],{"emptyLinePlaceholder":296},[147,1647,1648],{"class":149,"line":493},[147,1649,1650],{"class":386},"  \u002F\u002F Fetch STAC items from Microsoft Planetary Computer\n",[147,1652,1653,1656,1659,1662,1665],{"class":149,"line":508},[147,1654,1655],{"class":217},"  async",[147,1657,1658],{"class":217}," function",[147,1660,1661],{"class":897}," fetchSTACItems",[147,1663,1664],{"class":209},"()",[147,1666,311],{"class":209},[147,1668,1669,1671,1674,1676],{"class":149,"line":523},[147,1670,1026],{"class":217},[147,1672,1673],{"class":248}," params",[147,1675,1047],{"class":209},[147,1677,311],{"class":209},[147,1679,1680,1683,1685,1687,1690,1692],{"class":149,"line":529},[147,1681,1682],{"class":213},"      collections",[147,1684,320],{"class":209},[147,1686,258],{"class":209},[147,1688,1689],{"class":157},"naip",[147,1691,264],{"class":209},[147,1693,330],{"class":209},[147,1695,1696,1699,1701,1703,1706,1708],{"class":149,"line":539},[147,1697,1698],{"class":213},"      bbox",[147,1700,320],{"class":209},[147,1702,258],{"class":209},[147,1704,1705],{"class":157},"-106.6,38.7,-104.6,40.4",[147,1707,264],{"class":209},[147,1709,330],{"class":209},[147,1711,1712,1715,1717,1719,1722,1724],{"class":149,"line":1222},[147,1713,1714],{"class":213},"      datetime",[147,1716,320],{"class":209},[147,1718,258],{"class":209},[147,1720,1721],{"class":157},"2023-01-01\u002F2023-12-31",[147,1723,264],{"class":209},[147,1725,330],{"class":209},[147,1727,1728,1731,1733,1735,1738,1740],{"class":149,"line":1236},[147,1729,1730],{"class":213},"      limit",[147,1732,320],{"class":209},[147,1734,258],{"class":209},[147,1736,1737],{"class":157},"1000",[147,1739,264],{"class":209},[147,1741,330],{"class":209},[147,1743,1744],{"class":149,"line":1241},[147,1745,1746],{"class":209},"    };\n",[147,1748,1749],{"class":149,"line":1250},[147,1750,297],{"emptyLinePlaceholder":296},[147,1752,1754,1756,1759,1761,1764,1767],{"class":149,"line":1753},28,[147,1755,1026],{"class":217},[147,1757,1758],{"class":248}," response",[147,1760,1047],{"class":209},[147,1762,1763],{"class":241}," await",[147,1765,1766],{"class":897}," fetch",[147,1768,1071],{"class":213},[147,1770,1772,1775,1778,1780],{"class":149,"line":1771},29,[147,1773,1774],{"class":209},"      '",[147,1776,1777],{"class":157},"https:\u002F\u002Fplanetarycomputer.microsoft.com\u002Fapi\u002Fstac\u002Fv1\u002Fsearch?",[147,1779,264],{"class":209},[147,1781,1782],{"class":209}," +\n",[147,1784,1786,1789,1792,1794,1797],{"class":149,"line":1785},30,[147,1787,1788],{"class":209},"      new",[147,1790,1791],{"class":897}," URLSearchParams",[147,1793,914],{"class":213},[147,1795,1796],{"class":248},"params",[147,1798,1799],{"class":213},")\n",[147,1801,1803,1805],{"class":149,"line":1802},31,[147,1804,1131],{"class":213},[147,1806,267],{"class":209},[147,1808,1810,1812,1814,1817,1819,1821,1823,1825,1827,1830,1832],{"class":149,"line":1809},32,[147,1811,1026],{"class":217},[147,1813,245],{"class":209},[147,1815,1816],{"class":248}," features",[147,1818,252],{"class":209},[147,1820,1047],{"class":209},[147,1822,1763],{"class":241},[147,1824,1758],{"class":248},[147,1826,1059],{"class":209},[147,1828,1829],{"class":897},"json",[147,1831,1664],{"class":213},[147,1833,267],{"class":209},[147,1835,1837,1840,1842,1844,1846,1848],{"class":149,"line":1836},33,[147,1838,1839],{"class":248},"    stacItems",[147,1841,1059],{"class":209},[147,1843,1062],{"class":248},[147,1845,1047],{"class":209},[147,1847,1816],{"class":248},[147,1849,267],{"class":209},[147,1851,1853],{"class":149,"line":1852},34,[147,1854,1855],{"class":209},"  }\n",[147,1857,1859],{"class":149,"line":1858},35,[147,1860,297],{"emptyLinePlaceholder":296},[147,1862,1864,1867,1870],{"class":149,"line":1863},36,[147,1865,1866],{"class":897},"  onMounted",[147,1868,1869],{"class":248},"(fetchSTACItems)",[147,1871,267],{"class":209},[147,1873,1875,1877,1879],{"class":149,"line":1874},37,[147,1876,412],{"class":209},[147,1878,214],{"class":213},[147,1880,235],{"class":209},[147,1882,1884],{"class":149,"line":1883},38,[147,1885,297],{"emptyLinePlaceholder":296},[147,1887,1889,1891,1893],{"class":149,"line":1888},39,[147,1890,210],{"class":209},[147,1892,429],{"class":213},[147,1894,235],{"class":209},[147,1896,1898,1900,1902,1904,1906,1908,1910,1912,1914,1916,1918,1920,1922],{"class":149,"line":1897},40,[147,1899,437],{"class":209},[147,1901,28],{"class":213},[147,1903,442],{"class":217},[147,1905,224],{"class":209},[147,1907,227],{"class":209},[147,1909,449],{"class":157},[147,1911,227],{"class":209},[147,1913,454],{"class":217},[147,1915,224],{"class":209},[147,1917,227],{"class":209},[147,1919,461],{"class":157},[147,1921,227],{"class":209},[147,1923,235],{"class":209},[147,1925,1927,1929],{"class":149,"line":1926},41,[147,1928,471],{"class":209},[147,1930,1931],{"class":213},"VLayerMosaic\n",[147,1933,1935,1938,1940,1942,1945],{"class":149,"line":1934},42,[147,1936,1937],{"class":217},"      v-if",[147,1939,224],{"class":209},[147,1941,227],{"class":209},[147,1943,1944],{"class":157},"stacItems.length > 0",[147,1946,490],{"class":209},[147,1948,1950,1952,1954,1956,1959],{"class":149,"line":1949},43,[147,1951,480],{"class":217},[147,1953,224],{"class":209},[147,1955,227],{"class":209},[147,1957,1958],{"class":157},"naip-mosaic",[147,1960,490],{"class":209},[147,1962,1964,1967,1969,1971,1974],{"class":149,"line":1963},44,[147,1965,1966],{"class":217},"      :sources",[147,1968,224],{"class":209},[147,1970,227],{"class":209},[147,1972,1973],{"class":157},"stacItems",[147,1975,490],{"class":209},[147,1977,1979,1982,1984,1986,1989],{"class":149,"line":1978},45,[147,1980,1981],{"class":217},"      :render-mode",[147,1983,224],{"class":209},[147,1985,227],{"class":209},[147,1987,1988],{"class":157},"renderMode",[147,1990,490],{"class":209},[147,1992,1994],{"class":149,"line":1993},46,[147,1995,526],{"class":209},[147,1997,1999,2001,2003],{"class":149,"line":1998},47,[147,2000,532],{"class":209},[147,2002,28],{"class":213},[147,2004,235],{"class":209},[147,2006,2008,2010,2012],{"class":149,"line":2007},48,[147,2009,412],{"class":209},[147,2011,429],{"class":213},[147,2013,235],{"class":209},[132,2015,549],{"id":2016},"props-1",[551,2018,2019,2031],{},[554,2020,2021],{},[557,2022,2023,2025,2027,2029],{},[560,2024,562],{},[560,2026,565],{},[560,2028,568],{},[560,2030,571],{},[573,2032,2033,2047,2064,2083,2100,2118,2137,2153,2169,2185],{},[557,2034,2035,2039,2043,2045],{},[578,2036,2037],{},[144,2038,582],{},[578,2040,2041],{},[144,2042,587],{},[578,2044,590],{},[578,2046,593],{},[557,2048,2049,2054,2059,2061],{},[578,2050,2051],{},[144,2052,2053],{},"sources",[578,2055,2056],{},[144,2057,2058],{},"MosaicSource[]",[578,2060,590],{},[578,2062,2063],{},"Array of STAC-like items with bbox and COG asset URLs",[557,2065,2066,2070,2075,2080],{},[578,2067,2068],{},[144,2069,1988],{},[578,2071,2072],{},[144,2073,2074],{},"'trueColor' | 'falseColor' | 'ndvi' | 'custom'",[578,2076,2077],{},[144,2078,2079],{},"'trueColor'",[578,2081,2082],{},"Render mode for band combination",[557,2084,2085,2090,2095,2097],{},[578,2086,2087],{},[144,2088,2089],{},"customRenderModules",[578,2091,2092],{},[144,2093,2094],{},"Function",[578,2096,644],{},[578,2098,2099],{},"Custom render modules (only used when renderMode is 'custom')",[557,2101,2102,2107,2112,2115],{},[578,2103,2104],{},[144,2105,2106],{},"colormapData",[578,2108,2109],{},[144,2110,2111],{},"Uint8ClampedArray",[578,2113,2114],{},"cfastie",[578,2116,2117],{},"Custom colormap texture data for NDVI (256 RGBA colors)",[557,2119,2120,2125,2129,2134],{},[578,2121,2122],{},[144,2123,2124],{},"maxCacheSize",[578,2126,2127],{},[144,2128,622],{},[578,2130,2131],{},[144,2132,2133],{},"Infinity",[578,2135,2136],{},"Maximum number of tiles to cache",[557,2138,2139,2144,2148,2150],{},[578,2140,2141],{},[144,2142,2143],{},"beforeId",[578,2145,2146],{},[144,2147,587],{},[578,2149,644],{},[578,2151,2152],{},"Insert layer before this layer ID",[557,2154,2155,2159,2163,2167],{},[578,2156,2157],{},[144,2158,673],{},[578,2160,2161],{},[144,2162,622],{},[578,2164,2165],{},[144,2166,682],{},[578,2168,685],{},[557,2170,2171,2175,2179,2183],{},[578,2172,2173],{},[144,2174,692],{},[578,2176,2177],{},[144,2178,697],{},[578,2180,2181],{},[144,2182,702],{},[578,2184,705],{},[557,2186,2187,2191,2195,2199],{},[578,2188,2189],{},[144,2190,712],{},[578,2192,2193],{},[144,2194,697],{},[578,2196,2197],{},[144,2198,721],{},[578,2200,724],{},[132,2202,746],{"id":2203},"events-1",[551,2205,2206,2216],{},[554,2207,2208],{},[557,2209,2210,2212,2214],{},[560,2211,755],{},[560,2213,758],{},[560,2215,571],{},[573,2217,2218,2232,2247,2259],{},[557,2219,2220,2225,2229],{},[578,2221,2222],{},[144,2223,2224],{},"@source-load",[578,2226,2227],{},[144,2228,1631],{},[578,2230,2231],{},"COG source loaded successfully",[557,2233,2234,2239,2244],{},[578,2235,2236],{},[144,2237,2238],{},"@error",[578,2240,2241],{},[144,2242,2243],{},"(Error, MosaicSource?)",[578,2245,2246],{},"Error loading a COG source",[557,2248,2249,2253,2257],{},[578,2250,2251],{},[144,2252,784],{},[578,2254,2255],{},[144,2256,789],{},[578,2258,792],{},[557,2260,2261,2265,2269],{},[578,2262,2263],{},[144,2264,799],{},[578,2266,2267],{},[144,2268,789],{},[578,2270,806],{},[132,2272,2274],{"id":2273},"render-modes","Render Modes",[551,2276,2277,2286],{},[554,2278,2279],{},[557,2280,2281,2284],{},[560,2282,2283],{},"Mode",[560,2285,571],{},[573,2287,2288,2297,2307,2317],{},[557,2289,2290,2294],{},[578,2291,2292],{},[144,2293,1609],{},[578,2295,2296],{},"RGB composite (bands 1, 2, 3)",[557,2298,2299,2304],{},[578,2300,2301],{},[144,2302,2303],{},"falseColor",[578,2305,2306],{},"False Color Infrared - NIR, Red, Green (bands 4, 1, 2) - highlights vegetation",[557,2308,2309,2314],{},[578,2310,2311],{},[144,2312,2313],{},"ndvi",[578,2315,2316],{},"Normalized Difference Vegetation Index with cfastie colormap",[557,2318,2319,2324],{},[578,2320,2321],{},[144,2322,2323],{},"custom",[578,2325,2326,2327,2329],{},"Use ",[144,2328,2089],{}," prop for custom band math",[132,2331,2333],{"id":2332},"mosaicsource-type","MosaicSource Type",[137,2335,2339],{"className":2336,"code":2337,"language":2338,"meta":142,"style":142},"language-typescript shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","interface MosaicSource {\n  bbox: [number, number, number, number]; \u002F\u002F [west, south, east, north]\n  assets: {\n    image: {\n      href: string; \u002F\u002F URL to the COG file\n    };\n  };\n}\n","typescript",[144,2340,2341,2350,2380,2389,2398,2413,2417,2421],{"__ignoreMap":142},[147,2342,2343,2346,2348],{"class":149,"line":150},[147,2344,2345],{"class":217},"interface",[147,2347,1488],{"class":153},[147,2349,311],{"class":209},[147,2351,2352,2355,2357,2359,2361,2363,2365,2367,2369,2371,2373,2375,2377],{"class":149,"line":238},[147,2353,2354],{"class":213},"  bbox",[147,2356,320],{"class":209},[147,2358,341],{"class":248},[147,2360,622],{"class":153},[147,2362,348],{"class":209},[147,2364,978],{"class":153},[147,2366,348],{"class":209},[147,2368,978],{"class":153},[147,2370,348],{"class":209},[147,2372,978],{"class":153},[147,2374,354],{"class":248},[147,2376,981],{"class":209},[147,2378,2379],{"class":386}," \u002F\u002F [west, south, east, north]\n",[147,2381,2382,2385,2387],{"class":149,"line":270},[147,2383,2384],{"class":213},"  assets",[147,2386,320],{"class":209},[147,2388,311],{"class":209},[147,2390,2391,2394,2396],{"class":149,"line":293},[147,2392,2393],{"class":213},"    image",[147,2395,320],{"class":209},[147,2397,311],{"class":209},[147,2399,2400,2403,2405,2408,2410],{"class":149,"line":300},[147,2401,2402],{"class":213},"      href",[147,2404,320],{"class":209},[147,2406,2407],{"class":153}," string",[147,2409,981],{"class":209},[147,2411,2412],{"class":386}," \u002F\u002F URL to the COG file\n",[147,2414,2415],{"class":149,"line":314},[147,2416,1746],{"class":209},[147,2418,2419],{"class":149,"line":333},[147,2420,375],{"class":209},[147,2422,2423],{"class":149,"line":359},[147,2424,2425],{"class":209},"}\n",[99,2427,2428],{},"This matches the STAC Item format, so you can pass STAC search results directly.",[132,2430,2432],{"id":2431},"supported-crs","Supported CRS",[99,2434,2435],{},"The component includes built-in support for:",[173,2437,2438,2441,2444],{},[176,2439,2440],{},"EPSG:4326 (WGS84)",[176,2442,2443],{},"EPSG:3857 (Web Mercator)",[176,2445,2446],{},"EPSG:26910-26919 (NAD83 \u002F UTM zones 10-19 for continental US)",[99,2448,2449],{},"For other CRS, you'll need to register them with proj4 before using.",[118,2451,2453],{"id":2452},"idw-interpolation-heatmap","IDW Interpolation Heatmap",[99,2455,2456],{},[103,2457,115],{"href":2458,"rel":2459,"target":110},"https:\u002F\u002Fmapcn-vue.geoql.in\u002Fexamples\u002Fmaplibre-interpolate-heatmap",[127],[99,2461,2462,2463,320],{},"For Inverse Distance Weighting interpolation (temperature, pollution, continuous values), use ",[144,2464,2465],{},"maplibre-gl-interpolate-heatmap",[137,2467,2469],{"className":139,"code":2468,"language":141,"meta":142,"style":142},"pnpm add maplibre-gl-interpolate-heatmap\n",[144,2470,2471],{"__ignoreMap":142},[147,2472,2473,2475,2477],{"class":149,"line":150},[147,2474,154],{"class":153},[147,2476,158],{"class":157},[147,2478,2479],{"class":157}," maplibre-gl-interpolate-heatmap\n",[99,2481,2482,2483,2487],{},"This is different from deck.gl's density heatmap - it calculates weighted averages rather than point density. See the ",[103,2484,2486],{"href":2458,"rel":2485},[127],"live example"," for implementation details.",[2489,2490,2491],"style",{},"html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}",{"title":142,"searchDepth":238,"depth":238,"links":2493},[2494,2503,2513],{"id":120,"depth":238,"text":121,"children":2495},[2496,2497,2498,2499,2500,2501,2502],{"id":134,"depth":270,"text":135},{"id":170,"depth":270,"text":171},{"id":196,"depth":270,"text":197},{"id":548,"depth":270,"text":549},{"id":745,"depth":270,"text":746},{"id":809,"depth":270,"text":810},{"id":1259,"depth":270,"text":1260},{"id":1333,"depth":238,"text":1334,"children":2504},[2505,2506,2507,2508,2509,2510,2511,2512],{"id":1346,"depth":270,"text":135},{"id":1373,"depth":270,"text":171},{"id":1396,"depth":270,"text":197},{"id":2016,"depth":270,"text":549},{"id":2203,"depth":270,"text":746},{"id":2273,"depth":270,"text":2274},{"id":2332,"depth":270,"text":2333},{"id":2431,"depth":270,"text":2432},{"id":2452,"depth":238,"text":2453},"Cloud-Optimized GeoTIFF and satellite imagery visualization","md",null,{},{"title":57,"description":2514},"4mzsbC1qG7j-5hQF295QF5CL6J140jqX530-wJF6pzw",[2521,2523],{"title":53,"path":54,"stem":55,"description":2522,"children":-1},"Examples of deck.gl geo and tile layers",{"title":61,"path":62,"stem":63,"description":2524,"children":-1},"Animated wind particle visualization with speed-based color ramps",1781101878363]