[{"data":1,"prerenderedAt":2759},["ShallowReactive",2],{"navigation_docs":3,"-layers-geo-layers":90,"-layers-geo-layers-surround":2754},[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":53,"body":92,"description":2748,"extension":2749,"links":2750,"meta":2751,"navigation":271,"path":54,"seo":2752,"stem":55,"__hash__":2753},"docs\u002F3.layers\u002F4.geo-layers.md",{"type":93,"value":94,"toc":2740},"minimark",[95,106,117,122,130,133,805,809,815,818,1154,1158,1164,1167,1533,1537,1543,1546,1956,1960,1966,1969,2426,2430,2433,2736],[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,113],"callout",{"icon":109,"target":110,"to":111},"i-lucide-external-link","_blank","https:\u002F\u002Fmapcn-vue.geoql.in\u002Fexamples","See all interactive examples at ",[114,115,116],"strong",{},"mapcn-vue.geoql.in\u002Fexamples",[118,119,121],"h2",{"id":120},"tripslayer","TripsLayer",[99,123,124],{},[103,125,129],{"href":126,"rel":127,"target":110},"https:\u002F\u002Fmapcn-vue.geoql.in\u002Fexamples\u002Fdeckgl-trips",[128],"nofollow","Live Demo",[99,131,132],{},"Animate paths over time, perfect for visualizing movement data.",[134,135,140],"pre",{"className":136,"code":137,"language":138,"meta":139,"style":139},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\n  import { ref, onMounted, onUnmounted } from 'vue';\n  import { VMap } from '@geoql\u002Fv-maplibre';\n  import { VLayerDeckglTrips } from '@geoql\u002Fv-maplibre\u002Fdeck.gl';\n\n  const mapOptions = {\n    style: 'https:\u002F\u002Fbasemaps.cartocdn.com\u002Fgl\u002Fdark-matter-gl-style\u002Fstyle.json',\n    center: [-122.4, 37.8],\n    zoom: 12,\n  };\n\n  const trips = 'https:\u002F\u002Fraw.githubusercontent.com\u002Fvisgl\u002Fdeck.gl-data\u002Fmaster\u002Fexamples\u002Ftrips\u002Ftrips-v7.json';\n\n  const currentTime = ref(0);\n  let animation: number;\n\n  onMounted(() => {\n    const animate = () => {\n      currentTime.value = (currentTime.value + 1) % 1800;\n      animation = requestAnimationFrame(animate);\n    };\n    animate();\n  });\n\n  onUnmounted(() => {\n    cancelAnimationFrame(animation);\n  });\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CVMap :options=\"mapOptions\" style=\"height: 500px\">\n    \u003CVLayerDeckglTrips\n      id=\"trips\"\n      :data=\"trips\"\n      :get-path=\"(d) => d.path\"\n      :get-timestamps=\"(d) => d.timestamps\"\n      :get-color=\"[253, 128, 93]\"\n      :current-time=\"currentTime\"\n      :trail-length=\"180\"\n      :width-min-pixels=\"2\"\n    \u002F>\n  \u003C\u002FVMap>\n\u003C\u002Ftemplate>\n","vue","",[141,142,143,178,220,243,266,273,287,306,334,347,353,358,377,382,406,423,428,444,463,504,524,530,540,550,555,569,584,593,603,608,618,652,661,677,691,706,721,736,750,765,780,786,796],"code",{"__ignoreMap":139},[144,145,148,152,156,160,163,166,169,173,175],"span",{"class":146,"line":147},"line",1,[144,149,151],{"class":150},"sMK4o","\u003C",[144,153,155],{"class":154},"swJcz","script",[144,157,159],{"class":158},"spNyl"," setup",[144,161,162],{"class":158}," lang",[144,164,165],{"class":150},"=",[144,167,168],{"class":150},"\"",[144,170,172],{"class":171},"sfazB","ts",[144,174,168],{"class":150},[144,176,177],{"class":150},">\n",[144,179,181,185,188,192,195,198,200,203,206,209,212,214,217],{"class":146,"line":180},2,[144,182,184],{"class":183},"s7zQu","  import",[144,186,187],{"class":150}," {",[144,189,191],{"class":190},"sTEyZ"," ref",[144,193,194],{"class":150},",",[144,196,197],{"class":190}," onMounted",[144,199,194],{"class":150},[144,201,202],{"class":190}," onUnmounted",[144,204,205],{"class":150}," }",[144,207,208],{"class":183}," from",[144,210,211],{"class":150}," '",[144,213,138],{"class":171},[144,215,216],{"class":150},"'",[144,218,219],{"class":150},";\n",[144,221,223,225,227,230,232,234,236,239,241],{"class":146,"line":222},3,[144,224,184],{"class":183},[144,226,187],{"class":150},[144,228,229],{"class":190}," VMap",[144,231,205],{"class":150},[144,233,208],{"class":183},[144,235,211],{"class":150},[144,237,238],{"class":171},"@geoql\u002Fv-maplibre",[144,240,216],{"class":150},[144,242,219],{"class":150},[144,244,246,248,250,253,255,257,259,262,264],{"class":146,"line":245},4,[144,247,184],{"class":183},[144,249,187],{"class":150},[144,251,252],{"class":190}," VLayerDeckglTrips",[144,254,205],{"class":150},[144,256,208],{"class":183},[144,258,211],{"class":150},[144,260,261],{"class":171},"@geoql\u002Fv-maplibre\u002Fdeck.gl",[144,263,216],{"class":150},[144,265,219],{"class":150},[144,267,269],{"class":146,"line":268},5,[144,270,272],{"emptyLinePlaceholder":271},true,"\n",[144,274,276,279,282,284],{"class":146,"line":275},6,[144,277,278],{"class":158},"  const",[144,280,281],{"class":190}," mapOptions ",[144,283,165],{"class":150},[144,285,286],{"class":150}," {\n",[144,288,290,293,296,298,301,303],{"class":146,"line":289},7,[144,291,292],{"class":154},"    style",[144,294,295],{"class":150},":",[144,297,211],{"class":150},[144,299,300],{"class":171},"https:\u002F\u002Fbasemaps.cartocdn.com\u002Fgl\u002Fdark-matter-gl-style\u002Fstyle.json",[144,302,216],{"class":150},[144,304,305],{"class":150},",\n",[144,307,309,312,314,317,320,324,326,329,332],{"class":146,"line":308},8,[144,310,311],{"class":154},"    center",[144,313,295],{"class":150},[144,315,316],{"class":190}," [",[144,318,319],{"class":150},"-",[144,321,323],{"class":322},"sbssI","122.4",[144,325,194],{"class":150},[144,327,328],{"class":322}," 37.8",[144,330,331],{"class":190},"]",[144,333,305],{"class":150},[144,335,337,340,342,345],{"class":146,"line":336},9,[144,338,339],{"class":154},"    zoom",[144,341,295],{"class":150},[144,343,344],{"class":322}," 12",[144,346,305],{"class":150},[144,348,350],{"class":146,"line":349},10,[144,351,352],{"class":150},"  };\n",[144,354,356],{"class":146,"line":355},11,[144,357,272],{"emptyLinePlaceholder":271},[144,359,361,363,366,368,370,373,375],{"class":146,"line":360},12,[144,362,278],{"class":158},[144,364,365],{"class":190}," trips ",[144,367,165],{"class":150},[144,369,211],{"class":150},[144,371,372],{"class":171},"https:\u002F\u002Fraw.githubusercontent.com\u002Fvisgl\u002Fdeck.gl-data\u002Fmaster\u002Fexamples\u002Ftrips\u002Ftrips-v7.json",[144,374,216],{"class":150},[144,376,219],{"class":150},[144,378,380],{"class":146,"line":379},13,[144,381,272],{"emptyLinePlaceholder":271},[144,383,385,387,390,392,395,398,401,404],{"class":146,"line":384},14,[144,386,278],{"class":158},[144,388,389],{"class":190}," currentTime ",[144,391,165],{"class":150},[144,393,191],{"class":394},"s2Zo4",[144,396,397],{"class":190},"(",[144,399,400],{"class":322},"0",[144,402,403],{"class":190},")",[144,405,219],{"class":150},[144,407,409,412,415,417,421],{"class":146,"line":408},15,[144,410,411],{"class":158},"  let",[144,413,414],{"class":190}," animation",[144,416,295],{"class":150},[144,418,420],{"class":419},"sBMFI"," number",[144,422,219],{"class":150},[144,424,426],{"class":146,"line":425},16,[144,427,272],{"emptyLinePlaceholder":271},[144,429,431,434,436,439,442],{"class":146,"line":430},17,[144,432,433],{"class":394},"  onMounted",[144,435,397],{"class":190},[144,437,438],{"class":150},"()",[144,440,441],{"class":158}," =>",[144,443,286],{"class":150},[144,445,447,450,453,456,459,461],{"class":146,"line":446},18,[144,448,449],{"class":158},"    const",[144,451,452],{"class":190}," animate",[144,454,455],{"class":150}," =",[144,457,458],{"class":150}," ()",[144,460,441],{"class":158},[144,462,286],{"class":150},[144,464,466,469,472,475,477,480,483,485,487,490,493,496,499,502],{"class":146,"line":465},19,[144,467,468],{"class":190},"      currentTime",[144,470,471],{"class":150},".",[144,473,474],{"class":190},"value",[144,476,455],{"class":150},[144,478,479],{"class":154}," (",[144,481,482],{"class":190},"currentTime",[144,484,471],{"class":150},[144,486,474],{"class":190},[144,488,489],{"class":150}," +",[144,491,492],{"class":322}," 1",[144,494,495],{"class":154},") ",[144,497,498],{"class":150},"%",[144,500,501],{"class":322}," 1800",[144,503,219],{"class":150},[144,505,507,510,512,515,517,520,522],{"class":146,"line":506},20,[144,508,509],{"class":190},"      animation",[144,511,455],{"class":150},[144,513,514],{"class":394}," requestAnimationFrame",[144,516,397],{"class":154},[144,518,519],{"class":190},"animate",[144,521,403],{"class":154},[144,523,219],{"class":150},[144,525,527],{"class":146,"line":526},21,[144,528,529],{"class":150},"    };\n",[144,531,533,536,538],{"class":146,"line":532},22,[144,534,535],{"class":394},"    animate",[144,537,438],{"class":154},[144,539,219],{"class":150},[144,541,543,546,548],{"class":146,"line":542},23,[144,544,545],{"class":150},"  }",[144,547,403],{"class":190},[144,549,219],{"class":150},[144,551,553],{"class":146,"line":552},24,[144,554,272],{"emptyLinePlaceholder":271},[144,556,558,561,563,565,567],{"class":146,"line":557},25,[144,559,560],{"class":394},"  onUnmounted",[144,562,397],{"class":190},[144,564,438],{"class":150},[144,566,441],{"class":158},[144,568,286],{"class":150},[144,570,572,575,577,580,582],{"class":146,"line":571},26,[144,573,574],{"class":394},"    cancelAnimationFrame",[144,576,397],{"class":154},[144,578,579],{"class":190},"animation",[144,581,403],{"class":154},[144,583,219],{"class":150},[144,585,587,589,591],{"class":146,"line":586},27,[144,588,545],{"class":150},[144,590,403],{"class":190},[144,592,219],{"class":150},[144,594,596,599,601],{"class":146,"line":595},28,[144,597,598],{"class":150},"\u003C\u002F",[144,600,155],{"class":154},[144,602,177],{"class":150},[144,604,606],{"class":146,"line":605},29,[144,607,272],{"emptyLinePlaceholder":271},[144,609,611,613,616],{"class":146,"line":610},30,[144,612,151],{"class":150},[144,614,615],{"class":154},"template",[144,617,177],{"class":150},[144,619,621,624,626,629,631,633,636,638,641,643,645,648,650],{"class":146,"line":620},31,[144,622,623],{"class":150},"  \u003C",[144,625,28],{"class":154},[144,627,628],{"class":158}," :options",[144,630,165],{"class":150},[144,632,168],{"class":150},[144,634,635],{"class":171},"mapOptions",[144,637,168],{"class":150},[144,639,640],{"class":158}," style",[144,642,165],{"class":150},[144,644,168],{"class":150},[144,646,647],{"class":171},"height: 500px",[144,649,168],{"class":150},[144,651,177],{"class":150},[144,653,655,658],{"class":146,"line":654},32,[144,656,657],{"class":150},"    \u003C",[144,659,660],{"class":154},"VLayerDeckglTrips\n",[144,662,664,667,669,671,674],{"class":146,"line":663},33,[144,665,666],{"class":158},"      id",[144,668,165],{"class":150},[144,670,168],{"class":150},[144,672,673],{"class":171},"trips",[144,675,676],{"class":150},"\"\n",[144,678,680,683,685,687,689],{"class":146,"line":679},34,[144,681,682],{"class":158},"      :data",[144,684,165],{"class":150},[144,686,168],{"class":150},[144,688,673],{"class":171},[144,690,676],{"class":150},[144,692,694,697,699,701,704],{"class":146,"line":693},35,[144,695,696],{"class":158},"      :get-path",[144,698,165],{"class":150},[144,700,168],{"class":150},[144,702,703],{"class":171},"(d) => d.path",[144,705,676],{"class":150},[144,707,709,712,714,716,719],{"class":146,"line":708},36,[144,710,711],{"class":158},"      :get-timestamps",[144,713,165],{"class":150},[144,715,168],{"class":150},[144,717,718],{"class":171},"(d) => d.timestamps",[144,720,676],{"class":150},[144,722,724,727,729,731,734],{"class":146,"line":723},37,[144,725,726],{"class":158},"      :get-color",[144,728,165],{"class":150},[144,730,168],{"class":150},[144,732,733],{"class":171},"[253, 128, 93]",[144,735,676],{"class":150},[144,737,739,742,744,746,748],{"class":146,"line":738},38,[144,740,741],{"class":158},"      :current-time",[144,743,165],{"class":150},[144,745,168],{"class":150},[144,747,482],{"class":171},[144,749,676],{"class":150},[144,751,753,756,758,760,763],{"class":146,"line":752},39,[144,754,755],{"class":158},"      :trail-length",[144,757,165],{"class":150},[144,759,168],{"class":150},[144,761,762],{"class":171},"180",[144,764,676],{"class":150},[144,766,768,771,773,775,778],{"class":146,"line":767},40,[144,769,770],{"class":158},"      :width-min-pixels",[144,772,165],{"class":150},[144,774,168],{"class":150},[144,776,777],{"class":171},"2",[144,779,676],{"class":150},[144,781,783],{"class":146,"line":782},41,[144,784,785],{"class":150},"    \u002F>\n",[144,787,789,792,794],{"class":146,"line":788},42,[144,790,791],{"class":150},"  \u003C\u002F",[144,793,28],{"class":154},[144,795,177],{"class":150},[144,797,799,801,803],{"class":146,"line":798},43,[144,800,598],{"class":150},[144,802,615],{"class":154},[144,804,177],{"class":150},[118,806,808],{"id":807},"mvtlayer","MVTLayer",[99,810,811],{},[103,812,129],{"href":813,"rel":814,"target":110},"https:\u002F\u002Fmapcn-vue.geoql.in\u002Fexamples\u002Fdeckgl-mvt",[128],[99,816,817],{},"Render Mapbox Vector Tiles with deck.gl styling.",[134,819,821],{"className":136,"code":820,"language":138,"meta":139,"style":139},"\u003Cscript setup lang=\"ts\">\n  import { VMap } from '@geoql\u002Fv-maplibre';\n  import { VLayerDeckglMVT } from '@geoql\u002Fv-maplibre\u002Fdeck.gl';\n\n  const mapOptions = {\n    style: 'https:\u002F\u002Fbasemaps.cartocdn.com\u002Fgl\u002Fpositron-nolabels-gl-style\u002Fstyle.json',\n    center: [-122.4, 37.8],\n    zoom: 10,\n  };\n\n  const tileUrl = 'https:\u002F\u002Ftiles.example.com\u002F{z}\u002F{x}\u002F{y}.pbf';\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CVMap :options=\"mapOptions\" style=\"height: 500px\">\n    \u003CVLayerDeckglMVT\n      id=\"mvt\"\n      :data=\"tileUrl\"\n      :get-fill-color=\"[200, 200, 200, 100]\"\n      :get-line-color=\"[100, 100, 100]\"\n      :get-line-width=\"1\"\n      :pickable=\"true\"\n      :auto-highlight=\"true\"\n      :highlight-color=\"[255, 200, 0, 128]\"\n    \u002F>\n  \u003C\u002FVMap>\n\u003C\u002Ftemplate>\n",[141,822,823,843,863,884,888,898,913,933,944,948,952,970,978,982,990,1018,1025,1038,1051,1065,1079,1093,1107,1120,1134,1138,1146],{"__ignoreMap":139},[144,824,825,827,829,831,833,835,837,839,841],{"class":146,"line":147},[144,826,151],{"class":150},[144,828,155],{"class":154},[144,830,159],{"class":158},[144,832,162],{"class":158},[144,834,165],{"class":150},[144,836,168],{"class":150},[144,838,172],{"class":171},[144,840,168],{"class":150},[144,842,177],{"class":150},[144,844,845,847,849,851,853,855,857,859,861],{"class":146,"line":180},[144,846,184],{"class":183},[144,848,187],{"class":150},[144,850,229],{"class":190},[144,852,205],{"class":150},[144,854,208],{"class":183},[144,856,211],{"class":150},[144,858,238],{"class":171},[144,860,216],{"class":150},[144,862,219],{"class":150},[144,864,865,867,869,872,874,876,878,880,882],{"class":146,"line":222},[144,866,184],{"class":183},[144,868,187],{"class":150},[144,870,871],{"class":190}," VLayerDeckglMVT",[144,873,205],{"class":150},[144,875,208],{"class":183},[144,877,211],{"class":150},[144,879,261],{"class":171},[144,881,216],{"class":150},[144,883,219],{"class":150},[144,885,886],{"class":146,"line":245},[144,887,272],{"emptyLinePlaceholder":271},[144,889,890,892,894,896],{"class":146,"line":268},[144,891,278],{"class":158},[144,893,281],{"class":190},[144,895,165],{"class":150},[144,897,286],{"class":150},[144,899,900,902,904,906,909,911],{"class":146,"line":275},[144,901,292],{"class":154},[144,903,295],{"class":150},[144,905,211],{"class":150},[144,907,908],{"class":171},"https:\u002F\u002Fbasemaps.cartocdn.com\u002Fgl\u002Fpositron-nolabels-gl-style\u002Fstyle.json",[144,910,216],{"class":150},[144,912,305],{"class":150},[144,914,915,917,919,921,923,925,927,929,931],{"class":146,"line":289},[144,916,311],{"class":154},[144,918,295],{"class":150},[144,920,316],{"class":190},[144,922,319],{"class":150},[144,924,323],{"class":322},[144,926,194],{"class":150},[144,928,328],{"class":322},[144,930,331],{"class":190},[144,932,305],{"class":150},[144,934,935,937,939,942],{"class":146,"line":308},[144,936,339],{"class":154},[144,938,295],{"class":150},[144,940,941],{"class":322}," 10",[144,943,305],{"class":150},[144,945,946],{"class":146,"line":336},[144,947,352],{"class":150},[144,949,950],{"class":146,"line":349},[144,951,272],{"emptyLinePlaceholder":271},[144,953,954,956,959,961,963,966,968],{"class":146,"line":355},[144,955,278],{"class":158},[144,957,958],{"class":190}," tileUrl ",[144,960,165],{"class":150},[144,962,211],{"class":150},[144,964,965],{"class":171},"https:\u002F\u002Ftiles.example.com\u002F{z}\u002F{x}\u002F{y}.pbf",[144,967,216],{"class":150},[144,969,219],{"class":150},[144,971,972,974,976],{"class":146,"line":360},[144,973,598],{"class":150},[144,975,155],{"class":154},[144,977,177],{"class":150},[144,979,980],{"class":146,"line":379},[144,981,272],{"emptyLinePlaceholder":271},[144,983,984,986,988],{"class":146,"line":384},[144,985,151],{"class":150},[144,987,615],{"class":154},[144,989,177],{"class":150},[144,991,992,994,996,998,1000,1002,1004,1006,1008,1010,1012,1014,1016],{"class":146,"line":408},[144,993,623],{"class":150},[144,995,28],{"class":154},[144,997,628],{"class":158},[144,999,165],{"class":150},[144,1001,168],{"class":150},[144,1003,635],{"class":171},[144,1005,168],{"class":150},[144,1007,640],{"class":158},[144,1009,165],{"class":150},[144,1011,168],{"class":150},[144,1013,647],{"class":171},[144,1015,168],{"class":150},[144,1017,177],{"class":150},[144,1019,1020,1022],{"class":146,"line":425},[144,1021,657],{"class":150},[144,1023,1024],{"class":154},"VLayerDeckglMVT\n",[144,1026,1027,1029,1031,1033,1036],{"class":146,"line":430},[144,1028,666],{"class":158},[144,1030,165],{"class":150},[144,1032,168],{"class":150},[144,1034,1035],{"class":171},"mvt",[144,1037,676],{"class":150},[144,1039,1040,1042,1044,1046,1049],{"class":146,"line":446},[144,1041,682],{"class":158},[144,1043,165],{"class":150},[144,1045,168],{"class":150},[144,1047,1048],{"class":171},"tileUrl",[144,1050,676],{"class":150},[144,1052,1053,1056,1058,1060,1063],{"class":146,"line":465},[144,1054,1055],{"class":158},"      :get-fill-color",[144,1057,165],{"class":150},[144,1059,168],{"class":150},[144,1061,1062],{"class":171},"[200, 200, 200, 100]",[144,1064,676],{"class":150},[144,1066,1067,1070,1072,1074,1077],{"class":146,"line":506},[144,1068,1069],{"class":158},"      :get-line-color",[144,1071,165],{"class":150},[144,1073,168],{"class":150},[144,1075,1076],{"class":171},"[100, 100, 100]",[144,1078,676],{"class":150},[144,1080,1081,1084,1086,1088,1091],{"class":146,"line":526},[144,1082,1083],{"class":158},"      :get-line-width",[144,1085,165],{"class":150},[144,1087,168],{"class":150},[144,1089,1090],{"class":171},"1",[144,1092,676],{"class":150},[144,1094,1095,1098,1100,1102,1105],{"class":146,"line":532},[144,1096,1097],{"class":158},"      :pickable",[144,1099,165],{"class":150},[144,1101,168],{"class":150},[144,1103,1104],{"class":171},"true",[144,1106,676],{"class":150},[144,1108,1109,1112,1114,1116,1118],{"class":146,"line":542},[144,1110,1111],{"class":158},"      :auto-highlight",[144,1113,165],{"class":150},[144,1115,168],{"class":150},[144,1117,1104],{"class":171},[144,1119,676],{"class":150},[144,1121,1122,1125,1127,1129,1132],{"class":146,"line":552},[144,1123,1124],{"class":158},"      :highlight-color",[144,1126,165],{"class":150},[144,1128,168],{"class":150},[144,1130,1131],{"class":171},"[255, 200, 0, 128]",[144,1133,676],{"class":150},[144,1135,1136],{"class":146,"line":557},[144,1137,785],{"class":150},[144,1139,1140,1142,1144],{"class":146,"line":571},[144,1141,791],{"class":150},[144,1143,28],{"class":154},[144,1145,177],{"class":150},[144,1147,1148,1150,1152],{"class":146,"line":586},[144,1149,598],{"class":150},[144,1151,615],{"class":154},[144,1153,177],{"class":150},[118,1155,1157],{"id":1156},"terrainlayer","TerrainLayer",[99,1159,1160],{},[103,1161,129],{"href":1162,"rel":1163,"target":110},"https:\u002F\u002Fmapcn-vue.geoql.in\u002Fexamples\u002Fdeckgl-terrain",[128],[99,1165,1166],{},"Render 3D terrain from elevation data.",[134,1168,1170],{"className":136,"code":1169,"language":138,"meta":139,"style":139},"\u003Cscript setup lang=\"ts\">\n  import { VMap } from '@geoql\u002Fv-maplibre';\n  import { VLayerDeckglTerrain } from '@geoql\u002Fv-maplibre\u002Fdeck.gl';\n\n  const mapOptions = {\n    style: 'https:\u002F\u002Fbasemaps.cartocdn.com\u002Fgl\u002Fpositron-gl-style\u002Fstyle.json',\n    center: [-122.4, 37.8],\n    zoom: 11,\n    pitch: 45,\n    bearing: -30,\n  };\n\n  const terrainUrl = 'https:\u002F\u002Fs3.amazonaws.com\u002Felevation-tiles-prod\u002Fterrarium\u002F{z}\u002F{x}\u002F{y}.png';\n  const textureUrl = 'https:\u002F\u002Ftile.openstreetmap.org\u002F{z}\u002F{x}\u002F{y}.png';\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CVMap :options=\"mapOptions\" style=\"height: 500px\">\n    \u003CVLayerDeckglTerrain\n      id=\"terrain\"\n      :elevation-data=\"terrainUrl\"\n      :texture=\"textureUrl\"\n      :elevation-decoder=\"{\n        rScaler: 256,\n        gScaler: 1,\n        bScaler: 1\u002F256,\n        offset: -32768,\n      }\"\n      :mesh-max-error=\"4\"\n    \u002F>\n  \u003C\u002FVMap>\n\u003C\u002Ftemplate>\n",[141,1171,1172,1192,1212,1233,1237,1247,1262,1282,1293,1305,1320,1324,1328,1346,1364,1372,1376,1384,1412,1419,1432,1446,1460,1472,1477,1482,1487,1492,1499,1513,1517,1525],{"__ignoreMap":139},[144,1173,1174,1176,1178,1180,1182,1184,1186,1188,1190],{"class":146,"line":147},[144,1175,151],{"class":150},[144,1177,155],{"class":154},[144,1179,159],{"class":158},[144,1181,162],{"class":158},[144,1183,165],{"class":150},[144,1185,168],{"class":150},[144,1187,172],{"class":171},[144,1189,168],{"class":150},[144,1191,177],{"class":150},[144,1193,1194,1196,1198,1200,1202,1204,1206,1208,1210],{"class":146,"line":180},[144,1195,184],{"class":183},[144,1197,187],{"class":150},[144,1199,229],{"class":190},[144,1201,205],{"class":150},[144,1203,208],{"class":183},[144,1205,211],{"class":150},[144,1207,238],{"class":171},[144,1209,216],{"class":150},[144,1211,219],{"class":150},[144,1213,1214,1216,1218,1221,1223,1225,1227,1229,1231],{"class":146,"line":222},[144,1215,184],{"class":183},[144,1217,187],{"class":150},[144,1219,1220],{"class":190}," VLayerDeckglTerrain",[144,1222,205],{"class":150},[144,1224,208],{"class":183},[144,1226,211],{"class":150},[144,1228,261],{"class":171},[144,1230,216],{"class":150},[144,1232,219],{"class":150},[144,1234,1235],{"class":146,"line":245},[144,1236,272],{"emptyLinePlaceholder":271},[144,1238,1239,1241,1243,1245],{"class":146,"line":268},[144,1240,278],{"class":158},[144,1242,281],{"class":190},[144,1244,165],{"class":150},[144,1246,286],{"class":150},[144,1248,1249,1251,1253,1255,1258,1260],{"class":146,"line":275},[144,1250,292],{"class":154},[144,1252,295],{"class":150},[144,1254,211],{"class":150},[144,1256,1257],{"class":171},"https:\u002F\u002Fbasemaps.cartocdn.com\u002Fgl\u002Fpositron-gl-style\u002Fstyle.json",[144,1259,216],{"class":150},[144,1261,305],{"class":150},[144,1263,1264,1266,1268,1270,1272,1274,1276,1278,1280],{"class":146,"line":289},[144,1265,311],{"class":154},[144,1267,295],{"class":150},[144,1269,316],{"class":190},[144,1271,319],{"class":150},[144,1273,323],{"class":322},[144,1275,194],{"class":150},[144,1277,328],{"class":322},[144,1279,331],{"class":190},[144,1281,305],{"class":150},[144,1283,1284,1286,1288,1291],{"class":146,"line":308},[144,1285,339],{"class":154},[144,1287,295],{"class":150},[144,1289,1290],{"class":322}," 11",[144,1292,305],{"class":150},[144,1294,1295,1298,1300,1303],{"class":146,"line":336},[144,1296,1297],{"class":154},"    pitch",[144,1299,295],{"class":150},[144,1301,1302],{"class":322}," 45",[144,1304,305],{"class":150},[144,1306,1307,1310,1312,1315,1318],{"class":146,"line":349},[144,1308,1309],{"class":154},"    bearing",[144,1311,295],{"class":150},[144,1313,1314],{"class":150}," -",[144,1316,1317],{"class":322},"30",[144,1319,305],{"class":150},[144,1321,1322],{"class":146,"line":355},[144,1323,352],{"class":150},[144,1325,1326],{"class":146,"line":360},[144,1327,272],{"emptyLinePlaceholder":271},[144,1329,1330,1332,1335,1337,1339,1342,1344],{"class":146,"line":379},[144,1331,278],{"class":158},[144,1333,1334],{"class":190}," terrainUrl ",[144,1336,165],{"class":150},[144,1338,211],{"class":150},[144,1340,1341],{"class":171},"https:\u002F\u002Fs3.amazonaws.com\u002Felevation-tiles-prod\u002Fterrarium\u002F{z}\u002F{x}\u002F{y}.png",[144,1343,216],{"class":150},[144,1345,219],{"class":150},[144,1347,1348,1350,1353,1355,1357,1360,1362],{"class":146,"line":384},[144,1349,278],{"class":158},[144,1351,1352],{"class":190}," textureUrl ",[144,1354,165],{"class":150},[144,1356,211],{"class":150},[144,1358,1359],{"class":171},"https:\u002F\u002Ftile.openstreetmap.org\u002F{z}\u002F{x}\u002F{y}.png",[144,1361,216],{"class":150},[144,1363,219],{"class":150},[144,1365,1366,1368,1370],{"class":146,"line":408},[144,1367,598],{"class":150},[144,1369,155],{"class":154},[144,1371,177],{"class":150},[144,1373,1374],{"class":146,"line":425},[144,1375,272],{"emptyLinePlaceholder":271},[144,1377,1378,1380,1382],{"class":146,"line":430},[144,1379,151],{"class":150},[144,1381,615],{"class":154},[144,1383,177],{"class":150},[144,1385,1386,1388,1390,1392,1394,1396,1398,1400,1402,1404,1406,1408,1410],{"class":146,"line":446},[144,1387,623],{"class":150},[144,1389,28],{"class":154},[144,1391,628],{"class":158},[144,1393,165],{"class":150},[144,1395,168],{"class":150},[144,1397,635],{"class":171},[144,1399,168],{"class":150},[144,1401,640],{"class":158},[144,1403,165],{"class":150},[144,1405,168],{"class":150},[144,1407,647],{"class":171},[144,1409,168],{"class":150},[144,1411,177],{"class":150},[144,1413,1414,1416],{"class":146,"line":465},[144,1415,657],{"class":150},[144,1417,1418],{"class":154},"VLayerDeckglTerrain\n",[144,1420,1421,1423,1425,1427,1430],{"class":146,"line":506},[144,1422,666],{"class":158},[144,1424,165],{"class":150},[144,1426,168],{"class":150},[144,1428,1429],{"class":171},"terrain",[144,1431,676],{"class":150},[144,1433,1434,1437,1439,1441,1444],{"class":146,"line":526},[144,1435,1436],{"class":158},"      :elevation-data",[144,1438,165],{"class":150},[144,1440,168],{"class":150},[144,1442,1443],{"class":171},"terrainUrl",[144,1445,676],{"class":150},[144,1447,1448,1451,1453,1455,1458],{"class":146,"line":532},[144,1449,1450],{"class":158},"      :texture",[144,1452,165],{"class":150},[144,1454,168],{"class":150},[144,1456,1457],{"class":171},"textureUrl",[144,1459,676],{"class":150},[144,1461,1462,1465,1467,1469],{"class":146,"line":542},[144,1463,1464],{"class":158},"      :elevation-decoder",[144,1466,165],{"class":150},[144,1468,168],{"class":150},[144,1470,1471],{"class":171},"{\n",[144,1473,1474],{"class":146,"line":552},[144,1475,1476],{"class":171},"        rScaler: 256,\n",[144,1478,1479],{"class":146,"line":557},[144,1480,1481],{"class":171},"        gScaler: 1,\n",[144,1483,1484],{"class":146,"line":571},[144,1485,1486],{"class":171},"        bScaler: 1\u002F256,\n",[144,1488,1489],{"class":146,"line":586},[144,1490,1491],{"class":171},"        offset: -32768,\n",[144,1493,1494,1497],{"class":146,"line":595},[144,1495,1496],{"class":171},"      }",[144,1498,676],{"class":150},[144,1500,1501,1504,1506,1508,1511],{"class":146,"line":605},[144,1502,1503],{"class":158},"      :mesh-max-error",[144,1505,165],{"class":150},[144,1507,168],{"class":150},[144,1509,1510],{"class":171},"4",[144,1512,676],{"class":150},[144,1514,1515],{"class":146,"line":610},[144,1516,785],{"class":150},[144,1518,1519,1521,1523],{"class":146,"line":620},[144,1520,791],{"class":150},[144,1522,28],{"class":154},[144,1524,177],{"class":150},[144,1526,1527,1529,1531],{"class":146,"line":654},[144,1528,598],{"class":150},[144,1530,615],{"class":154},[144,1532,177],{"class":150},[118,1534,1536],{"id":1535},"h3hexagonlayer","H3HexagonLayer",[99,1538,1539],{},[103,1540,129],{"href":1541,"rel":1542,"target":110},"https:\u002F\u002Fmapcn-vue.geoql.in\u002Fexamples\u002Fdeckgl-h3",[128],[99,1544,1545],{},"Render H3 hexagonal cells.",[134,1547,1549],{"className":136,"code":1548,"language":138,"meta":139,"style":139},"\u003Cscript setup lang=\"ts\">\n  import { VMap } from '@geoql\u002Fv-maplibre';\n  import { VLayerDeckglH3Hexagon } from '@geoql\u002Fv-maplibre\u002Fdeck.gl';\n\n  const mapOptions = {\n    style: 'https:\u002F\u002Fbasemaps.cartocdn.com\u002Fgl\u002Fdark-matter-gl-style\u002Fstyle.json',\n    center: [-122.4, 37.8],\n    zoom: 11,\n    pitch: 45,\n  };\n\n  const h3Data = [\n    { hex: '882830829bfffff', value: 100 },\n    { hex: '88283082d7fffff', value: 200 },\n    { hex: '88283082dbfffff', value: 150 },\n  ];\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CVMap :options=\"mapOptions\" style=\"height: 500px\">\n    \u003CVLayerDeckglH3Hexagon\n      id=\"h3\"\n      :data=\"h3Data\"\n      :get-hexagon=\"(d) => d.hex\"\n      :get-fill-color=\"(d) => [255, (1 - d.value \u002F 200) * 255, 0]\"\n      :get-elevation=\"(d) => d.value * 10\"\n      :extruded=\"true\"\n      :pickable=\"true\"\n    \u002F>\n  \u003C\u002FVMap>\n\u003C\u002Ftemplate>\n",[141,1550,1551,1571,1591,1612,1616,1626,1640,1660,1670,1680,1684,1688,1700,1730,1756,1782,1789,1797,1801,1809,1837,1844,1857,1870,1884,1897,1911,1924,1936,1940,1948],{"__ignoreMap":139},[144,1552,1553,1555,1557,1559,1561,1563,1565,1567,1569],{"class":146,"line":147},[144,1554,151],{"class":150},[144,1556,155],{"class":154},[144,1558,159],{"class":158},[144,1560,162],{"class":158},[144,1562,165],{"class":150},[144,1564,168],{"class":150},[144,1566,172],{"class":171},[144,1568,168],{"class":150},[144,1570,177],{"class":150},[144,1572,1573,1575,1577,1579,1581,1583,1585,1587,1589],{"class":146,"line":180},[144,1574,184],{"class":183},[144,1576,187],{"class":150},[144,1578,229],{"class":190},[144,1580,205],{"class":150},[144,1582,208],{"class":183},[144,1584,211],{"class":150},[144,1586,238],{"class":171},[144,1588,216],{"class":150},[144,1590,219],{"class":150},[144,1592,1593,1595,1597,1600,1602,1604,1606,1608,1610],{"class":146,"line":222},[144,1594,184],{"class":183},[144,1596,187],{"class":150},[144,1598,1599],{"class":190}," VLayerDeckglH3Hexagon",[144,1601,205],{"class":150},[144,1603,208],{"class":183},[144,1605,211],{"class":150},[144,1607,261],{"class":171},[144,1609,216],{"class":150},[144,1611,219],{"class":150},[144,1613,1614],{"class":146,"line":245},[144,1615,272],{"emptyLinePlaceholder":271},[144,1617,1618,1620,1622,1624],{"class":146,"line":268},[144,1619,278],{"class":158},[144,1621,281],{"class":190},[144,1623,165],{"class":150},[144,1625,286],{"class":150},[144,1627,1628,1630,1632,1634,1636,1638],{"class":146,"line":275},[144,1629,292],{"class":154},[144,1631,295],{"class":150},[144,1633,211],{"class":150},[144,1635,300],{"class":171},[144,1637,216],{"class":150},[144,1639,305],{"class":150},[144,1641,1642,1644,1646,1648,1650,1652,1654,1656,1658],{"class":146,"line":289},[144,1643,311],{"class":154},[144,1645,295],{"class":150},[144,1647,316],{"class":190},[144,1649,319],{"class":150},[144,1651,323],{"class":322},[144,1653,194],{"class":150},[144,1655,328],{"class":322},[144,1657,331],{"class":190},[144,1659,305],{"class":150},[144,1661,1662,1664,1666,1668],{"class":146,"line":308},[144,1663,339],{"class":154},[144,1665,295],{"class":150},[144,1667,1290],{"class":322},[144,1669,305],{"class":150},[144,1671,1672,1674,1676,1678],{"class":146,"line":336},[144,1673,1297],{"class":154},[144,1675,295],{"class":150},[144,1677,1302],{"class":322},[144,1679,305],{"class":150},[144,1681,1682],{"class":146,"line":349},[144,1683,352],{"class":150},[144,1685,1686],{"class":146,"line":355},[144,1687,272],{"emptyLinePlaceholder":271},[144,1689,1690,1692,1695,1697],{"class":146,"line":360},[144,1691,278],{"class":158},[144,1693,1694],{"class":190}," h3Data ",[144,1696,165],{"class":150},[144,1698,1699],{"class":190}," [\n",[144,1701,1702,1705,1708,1710,1712,1715,1717,1719,1722,1724,1727],{"class":146,"line":379},[144,1703,1704],{"class":150},"    {",[144,1706,1707],{"class":154}," hex",[144,1709,295],{"class":150},[144,1711,211],{"class":150},[144,1713,1714],{"class":171},"882830829bfffff",[144,1716,216],{"class":150},[144,1718,194],{"class":150},[144,1720,1721],{"class":154}," value",[144,1723,295],{"class":150},[144,1725,1726],{"class":322}," 100",[144,1728,1729],{"class":150}," },\n",[144,1731,1732,1734,1736,1738,1740,1743,1745,1747,1749,1751,1754],{"class":146,"line":384},[144,1733,1704],{"class":150},[144,1735,1707],{"class":154},[144,1737,295],{"class":150},[144,1739,211],{"class":150},[144,1741,1742],{"class":171},"88283082d7fffff",[144,1744,216],{"class":150},[144,1746,194],{"class":150},[144,1748,1721],{"class":154},[144,1750,295],{"class":150},[144,1752,1753],{"class":322}," 200",[144,1755,1729],{"class":150},[144,1757,1758,1760,1762,1764,1766,1769,1771,1773,1775,1777,1780],{"class":146,"line":408},[144,1759,1704],{"class":150},[144,1761,1707],{"class":154},[144,1763,295],{"class":150},[144,1765,211],{"class":150},[144,1767,1768],{"class":171},"88283082dbfffff",[144,1770,216],{"class":150},[144,1772,194],{"class":150},[144,1774,1721],{"class":154},[144,1776,295],{"class":150},[144,1778,1779],{"class":322}," 150",[144,1781,1729],{"class":150},[144,1783,1784,1787],{"class":146,"line":425},[144,1785,1786],{"class":190},"  ]",[144,1788,219],{"class":150},[144,1790,1791,1793,1795],{"class":146,"line":430},[144,1792,598],{"class":150},[144,1794,155],{"class":154},[144,1796,177],{"class":150},[144,1798,1799],{"class":146,"line":446},[144,1800,272],{"emptyLinePlaceholder":271},[144,1802,1803,1805,1807],{"class":146,"line":465},[144,1804,151],{"class":150},[144,1806,615],{"class":154},[144,1808,177],{"class":150},[144,1810,1811,1813,1815,1817,1819,1821,1823,1825,1827,1829,1831,1833,1835],{"class":146,"line":506},[144,1812,623],{"class":150},[144,1814,28],{"class":154},[144,1816,628],{"class":158},[144,1818,165],{"class":150},[144,1820,168],{"class":150},[144,1822,635],{"class":171},[144,1824,168],{"class":150},[144,1826,640],{"class":158},[144,1828,165],{"class":150},[144,1830,168],{"class":150},[144,1832,647],{"class":171},[144,1834,168],{"class":150},[144,1836,177],{"class":150},[144,1838,1839,1841],{"class":146,"line":526},[144,1840,657],{"class":150},[144,1842,1843],{"class":154},"VLayerDeckglH3Hexagon\n",[144,1845,1846,1848,1850,1852,1855],{"class":146,"line":532},[144,1847,666],{"class":158},[144,1849,165],{"class":150},[144,1851,168],{"class":150},[144,1853,1854],{"class":171},"h3",[144,1856,676],{"class":150},[144,1858,1859,1861,1863,1865,1868],{"class":146,"line":542},[144,1860,682],{"class":158},[144,1862,165],{"class":150},[144,1864,168],{"class":150},[144,1866,1867],{"class":171},"h3Data",[144,1869,676],{"class":150},[144,1871,1872,1875,1877,1879,1882],{"class":146,"line":552},[144,1873,1874],{"class":158},"      :get-hexagon",[144,1876,165],{"class":150},[144,1878,168],{"class":150},[144,1880,1881],{"class":171},"(d) => d.hex",[144,1883,676],{"class":150},[144,1885,1886,1888,1890,1892,1895],{"class":146,"line":557},[144,1887,1055],{"class":158},[144,1889,165],{"class":150},[144,1891,168],{"class":150},[144,1893,1894],{"class":171},"(d) => [255, (1 - d.value \u002F 200) * 255, 0]",[144,1896,676],{"class":150},[144,1898,1899,1902,1904,1906,1909],{"class":146,"line":571},[144,1900,1901],{"class":158},"      :get-elevation",[144,1903,165],{"class":150},[144,1905,168],{"class":150},[144,1907,1908],{"class":171},"(d) => d.value * 10",[144,1910,676],{"class":150},[144,1912,1913,1916,1918,1920,1922],{"class":146,"line":586},[144,1914,1915],{"class":158},"      :extruded",[144,1917,165],{"class":150},[144,1919,168],{"class":150},[144,1921,1104],{"class":171},[144,1923,676],{"class":150},[144,1925,1926,1928,1930,1932,1934],{"class":146,"line":595},[144,1927,1097],{"class":158},[144,1929,165],{"class":150},[144,1931,168],{"class":150},[144,1933,1104],{"class":171},[144,1935,676],{"class":150},[144,1937,1938],{"class":146,"line":605},[144,1939,785],{"class":150},[144,1941,1942,1944,1946],{"class":146,"line":610},[144,1943,791],{"class":150},[144,1945,28],{"class":154},[144,1947,177],{"class":150},[144,1949,1950,1952,1954],{"class":146,"line":620},[144,1951,598],{"class":150},[144,1953,615],{"class":154},[144,1955,177],{"class":150},[118,1957,1959],{"id":1958},"greatcirclelayer","GreatCircleLayer",[99,1961,1962],{},[103,1963,129],{"href":1964,"rel":1965,"target":110},"https:\u002F\u002Fmapcn-vue.geoql.in\u002Fexamples\u002Fdeckgl-great-circle",[128],[99,1967,1968],{},"Render great circle arcs between points.",[134,1970,1972],{"className":136,"code":1971,"language":138,"meta":139,"style":139},"\u003Cscript setup lang=\"ts\">\n  import { VMap } from '@geoql\u002Fv-maplibre';\n  import { VLayerDeckglGreatCircle } from '@geoql\u002Fv-maplibre\u002Fdeck.gl';\n\n  const mapOptions = {\n    style: 'https:\u002F\u002Fbasemaps.cartocdn.com\u002Fgl\u002Fdark-matter-gl-style\u002Fstyle.json',\n    center: [0, 30],\n    zoom: 1,\n  };\n\n  const routes = [\n    { from: [-122.4, 37.8], to: [139.7, 35.7] },\n    { from: [-122.4, 37.8], to: [-0.1, 51.5] },\n    { from: [-122.4, 37.8], to: [151.2, -33.9] },\n  ];\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CVMap :options=\"mapOptions\" style=\"height: 500px\">\n    \u003CVLayerDeckglGreatCircle\n      id=\"great-circles\"\n      :data=\"routes\"\n      :get-source-position=\"(d) => d.from\"\n      :get-target-position=\"(d) => d.to\"\n      :get-source-color=\"[64, 255, 0]\"\n      :get-target-color=\"[0, 128, 200]\"\n      :get-width=\"2\"\n      :pickable=\"true\"\n    \u002F>\n  \u003C\u002FVMap>\n\u003C\u002Ftemplate>\n",[141,1973,1974,1994,2014,2035,2039,2049,2063,2082,2092,2096,2100,2111,2154,2196,2238,2244,2252,2256,2264,2292,2299,2312,2325,2339,2353,2367,2381,2394,2406,2410,2418],{"__ignoreMap":139},[144,1975,1976,1978,1980,1982,1984,1986,1988,1990,1992],{"class":146,"line":147},[144,1977,151],{"class":150},[144,1979,155],{"class":154},[144,1981,159],{"class":158},[144,1983,162],{"class":158},[144,1985,165],{"class":150},[144,1987,168],{"class":150},[144,1989,172],{"class":171},[144,1991,168],{"class":150},[144,1993,177],{"class":150},[144,1995,1996,1998,2000,2002,2004,2006,2008,2010,2012],{"class":146,"line":180},[144,1997,184],{"class":183},[144,1999,187],{"class":150},[144,2001,229],{"class":190},[144,2003,205],{"class":150},[144,2005,208],{"class":183},[144,2007,211],{"class":150},[144,2009,238],{"class":171},[144,2011,216],{"class":150},[144,2013,219],{"class":150},[144,2015,2016,2018,2020,2023,2025,2027,2029,2031,2033],{"class":146,"line":222},[144,2017,184],{"class":183},[144,2019,187],{"class":150},[144,2021,2022],{"class":190}," VLayerDeckglGreatCircle",[144,2024,205],{"class":150},[144,2026,208],{"class":183},[144,2028,211],{"class":150},[144,2030,261],{"class":171},[144,2032,216],{"class":150},[144,2034,219],{"class":150},[144,2036,2037],{"class":146,"line":245},[144,2038,272],{"emptyLinePlaceholder":271},[144,2040,2041,2043,2045,2047],{"class":146,"line":268},[144,2042,278],{"class":158},[144,2044,281],{"class":190},[144,2046,165],{"class":150},[144,2048,286],{"class":150},[144,2050,2051,2053,2055,2057,2059,2061],{"class":146,"line":275},[144,2052,292],{"class":154},[144,2054,295],{"class":150},[144,2056,211],{"class":150},[144,2058,300],{"class":171},[144,2060,216],{"class":150},[144,2062,305],{"class":150},[144,2064,2065,2067,2069,2071,2073,2075,2078,2080],{"class":146,"line":289},[144,2066,311],{"class":154},[144,2068,295],{"class":150},[144,2070,316],{"class":190},[144,2072,400],{"class":322},[144,2074,194],{"class":150},[144,2076,2077],{"class":322}," 30",[144,2079,331],{"class":190},[144,2081,305],{"class":150},[144,2083,2084,2086,2088,2090],{"class":146,"line":308},[144,2085,339],{"class":154},[144,2087,295],{"class":150},[144,2089,492],{"class":322},[144,2091,305],{"class":150},[144,2093,2094],{"class":146,"line":336},[144,2095,352],{"class":150},[144,2097,2098],{"class":146,"line":349},[144,2099,272],{"emptyLinePlaceholder":271},[144,2101,2102,2104,2107,2109],{"class":146,"line":355},[144,2103,278],{"class":158},[144,2105,2106],{"class":190}," routes ",[144,2108,165],{"class":150},[144,2110,1699],{"class":190},[144,2112,2113,2115,2117,2119,2121,2123,2125,2127,2129,2131,2133,2136,2138,2140,2143,2145,2148,2151],{"class":146,"line":360},[144,2114,1704],{"class":150},[144,2116,208],{"class":154},[144,2118,295],{"class":150},[144,2120,316],{"class":190},[144,2122,319],{"class":150},[144,2124,323],{"class":322},[144,2126,194],{"class":150},[144,2128,328],{"class":322},[144,2130,331],{"class":190},[144,2132,194],{"class":150},[144,2134,2135],{"class":154}," to",[144,2137,295],{"class":150},[144,2139,316],{"class":190},[144,2141,2142],{"class":322},"139.7",[144,2144,194],{"class":150},[144,2146,2147],{"class":322}," 35.7",[144,2149,2150],{"class":190},"] ",[144,2152,2153],{"class":150},"},\n",[144,2155,2156,2158,2160,2162,2164,2166,2168,2170,2172,2174,2176,2178,2180,2182,2184,2187,2189,2192,2194],{"class":146,"line":379},[144,2157,1704],{"class":150},[144,2159,208],{"class":154},[144,2161,295],{"class":150},[144,2163,316],{"class":190},[144,2165,319],{"class":150},[144,2167,323],{"class":322},[144,2169,194],{"class":150},[144,2171,328],{"class":322},[144,2173,331],{"class":190},[144,2175,194],{"class":150},[144,2177,2135],{"class":154},[144,2179,295],{"class":150},[144,2181,316],{"class":190},[144,2183,319],{"class":150},[144,2185,2186],{"class":322},"0.1",[144,2188,194],{"class":150},[144,2190,2191],{"class":322}," 51.5",[144,2193,2150],{"class":190},[144,2195,2153],{"class":150},[144,2197,2198,2200,2202,2204,2206,2208,2210,2212,2214,2216,2218,2220,2222,2224,2227,2229,2231,2234,2236],{"class":146,"line":384},[144,2199,1704],{"class":150},[144,2201,208],{"class":154},[144,2203,295],{"class":150},[144,2205,316],{"class":190},[144,2207,319],{"class":150},[144,2209,323],{"class":322},[144,2211,194],{"class":150},[144,2213,328],{"class":322},[144,2215,331],{"class":190},[144,2217,194],{"class":150},[144,2219,2135],{"class":154},[144,2221,295],{"class":150},[144,2223,316],{"class":190},[144,2225,2226],{"class":322},"151.2",[144,2228,194],{"class":150},[144,2230,1314],{"class":150},[144,2232,2233],{"class":322},"33.9",[144,2235,2150],{"class":190},[144,2237,2153],{"class":150},[144,2239,2240,2242],{"class":146,"line":408},[144,2241,1786],{"class":190},[144,2243,219],{"class":150},[144,2245,2246,2248,2250],{"class":146,"line":425},[144,2247,598],{"class":150},[144,2249,155],{"class":154},[144,2251,177],{"class":150},[144,2253,2254],{"class":146,"line":430},[144,2255,272],{"emptyLinePlaceholder":271},[144,2257,2258,2260,2262],{"class":146,"line":446},[144,2259,151],{"class":150},[144,2261,615],{"class":154},[144,2263,177],{"class":150},[144,2265,2266,2268,2270,2272,2274,2276,2278,2280,2282,2284,2286,2288,2290],{"class":146,"line":465},[144,2267,623],{"class":150},[144,2269,28],{"class":154},[144,2271,628],{"class":158},[144,2273,165],{"class":150},[144,2275,168],{"class":150},[144,2277,635],{"class":171},[144,2279,168],{"class":150},[144,2281,640],{"class":158},[144,2283,165],{"class":150},[144,2285,168],{"class":150},[144,2287,647],{"class":171},[144,2289,168],{"class":150},[144,2291,177],{"class":150},[144,2293,2294,2296],{"class":146,"line":506},[144,2295,657],{"class":150},[144,2297,2298],{"class":154},"VLayerDeckglGreatCircle\n",[144,2300,2301,2303,2305,2307,2310],{"class":146,"line":526},[144,2302,666],{"class":158},[144,2304,165],{"class":150},[144,2306,168],{"class":150},[144,2308,2309],{"class":171},"great-circles",[144,2311,676],{"class":150},[144,2313,2314,2316,2318,2320,2323],{"class":146,"line":532},[144,2315,682],{"class":158},[144,2317,165],{"class":150},[144,2319,168],{"class":150},[144,2321,2322],{"class":171},"routes",[144,2324,676],{"class":150},[144,2326,2327,2330,2332,2334,2337],{"class":146,"line":542},[144,2328,2329],{"class":158},"      :get-source-position",[144,2331,165],{"class":150},[144,2333,168],{"class":150},[144,2335,2336],{"class":171},"(d) => d.from",[144,2338,676],{"class":150},[144,2340,2341,2344,2346,2348,2351],{"class":146,"line":552},[144,2342,2343],{"class":158},"      :get-target-position",[144,2345,165],{"class":150},[144,2347,168],{"class":150},[144,2349,2350],{"class":171},"(d) => d.to",[144,2352,676],{"class":150},[144,2354,2355,2358,2360,2362,2365],{"class":146,"line":557},[144,2356,2357],{"class":158},"      :get-source-color",[144,2359,165],{"class":150},[144,2361,168],{"class":150},[144,2363,2364],{"class":171},"[64, 255, 0]",[144,2366,676],{"class":150},[144,2368,2369,2372,2374,2376,2379],{"class":146,"line":571},[144,2370,2371],{"class":158},"      :get-target-color",[144,2373,165],{"class":150},[144,2375,168],{"class":150},[144,2377,2378],{"class":171},"[0, 128, 200]",[144,2380,676],{"class":150},[144,2382,2383,2386,2388,2390,2392],{"class":146,"line":586},[144,2384,2385],{"class":158},"      :get-width",[144,2387,165],{"class":150},[144,2389,168],{"class":150},[144,2391,777],{"class":171},[144,2393,676],{"class":150},[144,2395,2396,2398,2400,2402,2404],{"class":146,"line":595},[144,2397,1097],{"class":158},[144,2399,165],{"class":150},[144,2401,168],{"class":150},[144,2403,1104],{"class":171},[144,2405,676],{"class":150},[144,2407,2408],{"class":146,"line":605},[144,2409,785],{"class":150},[144,2411,2412,2414,2416],{"class":146,"line":610},[144,2413,791],{"class":150},[144,2415,28],{"class":154},[144,2417,177],{"class":150},[144,2419,2420,2422,2424],{"class":146,"line":620},[144,2421,598],{"class":150},[144,2423,615],{"class":154},[144,2425,177],{"class":150},[118,2427,2429],{"id":2428},"tile3dlayer","Tile3DLayer",[99,2431,2432],{},"Render 3D Tiles (Cesium format).",[134,2434,2436],{"className":136,"code":2435,"language":138,"meta":139,"style":139},"\u003Cscript setup lang=\"ts\">\n  import { VMap } from '@geoql\u002Fv-maplibre';\n  import { VLayerDeckglTile3D } from '@geoql\u002Fv-maplibre\u002Fdeck.gl';\n\n  const mapOptions = {\n    style: 'https:\u002F\u002Fbasemaps.cartocdn.com\u002Fgl\u002Fdark-matter-gl-style\u002Fstyle.json',\n    center: [-75.6, 40.0],\n    zoom: 14,\n    pitch: 45,\n  };\n\n  const tilesetUrl = 'https:\u002F\u002Fassets.ion.cesium.com\u002F43978\u002Ftileset.json';\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CVMap :options=\"mapOptions\" style=\"height: 500px\">\n    \u003CVLayerDeckglTile3D\n      id=\"3d-tiles\"\n      :data=\"tilesetUrl\"\n      :point-size=\"2\"\n      :pickable=\"true\"\n      @tileset-load=\"(tileset) => console.log('Tileset loaded', tileset)\"\n    \u002F>\n  \u003C\u002FVMap>\n\u003C\u002Ftemplate>\n",[141,2437,2438,2458,2478,2499,2503,2513,2527,2549,2560,2570,2574,2578,2596,2604,2608,2616,2644,2651,2664,2677,2690,2702,2716,2720,2728],{"__ignoreMap":139},[144,2439,2440,2442,2444,2446,2448,2450,2452,2454,2456],{"class":146,"line":147},[144,2441,151],{"class":150},[144,2443,155],{"class":154},[144,2445,159],{"class":158},[144,2447,162],{"class":158},[144,2449,165],{"class":150},[144,2451,168],{"class":150},[144,2453,172],{"class":171},[144,2455,168],{"class":150},[144,2457,177],{"class":150},[144,2459,2460,2462,2464,2466,2468,2470,2472,2474,2476],{"class":146,"line":180},[144,2461,184],{"class":183},[144,2463,187],{"class":150},[144,2465,229],{"class":190},[144,2467,205],{"class":150},[144,2469,208],{"class":183},[144,2471,211],{"class":150},[144,2473,238],{"class":171},[144,2475,216],{"class":150},[144,2477,219],{"class":150},[144,2479,2480,2482,2484,2487,2489,2491,2493,2495,2497],{"class":146,"line":222},[144,2481,184],{"class":183},[144,2483,187],{"class":150},[144,2485,2486],{"class":190}," VLayerDeckglTile3D",[144,2488,205],{"class":150},[144,2490,208],{"class":183},[144,2492,211],{"class":150},[144,2494,261],{"class":171},[144,2496,216],{"class":150},[144,2498,219],{"class":150},[144,2500,2501],{"class":146,"line":245},[144,2502,272],{"emptyLinePlaceholder":271},[144,2504,2505,2507,2509,2511],{"class":146,"line":268},[144,2506,278],{"class":158},[144,2508,281],{"class":190},[144,2510,165],{"class":150},[144,2512,286],{"class":150},[144,2514,2515,2517,2519,2521,2523,2525],{"class":146,"line":275},[144,2516,292],{"class":154},[144,2518,295],{"class":150},[144,2520,211],{"class":150},[144,2522,300],{"class":171},[144,2524,216],{"class":150},[144,2526,305],{"class":150},[144,2528,2529,2531,2533,2535,2537,2540,2542,2545,2547],{"class":146,"line":289},[144,2530,311],{"class":154},[144,2532,295],{"class":150},[144,2534,316],{"class":190},[144,2536,319],{"class":150},[144,2538,2539],{"class":322},"75.6",[144,2541,194],{"class":150},[144,2543,2544],{"class":322}," 40.0",[144,2546,331],{"class":190},[144,2548,305],{"class":150},[144,2550,2551,2553,2555,2558],{"class":146,"line":308},[144,2552,339],{"class":154},[144,2554,295],{"class":150},[144,2556,2557],{"class":322}," 14",[144,2559,305],{"class":150},[144,2561,2562,2564,2566,2568],{"class":146,"line":336},[144,2563,1297],{"class":154},[144,2565,295],{"class":150},[144,2567,1302],{"class":322},[144,2569,305],{"class":150},[144,2571,2572],{"class":146,"line":349},[144,2573,352],{"class":150},[144,2575,2576],{"class":146,"line":355},[144,2577,272],{"emptyLinePlaceholder":271},[144,2579,2580,2582,2585,2587,2589,2592,2594],{"class":146,"line":360},[144,2581,278],{"class":158},[144,2583,2584],{"class":190}," tilesetUrl ",[144,2586,165],{"class":150},[144,2588,211],{"class":150},[144,2590,2591],{"class":171},"https:\u002F\u002Fassets.ion.cesium.com\u002F43978\u002Ftileset.json",[144,2593,216],{"class":150},[144,2595,219],{"class":150},[144,2597,2598,2600,2602],{"class":146,"line":379},[144,2599,598],{"class":150},[144,2601,155],{"class":154},[144,2603,177],{"class":150},[144,2605,2606],{"class":146,"line":384},[144,2607,272],{"emptyLinePlaceholder":271},[144,2609,2610,2612,2614],{"class":146,"line":408},[144,2611,151],{"class":150},[144,2613,615],{"class":154},[144,2615,177],{"class":150},[144,2617,2618,2620,2622,2624,2626,2628,2630,2632,2634,2636,2638,2640,2642],{"class":146,"line":425},[144,2619,623],{"class":150},[144,2621,28],{"class":154},[144,2623,628],{"class":158},[144,2625,165],{"class":150},[144,2627,168],{"class":150},[144,2629,635],{"class":171},[144,2631,168],{"class":150},[144,2633,640],{"class":158},[144,2635,165],{"class":150},[144,2637,168],{"class":150},[144,2639,647],{"class":171},[144,2641,168],{"class":150},[144,2643,177],{"class":150},[144,2645,2646,2648],{"class":146,"line":430},[144,2647,657],{"class":150},[144,2649,2650],{"class":154},"VLayerDeckglTile3D\n",[144,2652,2653,2655,2657,2659,2662],{"class":146,"line":446},[144,2654,666],{"class":158},[144,2656,165],{"class":150},[144,2658,168],{"class":150},[144,2660,2661],{"class":171},"3d-tiles",[144,2663,676],{"class":150},[144,2665,2666,2668,2670,2672,2675],{"class":146,"line":465},[144,2667,682],{"class":158},[144,2669,165],{"class":150},[144,2671,168],{"class":150},[144,2673,2674],{"class":171},"tilesetUrl",[144,2676,676],{"class":150},[144,2678,2679,2682,2684,2686,2688],{"class":146,"line":506},[144,2680,2681],{"class":158},"      :point-size",[144,2683,165],{"class":150},[144,2685,168],{"class":150},[144,2687,777],{"class":171},[144,2689,676],{"class":150},[144,2691,2692,2694,2696,2698,2700],{"class":146,"line":526},[144,2693,1097],{"class":158},[144,2695,165],{"class":150},[144,2697,168],{"class":150},[144,2699,1104],{"class":171},[144,2701,676],{"class":150},[144,2703,2704,2707,2709,2711,2714],{"class":146,"line":532},[144,2705,2706],{"class":158},"      @tileset-load",[144,2708,165],{"class":150},[144,2710,168],{"class":150},[144,2712,2713],{"class":171},"(tileset) => console.log('Tileset loaded', tileset)",[144,2715,676],{"class":150},[144,2717,2718],{"class":146,"line":542},[144,2719,785],{"class":150},[144,2721,2722,2724,2726],{"class":146,"line":552},[144,2723,791],{"class":150},[144,2725,28],{"class":154},[144,2727,177],{"class":150},[144,2729,2730,2732,2734],{"class":146,"line":557},[144,2731,598],{"class":150},[144,2733,615],{"class":154},[144,2735,177],{"class":150},[2737,2738,2739],"style",{},"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 .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}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 .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}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);}",{"title":139,"searchDepth":180,"depth":180,"links":2741},[2742,2743,2744,2745,2746,2747],{"id":120,"depth":180,"text":121},{"id":807,"depth":180,"text":808},{"id":1156,"depth":180,"text":1157},{"id":1535,"depth":180,"text":1536},{"id":1958,"depth":180,"text":1959},{"id":2428,"depth":180,"text":2429},"Examples of deck.gl geo and tile layers","md",null,{},{"title":53,"description":2748},"4gKDAiWKKQLBJjzN3SZauGe1dIGRVyFE95Gu4igdbiM",[2755,2757],{"title":49,"path":50,"stem":51,"description":2756,"children":-1},"Examples of deck.gl aggregation and heatmap layers",{"title":57,"path":58,"stem":59,"description":2758,"children":-1},"Cloud-Optimized GeoTIFF and satellite imagery visualization",1781101878363]