[{"data":1,"prerenderedAt":3893},["ShallowReactive",2],{"navigation_docs":3,"-layers-core-layers":90,"-layers-core-layers-surround":3888},[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":45,"body":92,"description":3882,"extension":3883,"links":3884,"meta":3885,"navigation":238,"path":46,"seo":3886,"stem":47,"__hash__":3887},"docs\u002F3.layers\u002F2.core-layers.md",{"type":93,"value":94,"toc":3872},"minimark",[95,106,117,122,130,133,721,725,731,734,1222,1226,1232,1235,1650,1654,1660,1663,2009,2013,2019,2022,2515,2519,2525,2528,2951,2955,2961,2964,3408,3412,3418,3421,3868],[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},"scatterplotlayer","ScatterplotLayer",[99,123,124],{},[103,125,129],{"href":126,"rel":127,"target":110},"https:\u002F\u002Fmapcn-vue.geoql.in\u002Fexamples\u002Fdeckgl-scatterplot",[128],"nofollow","Live Demo",[99,131,132],{},"Render circles at geographic positions with data-driven styling.",[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 { VMap } from '@geoql\u002Fv-maplibre';\n  import { VLayerDeckglScatterplot } 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  };\n\n  const cities = [\n    { name: 'San Francisco', coordinates: [-122.4194, 37.7749], population: 870000 },\n    { name: 'Oakland', coordinates: [-122.2711, 37.8044], population: 430000 },\n    { name: 'Berkeley', coordinates: [-122.2727, 37.8716], population: 120000 },\n  ];\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CVMap :options=\"mapOptions\" style=\"height: 500px\">\n    \u003CVLayerDeckglScatterplot\n      id=\"cities\"\n      :data=\"cities\"\n      :get-position=\"(d) => d.coordinates\"\n      :get-radius=\"(d) => Math.sqrt(d.population) * 10\"\n      :get-fill-color=\"[255, 140, 0, 200]\"\n      :radius-min-pixels=\"5\"\n      :radius-max-pixels=\"100\"\n      :pickable=\"true\"\n      @click=\"(info) => alert(info.object?.name)\"\n    \u002F>\n  \u003C\u002FVMap>\n\u003C\u002Ftemplate>\n","vue","",[141,142,143,178,210,233,240,254,273,302,315,321,326,339,391,438,485,493,503,508,518,552,561,577,591,606,621,636,651,666,681,696,702,712],"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,201,204,207],{"class":146,"line":180},2,[144,182,184],{"class":183},"s7zQu","  import",[144,186,187],{"class":150}," {",[144,189,191],{"class":190},"sTEyZ"," VMap",[144,193,194],{"class":150}," }",[144,196,197],{"class":183}," from",[144,199,200],{"class":150}," '",[144,202,203],{"class":171},"@geoql\u002Fv-maplibre",[144,205,206],{"class":150},"'",[144,208,209],{"class":150},";\n",[144,211,213,215,217,220,222,224,226,229,231],{"class":146,"line":212},3,[144,214,184],{"class":183},[144,216,187],{"class":150},[144,218,219],{"class":190}," VLayerDeckglScatterplot",[144,221,194],{"class":150},[144,223,197],{"class":183},[144,225,200],{"class":150},[144,227,228],{"class":171},"@geoql\u002Fv-maplibre\u002Fdeck.gl",[144,230,206],{"class":150},[144,232,209],{"class":150},[144,234,236],{"class":146,"line":235},4,[144,237,239],{"emptyLinePlaceholder":238},true,"\n",[144,241,243,246,249,251],{"class":146,"line":242},5,[144,244,245],{"class":158},"  const",[144,247,248],{"class":190}," mapOptions ",[144,250,165],{"class":150},[144,252,253],{"class":150}," {\n",[144,255,257,260,263,265,268,270],{"class":146,"line":256},6,[144,258,259],{"class":154},"    style",[144,261,262],{"class":150},":",[144,264,200],{"class":150},[144,266,267],{"class":171},"https:\u002F\u002Fbasemaps.cartocdn.com\u002Fgl\u002Fdark-matter-gl-style\u002Fstyle.json",[144,269,206],{"class":150},[144,271,272],{"class":150},",\n",[144,274,276,279,281,284,287,291,294,297,300],{"class":146,"line":275},7,[144,277,278],{"class":154},"    center",[144,280,262],{"class":150},[144,282,283],{"class":190}," [",[144,285,286],{"class":150},"-",[144,288,290],{"class":289},"sbssI","122.4",[144,292,293],{"class":150},",",[144,295,296],{"class":289}," 37.8",[144,298,299],{"class":190},"]",[144,301,272],{"class":150},[144,303,305,308,310,313],{"class":146,"line":304},8,[144,306,307],{"class":154},"    zoom",[144,309,262],{"class":150},[144,311,312],{"class":289}," 11",[144,314,272],{"class":150},[144,316,318],{"class":146,"line":317},9,[144,319,320],{"class":150},"  };\n",[144,322,324],{"class":146,"line":323},10,[144,325,239],{"emptyLinePlaceholder":238},[144,327,329,331,334,336],{"class":146,"line":328},11,[144,330,245],{"class":158},[144,332,333],{"class":190}," cities ",[144,335,165],{"class":150},[144,337,338],{"class":190}," [\n",[144,340,342,345,348,350,352,355,357,359,362,364,366,368,371,373,376,378,380,383,385,388],{"class":146,"line":341},12,[144,343,344],{"class":150},"    {",[144,346,347],{"class":154}," name",[144,349,262],{"class":150},[144,351,200],{"class":150},[144,353,354],{"class":171},"San Francisco",[144,356,206],{"class":150},[144,358,293],{"class":150},[144,360,361],{"class":154}," coordinates",[144,363,262],{"class":150},[144,365,283],{"class":190},[144,367,286],{"class":150},[144,369,370],{"class":289},"122.4194",[144,372,293],{"class":150},[144,374,375],{"class":289}," 37.7749",[144,377,299],{"class":190},[144,379,293],{"class":150},[144,381,382],{"class":154}," population",[144,384,262],{"class":150},[144,386,387],{"class":289}," 870000",[144,389,390],{"class":150}," },\n",[144,392,394,396,398,400,402,405,407,409,411,413,415,417,420,422,425,427,429,431,433,436],{"class":146,"line":393},13,[144,395,344],{"class":150},[144,397,347],{"class":154},[144,399,262],{"class":150},[144,401,200],{"class":150},[144,403,404],{"class":171},"Oakland",[144,406,206],{"class":150},[144,408,293],{"class":150},[144,410,361],{"class":154},[144,412,262],{"class":150},[144,414,283],{"class":190},[144,416,286],{"class":150},[144,418,419],{"class":289},"122.2711",[144,421,293],{"class":150},[144,423,424],{"class":289}," 37.8044",[144,426,299],{"class":190},[144,428,293],{"class":150},[144,430,382],{"class":154},[144,432,262],{"class":150},[144,434,435],{"class":289}," 430000",[144,437,390],{"class":150},[144,439,441,443,445,447,449,452,454,456,458,460,462,464,467,469,472,474,476,478,480,483],{"class":146,"line":440},14,[144,442,344],{"class":150},[144,444,347],{"class":154},[144,446,262],{"class":150},[144,448,200],{"class":150},[144,450,451],{"class":171},"Berkeley",[144,453,206],{"class":150},[144,455,293],{"class":150},[144,457,361],{"class":154},[144,459,262],{"class":150},[144,461,283],{"class":190},[144,463,286],{"class":150},[144,465,466],{"class":289},"122.2727",[144,468,293],{"class":150},[144,470,471],{"class":289}," 37.8716",[144,473,299],{"class":190},[144,475,293],{"class":150},[144,477,382],{"class":154},[144,479,262],{"class":150},[144,481,482],{"class":289}," 120000",[144,484,390],{"class":150},[144,486,488,491],{"class":146,"line":487},15,[144,489,490],{"class":190},"  ]",[144,492,209],{"class":150},[144,494,496,499,501],{"class":146,"line":495},16,[144,497,498],{"class":150},"\u003C\u002F",[144,500,155],{"class":154},[144,502,177],{"class":150},[144,504,506],{"class":146,"line":505},17,[144,507,239],{"emptyLinePlaceholder":238},[144,509,511,513,516],{"class":146,"line":510},18,[144,512,151],{"class":150},[144,514,515],{"class":154},"template",[144,517,177],{"class":150},[144,519,521,524,526,529,531,533,536,538,541,543,545,548,550],{"class":146,"line":520},19,[144,522,523],{"class":150},"  \u003C",[144,525,28],{"class":154},[144,527,528],{"class":158}," :options",[144,530,165],{"class":150},[144,532,168],{"class":150},[144,534,535],{"class":171},"mapOptions",[144,537,168],{"class":150},[144,539,540],{"class":158}," style",[144,542,165],{"class":150},[144,544,168],{"class":150},[144,546,547],{"class":171},"height: 500px",[144,549,168],{"class":150},[144,551,177],{"class":150},[144,553,555,558],{"class":146,"line":554},20,[144,556,557],{"class":150},"    \u003C",[144,559,560],{"class":154},"VLayerDeckglScatterplot\n",[144,562,564,567,569,571,574],{"class":146,"line":563},21,[144,565,566],{"class":158},"      id",[144,568,165],{"class":150},[144,570,168],{"class":150},[144,572,573],{"class":171},"cities",[144,575,576],{"class":150},"\"\n",[144,578,580,583,585,587,589],{"class":146,"line":579},22,[144,581,582],{"class":158},"      :data",[144,584,165],{"class":150},[144,586,168],{"class":150},[144,588,573],{"class":171},[144,590,576],{"class":150},[144,592,594,597,599,601,604],{"class":146,"line":593},23,[144,595,596],{"class":158},"      :get-position",[144,598,165],{"class":150},[144,600,168],{"class":150},[144,602,603],{"class":171},"(d) => d.coordinates",[144,605,576],{"class":150},[144,607,609,612,614,616,619],{"class":146,"line":608},24,[144,610,611],{"class":158},"      :get-radius",[144,613,165],{"class":150},[144,615,168],{"class":150},[144,617,618],{"class":171},"(d) => Math.sqrt(d.population) * 10",[144,620,576],{"class":150},[144,622,624,627,629,631,634],{"class":146,"line":623},25,[144,625,626],{"class":158},"      :get-fill-color",[144,628,165],{"class":150},[144,630,168],{"class":150},[144,632,633],{"class":171},"[255, 140, 0, 200]",[144,635,576],{"class":150},[144,637,639,642,644,646,649],{"class":146,"line":638},26,[144,640,641],{"class":158},"      :radius-min-pixels",[144,643,165],{"class":150},[144,645,168],{"class":150},[144,647,648],{"class":171},"5",[144,650,576],{"class":150},[144,652,654,657,659,661,664],{"class":146,"line":653},27,[144,655,656],{"class":158},"      :radius-max-pixels",[144,658,165],{"class":150},[144,660,168],{"class":150},[144,662,663],{"class":171},"100",[144,665,576],{"class":150},[144,667,669,672,674,676,679],{"class":146,"line":668},28,[144,670,671],{"class":158},"      :pickable",[144,673,165],{"class":150},[144,675,168],{"class":150},[144,677,678],{"class":171},"true",[144,680,576],{"class":150},[144,682,684,687,689,691,694],{"class":146,"line":683},29,[144,685,686],{"class":158},"      @click",[144,688,165],{"class":150},[144,690,168],{"class":150},[144,692,693],{"class":171},"(info) => alert(info.object?.name)",[144,695,576],{"class":150},[144,697,699],{"class":146,"line":698},30,[144,700,701],{"class":150},"    \u002F>\n",[144,703,705,708,710],{"class":146,"line":704},31,[144,706,707],{"class":150},"  \u003C\u002F",[144,709,28],{"class":154},[144,711,177],{"class":150},[144,713,715,717,719],{"class":146,"line":714},32,[144,716,498],{"class":150},[144,718,515],{"class":154},[144,720,177],{"class":150},[118,722,724],{"id":723},"arclayer","ArcLayer",[99,726,727],{},[103,728,129],{"href":729,"rel":730,"target":110},"https:\u002F\u002Fmapcn-vue.geoql.in\u002Fexamples\u002Fdeckgl-arc",[128],[99,732,733],{},"Visualize connections between origin-destination pairs.",[134,735,737],{"className":136,"code":736,"language":138,"meta":139,"style":139},"\u003Cscript setup lang=\"ts\">\n  import { VMap } from '@geoql\u002Fv-maplibre';\n  import { VLayerDeckglArc } 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: [-100, 40],\n    zoom: 3,\n  };\n\n  const flights = [\n    { from: [-122.4, 37.8], to: [-73.9, 40.7], count: 500 },\n    { from: [-122.4, 37.8], to: [-87.6, 41.9], count: 300 },\n    { from: [-122.4, 37.8], to: [-118.2, 34.0], count: 800 },\n  ];\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CVMap :options=\"mapOptions\" style=\"height: 500px\">\n    \u003CVLayerDeckglArc\n      id=\"flights\"\n      :data=\"flights\"\n      :get-source-position=\"(d) => d.from\"\n      :get-target-position=\"(d) => d.to\"\n      :get-source-color=\"[0, 128, 255]\"\n      :get-target-color=\"[255, 0, 128]\"\n      :get-width=\"(d) => Math.sqrt(d.count)\"\n      :pickable=\"true\"\n    \u002F>\n  \u003C\u002FVMap>\n\u003C\u002Ftemplate>\n",[141,738,739,759,779,800,804,814,828,849,860,864,868,879,932,983,1034,1040,1048,1052,1060,1088,1095,1108,1120,1134,1148,1162,1176,1190,1202,1206,1214],{"__ignoreMap":139},[144,740,741,743,745,747,749,751,753,755,757],{"class":146,"line":147},[144,742,151],{"class":150},[144,744,155],{"class":154},[144,746,159],{"class":158},[144,748,162],{"class":158},[144,750,165],{"class":150},[144,752,168],{"class":150},[144,754,172],{"class":171},[144,756,168],{"class":150},[144,758,177],{"class":150},[144,760,761,763,765,767,769,771,773,775,777],{"class":146,"line":180},[144,762,184],{"class":183},[144,764,187],{"class":150},[144,766,191],{"class":190},[144,768,194],{"class":150},[144,770,197],{"class":183},[144,772,200],{"class":150},[144,774,203],{"class":171},[144,776,206],{"class":150},[144,778,209],{"class":150},[144,780,781,783,785,788,790,792,794,796,798],{"class":146,"line":212},[144,782,184],{"class":183},[144,784,187],{"class":150},[144,786,787],{"class":190}," VLayerDeckglArc",[144,789,194],{"class":150},[144,791,197],{"class":183},[144,793,200],{"class":150},[144,795,228],{"class":171},[144,797,206],{"class":150},[144,799,209],{"class":150},[144,801,802],{"class":146,"line":235},[144,803,239],{"emptyLinePlaceholder":238},[144,805,806,808,810,812],{"class":146,"line":242},[144,807,245],{"class":158},[144,809,248],{"class":190},[144,811,165],{"class":150},[144,813,253],{"class":150},[144,815,816,818,820,822,824,826],{"class":146,"line":256},[144,817,259],{"class":154},[144,819,262],{"class":150},[144,821,200],{"class":150},[144,823,267],{"class":171},[144,825,206],{"class":150},[144,827,272],{"class":150},[144,829,830,832,834,836,838,840,842,845,847],{"class":146,"line":275},[144,831,278],{"class":154},[144,833,262],{"class":150},[144,835,283],{"class":190},[144,837,286],{"class":150},[144,839,663],{"class":289},[144,841,293],{"class":150},[144,843,844],{"class":289}," 40",[144,846,299],{"class":190},[144,848,272],{"class":150},[144,850,851,853,855,858],{"class":146,"line":304},[144,852,307],{"class":154},[144,854,262],{"class":150},[144,856,857],{"class":289}," 3",[144,859,272],{"class":150},[144,861,862],{"class":146,"line":317},[144,863,320],{"class":150},[144,865,866],{"class":146,"line":323},[144,867,239],{"emptyLinePlaceholder":238},[144,869,870,872,875,877],{"class":146,"line":328},[144,871,245],{"class":158},[144,873,874],{"class":190}," flights ",[144,876,165],{"class":150},[144,878,338],{"class":190},[144,880,881,883,885,887,889,891,893,895,897,899,901,904,906,908,910,913,915,918,920,922,925,927,930],{"class":146,"line":341},[144,882,344],{"class":150},[144,884,197],{"class":154},[144,886,262],{"class":150},[144,888,283],{"class":190},[144,890,286],{"class":150},[144,892,290],{"class":289},[144,894,293],{"class":150},[144,896,296],{"class":289},[144,898,299],{"class":190},[144,900,293],{"class":150},[144,902,903],{"class":154}," to",[144,905,262],{"class":150},[144,907,283],{"class":190},[144,909,286],{"class":150},[144,911,912],{"class":289},"73.9",[144,914,293],{"class":150},[144,916,917],{"class":289}," 40.7",[144,919,299],{"class":190},[144,921,293],{"class":150},[144,923,924],{"class":154}," count",[144,926,262],{"class":150},[144,928,929],{"class":289}," 500",[144,931,390],{"class":150},[144,933,934,936,938,940,942,944,946,948,950,952,954,956,958,960,962,965,967,970,972,974,976,978,981],{"class":146,"line":393},[144,935,344],{"class":150},[144,937,197],{"class":154},[144,939,262],{"class":150},[144,941,283],{"class":190},[144,943,286],{"class":150},[144,945,290],{"class":289},[144,947,293],{"class":150},[144,949,296],{"class":289},[144,951,299],{"class":190},[144,953,293],{"class":150},[144,955,903],{"class":154},[144,957,262],{"class":150},[144,959,283],{"class":190},[144,961,286],{"class":150},[144,963,964],{"class":289},"87.6",[144,966,293],{"class":150},[144,968,969],{"class":289}," 41.9",[144,971,299],{"class":190},[144,973,293],{"class":150},[144,975,924],{"class":154},[144,977,262],{"class":150},[144,979,980],{"class":289}," 300",[144,982,390],{"class":150},[144,984,985,987,989,991,993,995,997,999,1001,1003,1005,1007,1009,1011,1013,1016,1018,1021,1023,1025,1027,1029,1032],{"class":146,"line":440},[144,986,344],{"class":150},[144,988,197],{"class":154},[144,990,262],{"class":150},[144,992,283],{"class":190},[144,994,286],{"class":150},[144,996,290],{"class":289},[144,998,293],{"class":150},[144,1000,296],{"class":289},[144,1002,299],{"class":190},[144,1004,293],{"class":150},[144,1006,903],{"class":154},[144,1008,262],{"class":150},[144,1010,283],{"class":190},[144,1012,286],{"class":150},[144,1014,1015],{"class":289},"118.2",[144,1017,293],{"class":150},[144,1019,1020],{"class":289}," 34.0",[144,1022,299],{"class":190},[144,1024,293],{"class":150},[144,1026,924],{"class":154},[144,1028,262],{"class":150},[144,1030,1031],{"class":289}," 800",[144,1033,390],{"class":150},[144,1035,1036,1038],{"class":146,"line":487},[144,1037,490],{"class":190},[144,1039,209],{"class":150},[144,1041,1042,1044,1046],{"class":146,"line":495},[144,1043,498],{"class":150},[144,1045,155],{"class":154},[144,1047,177],{"class":150},[144,1049,1050],{"class":146,"line":505},[144,1051,239],{"emptyLinePlaceholder":238},[144,1053,1054,1056,1058],{"class":146,"line":510},[144,1055,151],{"class":150},[144,1057,515],{"class":154},[144,1059,177],{"class":150},[144,1061,1062,1064,1066,1068,1070,1072,1074,1076,1078,1080,1082,1084,1086],{"class":146,"line":520},[144,1063,523],{"class":150},[144,1065,28],{"class":154},[144,1067,528],{"class":158},[144,1069,165],{"class":150},[144,1071,168],{"class":150},[144,1073,535],{"class":171},[144,1075,168],{"class":150},[144,1077,540],{"class":158},[144,1079,165],{"class":150},[144,1081,168],{"class":150},[144,1083,547],{"class":171},[144,1085,168],{"class":150},[144,1087,177],{"class":150},[144,1089,1090,1092],{"class":146,"line":554},[144,1091,557],{"class":150},[144,1093,1094],{"class":154},"VLayerDeckglArc\n",[144,1096,1097,1099,1101,1103,1106],{"class":146,"line":563},[144,1098,566],{"class":158},[144,1100,165],{"class":150},[144,1102,168],{"class":150},[144,1104,1105],{"class":171},"flights",[144,1107,576],{"class":150},[144,1109,1110,1112,1114,1116,1118],{"class":146,"line":579},[144,1111,582],{"class":158},[144,1113,165],{"class":150},[144,1115,168],{"class":150},[144,1117,1105],{"class":171},[144,1119,576],{"class":150},[144,1121,1122,1125,1127,1129,1132],{"class":146,"line":593},[144,1123,1124],{"class":158},"      :get-source-position",[144,1126,165],{"class":150},[144,1128,168],{"class":150},[144,1130,1131],{"class":171},"(d) => d.from",[144,1133,576],{"class":150},[144,1135,1136,1139,1141,1143,1146],{"class":146,"line":608},[144,1137,1138],{"class":158},"      :get-target-position",[144,1140,165],{"class":150},[144,1142,168],{"class":150},[144,1144,1145],{"class":171},"(d) => d.to",[144,1147,576],{"class":150},[144,1149,1150,1153,1155,1157,1160],{"class":146,"line":623},[144,1151,1152],{"class":158},"      :get-source-color",[144,1154,165],{"class":150},[144,1156,168],{"class":150},[144,1158,1159],{"class":171},"[0, 128, 255]",[144,1161,576],{"class":150},[144,1163,1164,1167,1169,1171,1174],{"class":146,"line":638},[144,1165,1166],{"class":158},"      :get-target-color",[144,1168,165],{"class":150},[144,1170,168],{"class":150},[144,1172,1173],{"class":171},"[255, 0, 128]",[144,1175,576],{"class":150},[144,1177,1178,1181,1183,1185,1188],{"class":146,"line":653},[144,1179,1180],{"class":158},"      :get-width",[144,1182,165],{"class":150},[144,1184,168],{"class":150},[144,1186,1187],{"class":171},"(d) => Math.sqrt(d.count)",[144,1189,576],{"class":150},[144,1191,1192,1194,1196,1198,1200],{"class":146,"line":668},[144,1193,671],{"class":158},[144,1195,165],{"class":150},[144,1197,168],{"class":150},[144,1199,678],{"class":171},[144,1201,576],{"class":150},[144,1203,1204],{"class":146,"line":683},[144,1205,701],{"class":150},[144,1207,1208,1210,1212],{"class":146,"line":698},[144,1209,707],{"class":150},[144,1211,28],{"class":154},[144,1213,177],{"class":150},[144,1215,1216,1218,1220],{"class":146,"line":704},[144,1217,498],{"class":150},[144,1219,515],{"class":154},[144,1221,177],{"class":150},[118,1223,1225],{"id":1224},"pathlayer","PathLayer",[99,1227,1228],{},[103,1229,129],{"href":1230,"rel":1231,"target":110},"https:\u002F\u002Fmapcn-vue.geoql.in\u002Fexamples\u002Fdeckgl-path",[128],[99,1233,1234],{},"Render routes or polylines with configurable width.",[134,1236,1238],{"className":136,"code":1237,"language":138,"meta":139,"style":139},"\u003Cscript setup lang=\"ts\">\n  import { VMap } from '@geoql\u002Fv-maplibre';\n  import { VLayerDeckglPath } 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: 12,\n  };\n\n  const routes = [\n    {\n      path: [\n        [-122.4194, 37.7749],\n        [-122.4089, 37.7855],\n        [-122.3994, 37.7920],\n      ],\n      name: 'Route A',\n    },\n  ];\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CVMap :options=\"mapOptions\" style=\"height: 500px\">\n    \u003CVLayerDeckglPath\n      id=\"routes\"\n      :data=\"routes\"\n      :get-path=\"(d) => d.path\"\n      :get-color=\"[0, 150, 255]\"\n      :get-width=\"5\"\n      :width-min-pixels=\"2\"\n      :pickable=\"true\"\n    \u002F>\n  \u003C\u002FVMap>\n\u003C\u002Ftemplate>\n",[141,1239,1240,1260,1280,1301,1305,1315,1330,1350,1361,1365,1369,1380,1385,1394,1411,1429,1447,1454,1470,1475,1481,1489,1493,1501,1529,1536,1549,1561,1575,1589,1601,1615,1627,1632,1641],{"__ignoreMap":139},[144,1241,1242,1244,1246,1248,1250,1252,1254,1256,1258],{"class":146,"line":147},[144,1243,151],{"class":150},[144,1245,155],{"class":154},[144,1247,159],{"class":158},[144,1249,162],{"class":158},[144,1251,165],{"class":150},[144,1253,168],{"class":150},[144,1255,172],{"class":171},[144,1257,168],{"class":150},[144,1259,177],{"class":150},[144,1261,1262,1264,1266,1268,1270,1272,1274,1276,1278],{"class":146,"line":180},[144,1263,184],{"class":183},[144,1265,187],{"class":150},[144,1267,191],{"class":190},[144,1269,194],{"class":150},[144,1271,197],{"class":183},[144,1273,200],{"class":150},[144,1275,203],{"class":171},[144,1277,206],{"class":150},[144,1279,209],{"class":150},[144,1281,1282,1284,1286,1289,1291,1293,1295,1297,1299],{"class":146,"line":212},[144,1283,184],{"class":183},[144,1285,187],{"class":150},[144,1287,1288],{"class":190}," VLayerDeckglPath",[144,1290,194],{"class":150},[144,1292,197],{"class":183},[144,1294,200],{"class":150},[144,1296,228],{"class":171},[144,1298,206],{"class":150},[144,1300,209],{"class":150},[144,1302,1303],{"class":146,"line":235},[144,1304,239],{"emptyLinePlaceholder":238},[144,1306,1307,1309,1311,1313],{"class":146,"line":242},[144,1308,245],{"class":158},[144,1310,248],{"class":190},[144,1312,165],{"class":150},[144,1314,253],{"class":150},[144,1316,1317,1319,1321,1323,1326,1328],{"class":146,"line":256},[144,1318,259],{"class":154},[144,1320,262],{"class":150},[144,1322,200],{"class":150},[144,1324,1325],{"class":171},"https:\u002F\u002Fbasemaps.cartocdn.com\u002Fgl\u002Fpositron-gl-style\u002Fstyle.json",[144,1327,206],{"class":150},[144,1329,272],{"class":150},[144,1331,1332,1334,1336,1338,1340,1342,1344,1346,1348],{"class":146,"line":275},[144,1333,278],{"class":154},[144,1335,262],{"class":150},[144,1337,283],{"class":190},[144,1339,286],{"class":150},[144,1341,290],{"class":289},[144,1343,293],{"class":150},[144,1345,296],{"class":289},[144,1347,299],{"class":190},[144,1349,272],{"class":150},[144,1351,1352,1354,1356,1359],{"class":146,"line":304},[144,1353,307],{"class":154},[144,1355,262],{"class":150},[144,1357,1358],{"class":289}," 12",[144,1360,272],{"class":150},[144,1362,1363],{"class":146,"line":317},[144,1364,320],{"class":150},[144,1366,1367],{"class":146,"line":323},[144,1368,239],{"emptyLinePlaceholder":238},[144,1370,1371,1373,1376,1378],{"class":146,"line":328},[144,1372,245],{"class":158},[144,1374,1375],{"class":190}," routes ",[144,1377,165],{"class":150},[144,1379,338],{"class":190},[144,1381,1382],{"class":146,"line":341},[144,1383,1384],{"class":150},"    {\n",[144,1386,1387,1390,1392],{"class":146,"line":393},[144,1388,1389],{"class":154},"      path",[144,1391,262],{"class":150},[144,1393,338],{"class":190},[144,1395,1396,1399,1401,1403,1405,1407,1409],{"class":146,"line":440},[144,1397,1398],{"class":190},"        [",[144,1400,286],{"class":150},[144,1402,370],{"class":289},[144,1404,293],{"class":150},[144,1406,375],{"class":289},[144,1408,299],{"class":190},[144,1410,272],{"class":150},[144,1412,1413,1415,1417,1420,1422,1425,1427],{"class":146,"line":487},[144,1414,1398],{"class":190},[144,1416,286],{"class":150},[144,1418,1419],{"class":289},"122.4089",[144,1421,293],{"class":150},[144,1423,1424],{"class":289}," 37.7855",[144,1426,299],{"class":190},[144,1428,272],{"class":150},[144,1430,1431,1433,1435,1438,1440,1443,1445],{"class":146,"line":495},[144,1432,1398],{"class":190},[144,1434,286],{"class":150},[144,1436,1437],{"class":289},"122.3994",[144,1439,293],{"class":150},[144,1441,1442],{"class":289}," 37.7920",[144,1444,299],{"class":190},[144,1446,272],{"class":150},[144,1448,1449,1452],{"class":146,"line":505},[144,1450,1451],{"class":190},"      ]",[144,1453,272],{"class":150},[144,1455,1456,1459,1461,1463,1466,1468],{"class":146,"line":510},[144,1457,1458],{"class":154},"      name",[144,1460,262],{"class":150},[144,1462,200],{"class":150},[144,1464,1465],{"class":171},"Route A",[144,1467,206],{"class":150},[144,1469,272],{"class":150},[144,1471,1472],{"class":146,"line":520},[144,1473,1474],{"class":150},"    },\n",[144,1476,1477,1479],{"class":146,"line":554},[144,1478,490],{"class":190},[144,1480,209],{"class":150},[144,1482,1483,1485,1487],{"class":146,"line":563},[144,1484,498],{"class":150},[144,1486,155],{"class":154},[144,1488,177],{"class":150},[144,1490,1491],{"class":146,"line":579},[144,1492,239],{"emptyLinePlaceholder":238},[144,1494,1495,1497,1499],{"class":146,"line":593},[144,1496,151],{"class":150},[144,1498,515],{"class":154},[144,1500,177],{"class":150},[144,1502,1503,1505,1507,1509,1511,1513,1515,1517,1519,1521,1523,1525,1527],{"class":146,"line":608},[144,1504,523],{"class":150},[144,1506,28],{"class":154},[144,1508,528],{"class":158},[144,1510,165],{"class":150},[144,1512,168],{"class":150},[144,1514,535],{"class":171},[144,1516,168],{"class":150},[144,1518,540],{"class":158},[144,1520,165],{"class":150},[144,1522,168],{"class":150},[144,1524,547],{"class":171},[144,1526,168],{"class":150},[144,1528,177],{"class":150},[144,1530,1531,1533],{"class":146,"line":623},[144,1532,557],{"class":150},[144,1534,1535],{"class":154},"VLayerDeckglPath\n",[144,1537,1538,1540,1542,1544,1547],{"class":146,"line":638},[144,1539,566],{"class":158},[144,1541,165],{"class":150},[144,1543,168],{"class":150},[144,1545,1546],{"class":171},"routes",[144,1548,576],{"class":150},[144,1550,1551,1553,1555,1557,1559],{"class":146,"line":653},[144,1552,582],{"class":158},[144,1554,165],{"class":150},[144,1556,168],{"class":150},[144,1558,1546],{"class":171},[144,1560,576],{"class":150},[144,1562,1563,1566,1568,1570,1573],{"class":146,"line":668},[144,1564,1565],{"class":158},"      :get-path",[144,1567,165],{"class":150},[144,1569,168],{"class":150},[144,1571,1572],{"class":171},"(d) => d.path",[144,1574,576],{"class":150},[144,1576,1577,1580,1582,1584,1587],{"class":146,"line":683},[144,1578,1579],{"class":158},"      :get-color",[144,1581,165],{"class":150},[144,1583,168],{"class":150},[144,1585,1586],{"class":171},"[0, 150, 255]",[144,1588,576],{"class":150},[144,1590,1591,1593,1595,1597,1599],{"class":146,"line":698},[144,1592,1180],{"class":158},[144,1594,165],{"class":150},[144,1596,168],{"class":150},[144,1598,648],{"class":171},[144,1600,576],{"class":150},[144,1602,1603,1606,1608,1610,1613],{"class":146,"line":704},[144,1604,1605],{"class":158},"      :width-min-pixels",[144,1607,165],{"class":150},[144,1609,168],{"class":150},[144,1611,1612],{"class":171},"2",[144,1614,576],{"class":150},[144,1616,1617,1619,1621,1623,1625],{"class":146,"line":714},[144,1618,671],{"class":158},[144,1620,165],{"class":150},[144,1622,168],{"class":150},[144,1624,678],{"class":171},[144,1626,576],{"class":150},[144,1628,1630],{"class":146,"line":1629},33,[144,1631,701],{"class":150},[144,1633,1635,1637,1639],{"class":146,"line":1634},34,[144,1636,707],{"class":150},[144,1638,28],{"class":154},[144,1640,177],{"class":150},[144,1642,1644,1646,1648],{"class":146,"line":1643},35,[144,1645,498],{"class":150},[144,1647,515],{"class":154},[144,1649,177],{"class":150},[118,1651,1653],{"id":1652},"geojsonlayer","GeoJsonLayer",[99,1655,1656],{},[103,1657,129],{"href":1658,"rel":1659,"target":110},"https:\u002F\u002Fmapcn-vue.geoql.in\u002Fexamples\u002Fdeckgl-geojson",[128],[99,1661,1662],{},"Render GeoJSON features with comprehensive styling.",[134,1664,1666],{"className":136,"code":1665,"language":138,"meta":139,"style":139},"\u003Cscript setup lang=\"ts\">\n  import { VMap } from '@geoql\u002Fv-maplibre';\n  import { VLayerDeckglGeojson } 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: 10,\n  };\n\n  const geojsonUrl = 'https:\u002F\u002Fraw.githubusercontent.com\u002Fvisgl\u002Fdeck.gl-data\u002Fmaster\u002Fexamples\u002Fgeojson\u002Fvancouver-blocks.json';\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CVMap :options=\"mapOptions\" style=\"height: 500px\">\n    \u003CVLayerDeckglGeojson\n      id=\"geojson\"\n      :data=\"geojsonUrl\"\n      :get-fill-color=\"(f) => {\n        const value = f.properties?.valuePerSqm || 0;\n        return [255, 255 - value \u002F 100, 0, 180];\n      }\"\n      :get-line-color=\"[255, 255, 255]\"\n      :get-line-width=\"1\"\n      :pickable=\"true\"\n      :stroked=\"true\"\n      :filled=\"true\"\n    \u002F>\n  \u003C\u002FVMap>\n\u003C\u002Ftemplate>\n",[141,1667,1668,1688,1708,1729,1733,1743,1757,1777,1788,1792,1796,1814,1822,1826,1834,1862,1869,1882,1895,1906,1911,1916,1923,1937,1951,1963,1976,1989,1993,2001],{"__ignoreMap":139},[144,1669,1670,1672,1674,1676,1678,1680,1682,1684,1686],{"class":146,"line":147},[144,1671,151],{"class":150},[144,1673,155],{"class":154},[144,1675,159],{"class":158},[144,1677,162],{"class":158},[144,1679,165],{"class":150},[144,1681,168],{"class":150},[144,1683,172],{"class":171},[144,1685,168],{"class":150},[144,1687,177],{"class":150},[144,1689,1690,1692,1694,1696,1698,1700,1702,1704,1706],{"class":146,"line":180},[144,1691,184],{"class":183},[144,1693,187],{"class":150},[144,1695,191],{"class":190},[144,1697,194],{"class":150},[144,1699,197],{"class":183},[144,1701,200],{"class":150},[144,1703,203],{"class":171},[144,1705,206],{"class":150},[144,1707,209],{"class":150},[144,1709,1710,1712,1714,1717,1719,1721,1723,1725,1727],{"class":146,"line":212},[144,1711,184],{"class":183},[144,1713,187],{"class":150},[144,1715,1716],{"class":190}," VLayerDeckglGeojson",[144,1718,194],{"class":150},[144,1720,197],{"class":183},[144,1722,200],{"class":150},[144,1724,228],{"class":171},[144,1726,206],{"class":150},[144,1728,209],{"class":150},[144,1730,1731],{"class":146,"line":235},[144,1732,239],{"emptyLinePlaceholder":238},[144,1734,1735,1737,1739,1741],{"class":146,"line":242},[144,1736,245],{"class":158},[144,1738,248],{"class":190},[144,1740,165],{"class":150},[144,1742,253],{"class":150},[144,1744,1745,1747,1749,1751,1753,1755],{"class":146,"line":256},[144,1746,259],{"class":154},[144,1748,262],{"class":150},[144,1750,200],{"class":150},[144,1752,1325],{"class":171},[144,1754,206],{"class":150},[144,1756,272],{"class":150},[144,1758,1759,1761,1763,1765,1767,1769,1771,1773,1775],{"class":146,"line":275},[144,1760,278],{"class":154},[144,1762,262],{"class":150},[144,1764,283],{"class":190},[144,1766,286],{"class":150},[144,1768,290],{"class":289},[144,1770,293],{"class":150},[144,1772,296],{"class":289},[144,1774,299],{"class":190},[144,1776,272],{"class":150},[144,1778,1779,1781,1783,1786],{"class":146,"line":304},[144,1780,307],{"class":154},[144,1782,262],{"class":150},[144,1784,1785],{"class":289}," 10",[144,1787,272],{"class":150},[144,1789,1790],{"class":146,"line":317},[144,1791,320],{"class":150},[144,1793,1794],{"class":146,"line":323},[144,1795,239],{"emptyLinePlaceholder":238},[144,1797,1798,1800,1803,1805,1807,1810,1812],{"class":146,"line":328},[144,1799,245],{"class":158},[144,1801,1802],{"class":190}," geojsonUrl ",[144,1804,165],{"class":150},[144,1806,200],{"class":150},[144,1808,1809],{"class":171},"https:\u002F\u002Fraw.githubusercontent.com\u002Fvisgl\u002Fdeck.gl-data\u002Fmaster\u002Fexamples\u002Fgeojson\u002Fvancouver-blocks.json",[144,1811,206],{"class":150},[144,1813,209],{"class":150},[144,1815,1816,1818,1820],{"class":146,"line":341},[144,1817,498],{"class":150},[144,1819,155],{"class":154},[144,1821,177],{"class":150},[144,1823,1824],{"class":146,"line":393},[144,1825,239],{"emptyLinePlaceholder":238},[144,1827,1828,1830,1832],{"class":146,"line":440},[144,1829,151],{"class":150},[144,1831,515],{"class":154},[144,1833,177],{"class":150},[144,1835,1836,1838,1840,1842,1844,1846,1848,1850,1852,1854,1856,1858,1860],{"class":146,"line":487},[144,1837,523],{"class":150},[144,1839,28],{"class":154},[144,1841,528],{"class":158},[144,1843,165],{"class":150},[144,1845,168],{"class":150},[144,1847,535],{"class":171},[144,1849,168],{"class":150},[144,1851,540],{"class":158},[144,1853,165],{"class":150},[144,1855,168],{"class":150},[144,1857,547],{"class":171},[144,1859,168],{"class":150},[144,1861,177],{"class":150},[144,1863,1864,1866],{"class":146,"line":495},[144,1865,557],{"class":150},[144,1867,1868],{"class":154},"VLayerDeckglGeojson\n",[144,1870,1871,1873,1875,1877,1880],{"class":146,"line":505},[144,1872,566],{"class":158},[144,1874,165],{"class":150},[144,1876,168],{"class":150},[144,1878,1879],{"class":171},"geojson",[144,1881,576],{"class":150},[144,1883,1884,1886,1888,1890,1893],{"class":146,"line":510},[144,1885,582],{"class":158},[144,1887,165],{"class":150},[144,1889,168],{"class":150},[144,1891,1892],{"class":171},"geojsonUrl",[144,1894,576],{"class":150},[144,1896,1897,1899,1901,1903],{"class":146,"line":520},[144,1898,626],{"class":158},[144,1900,165],{"class":150},[144,1902,168],{"class":150},[144,1904,1905],{"class":171},"(f) => {\n",[144,1907,1908],{"class":146,"line":554},[144,1909,1910],{"class":171},"        const value = f.properties?.valuePerSqm || 0;\n",[144,1912,1913],{"class":146,"line":563},[144,1914,1915],{"class":171},"        return [255, 255 - value \u002F 100, 0, 180];\n",[144,1917,1918,1921],{"class":146,"line":579},[144,1919,1920],{"class":171},"      }",[144,1922,576],{"class":150},[144,1924,1925,1928,1930,1932,1935],{"class":146,"line":593},[144,1926,1927],{"class":158},"      :get-line-color",[144,1929,165],{"class":150},[144,1931,168],{"class":150},[144,1933,1934],{"class":171},"[255, 255, 255]",[144,1936,576],{"class":150},[144,1938,1939,1942,1944,1946,1949],{"class":146,"line":608},[144,1940,1941],{"class":158},"      :get-line-width",[144,1943,165],{"class":150},[144,1945,168],{"class":150},[144,1947,1948],{"class":171},"1",[144,1950,576],{"class":150},[144,1952,1953,1955,1957,1959,1961],{"class":146,"line":623},[144,1954,671],{"class":158},[144,1956,165],{"class":150},[144,1958,168],{"class":150},[144,1960,678],{"class":171},[144,1962,576],{"class":150},[144,1964,1965,1968,1970,1972,1974],{"class":146,"line":638},[144,1966,1967],{"class":158},"      :stroked",[144,1969,165],{"class":150},[144,1971,168],{"class":150},[144,1973,678],{"class":171},[144,1975,576],{"class":150},[144,1977,1978,1981,1983,1985,1987],{"class":146,"line":653},[144,1979,1980],{"class":158},"      :filled",[144,1982,165],{"class":150},[144,1984,168],{"class":150},[144,1986,678],{"class":171},[144,1988,576],{"class":150},[144,1990,1991],{"class":146,"line":668},[144,1992,701],{"class":150},[144,1994,1995,1997,1999],{"class":146,"line":683},[144,1996,707],{"class":150},[144,1998,28],{"class":154},[144,2000,177],{"class":150},[144,2002,2003,2005,2007],{"class":146,"line":698},[144,2004,498],{"class":150},[144,2006,515],{"class":154},[144,2008,177],{"class":150},[118,2010,2012],{"id":2011},"iconlayer","IconLayer",[99,2014,2015],{},[103,2016,129],{"href":2017,"rel":2018,"target":110},"https:\u002F\u002Fmapcn-vue.geoql.in\u002Fexamples\u002Fdeckgl-icon",[128],[99,2020,2021],{},"Place custom icons at geographic positions.",[134,2023,2025],{"className":136,"code":2024,"language":138,"meta":139,"style":139},"\u003Cscript setup lang=\"ts\">\n  import { VMap } from '@geoql\u002Fv-maplibre';\n  import { VLayerDeckglIcon } 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: 12,\n  };\n\n  const markers = [\n    { coordinates: [-122.4194, 37.7749], icon: 'marker' },\n    { coordinates: [-122.4089, 37.7855], icon: 'marker' },\n  ];\n\n  const iconAtlas = 'https:\u002F\u002Fraw.githubusercontent.com\u002Fvisgl\u002Fdeck.gl-data\u002Fmaster\u002Fwebsite\u002Ficon-atlas.png';\n  const iconMapping = {\n    marker: { x: 0, y: 0, width: 128, height: 128, anchorY: 128 },\n  };\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CVMap :options=\"mapOptions\" style=\"height: 500px\">\n    \u003CVLayerDeckglIcon\n      id=\"icons\"\n      :data=\"markers\"\n      :get-position=\"(d) => d.coordinates\"\n      :get-icon=\"(d) => d.icon\"\n      :icon-atlas=\"iconAtlas\"\n      :icon-mapping=\"iconMapping\"\n      :get-size=\"40\"\n      :pickable=\"true\"\n    \u002F>\n  \u003C\u002FVMap>\n\u003C\u002Ftemplate>\n",[141,2026,2027,2047,2067,2088,2092,2102,2116,2136,2146,2150,2154,2165,2201,2235,2241,2245,2263,2274,2330,2334,2342,2346,2354,2382,2389,2402,2415,2427,2441,2455,2469,2483,2495,2499,2507],{"__ignoreMap":139},[144,2028,2029,2031,2033,2035,2037,2039,2041,2043,2045],{"class":146,"line":147},[144,2030,151],{"class":150},[144,2032,155],{"class":154},[144,2034,159],{"class":158},[144,2036,162],{"class":158},[144,2038,165],{"class":150},[144,2040,168],{"class":150},[144,2042,172],{"class":171},[144,2044,168],{"class":150},[144,2046,177],{"class":150},[144,2048,2049,2051,2053,2055,2057,2059,2061,2063,2065],{"class":146,"line":180},[144,2050,184],{"class":183},[144,2052,187],{"class":150},[144,2054,191],{"class":190},[144,2056,194],{"class":150},[144,2058,197],{"class":183},[144,2060,200],{"class":150},[144,2062,203],{"class":171},[144,2064,206],{"class":150},[144,2066,209],{"class":150},[144,2068,2069,2071,2073,2076,2078,2080,2082,2084,2086],{"class":146,"line":212},[144,2070,184],{"class":183},[144,2072,187],{"class":150},[144,2074,2075],{"class":190}," VLayerDeckglIcon",[144,2077,194],{"class":150},[144,2079,197],{"class":183},[144,2081,200],{"class":150},[144,2083,228],{"class":171},[144,2085,206],{"class":150},[144,2087,209],{"class":150},[144,2089,2090],{"class":146,"line":235},[144,2091,239],{"emptyLinePlaceholder":238},[144,2093,2094,2096,2098,2100],{"class":146,"line":242},[144,2095,245],{"class":158},[144,2097,248],{"class":190},[144,2099,165],{"class":150},[144,2101,253],{"class":150},[144,2103,2104,2106,2108,2110,2112,2114],{"class":146,"line":256},[144,2105,259],{"class":154},[144,2107,262],{"class":150},[144,2109,200],{"class":150},[144,2111,1325],{"class":171},[144,2113,206],{"class":150},[144,2115,272],{"class":150},[144,2117,2118,2120,2122,2124,2126,2128,2130,2132,2134],{"class":146,"line":275},[144,2119,278],{"class":154},[144,2121,262],{"class":150},[144,2123,283],{"class":190},[144,2125,286],{"class":150},[144,2127,290],{"class":289},[144,2129,293],{"class":150},[144,2131,296],{"class":289},[144,2133,299],{"class":190},[144,2135,272],{"class":150},[144,2137,2138,2140,2142,2144],{"class":146,"line":304},[144,2139,307],{"class":154},[144,2141,262],{"class":150},[144,2143,1358],{"class":289},[144,2145,272],{"class":150},[144,2147,2148],{"class":146,"line":317},[144,2149,320],{"class":150},[144,2151,2152],{"class":146,"line":323},[144,2153,239],{"emptyLinePlaceholder":238},[144,2155,2156,2158,2161,2163],{"class":146,"line":328},[144,2157,245],{"class":158},[144,2159,2160],{"class":190}," markers ",[144,2162,165],{"class":150},[144,2164,338],{"class":190},[144,2166,2167,2169,2171,2173,2175,2177,2179,2181,2183,2185,2187,2190,2192,2194,2197,2199],{"class":146,"line":341},[144,2168,344],{"class":150},[144,2170,361],{"class":154},[144,2172,262],{"class":150},[144,2174,283],{"class":190},[144,2176,286],{"class":150},[144,2178,370],{"class":289},[144,2180,293],{"class":150},[144,2182,375],{"class":289},[144,2184,299],{"class":190},[144,2186,293],{"class":150},[144,2188,2189],{"class":154}," icon",[144,2191,262],{"class":150},[144,2193,200],{"class":150},[144,2195,2196],{"class":171},"marker",[144,2198,206],{"class":150},[144,2200,390],{"class":150},[144,2202,2203,2205,2207,2209,2211,2213,2215,2217,2219,2221,2223,2225,2227,2229,2231,2233],{"class":146,"line":393},[144,2204,344],{"class":150},[144,2206,361],{"class":154},[144,2208,262],{"class":150},[144,2210,283],{"class":190},[144,2212,286],{"class":150},[144,2214,1419],{"class":289},[144,2216,293],{"class":150},[144,2218,1424],{"class":289},[144,2220,299],{"class":190},[144,2222,293],{"class":150},[144,2224,2189],{"class":154},[144,2226,262],{"class":150},[144,2228,200],{"class":150},[144,2230,2196],{"class":171},[144,2232,206],{"class":150},[144,2234,390],{"class":150},[144,2236,2237,2239],{"class":146,"line":440},[144,2238,490],{"class":190},[144,2240,209],{"class":150},[144,2242,2243],{"class":146,"line":487},[144,2244,239],{"emptyLinePlaceholder":238},[144,2246,2247,2249,2252,2254,2256,2259,2261],{"class":146,"line":495},[144,2248,245],{"class":158},[144,2250,2251],{"class":190}," iconAtlas ",[144,2253,165],{"class":150},[144,2255,200],{"class":150},[144,2257,2258],{"class":171},"https:\u002F\u002Fraw.githubusercontent.com\u002Fvisgl\u002Fdeck.gl-data\u002Fmaster\u002Fwebsite\u002Ficon-atlas.png",[144,2260,206],{"class":150},[144,2262,209],{"class":150},[144,2264,2265,2267,2270,2272],{"class":146,"line":505},[144,2266,245],{"class":158},[144,2268,2269],{"class":190}," iconMapping ",[144,2271,165],{"class":150},[144,2273,253],{"class":150},[144,2275,2276,2279,2281,2283,2286,2288,2291,2293,2296,2298,2300,2302,2305,2307,2310,2312,2315,2317,2319,2321,2324,2326,2328],{"class":146,"line":510},[144,2277,2278],{"class":154},"    marker",[144,2280,262],{"class":150},[144,2282,187],{"class":150},[144,2284,2285],{"class":154}," x",[144,2287,262],{"class":150},[144,2289,2290],{"class":289}," 0",[144,2292,293],{"class":150},[144,2294,2295],{"class":154}," y",[144,2297,262],{"class":150},[144,2299,2290],{"class":289},[144,2301,293],{"class":150},[144,2303,2304],{"class":154}," width",[144,2306,262],{"class":150},[144,2308,2309],{"class":289}," 128",[144,2311,293],{"class":150},[144,2313,2314],{"class":154}," height",[144,2316,262],{"class":150},[144,2318,2309],{"class":289},[144,2320,293],{"class":150},[144,2322,2323],{"class":154}," anchorY",[144,2325,262],{"class":150},[144,2327,2309],{"class":289},[144,2329,390],{"class":150},[144,2331,2332],{"class":146,"line":520},[144,2333,320],{"class":150},[144,2335,2336,2338,2340],{"class":146,"line":554},[144,2337,498],{"class":150},[144,2339,155],{"class":154},[144,2341,177],{"class":150},[144,2343,2344],{"class":146,"line":563},[144,2345,239],{"emptyLinePlaceholder":238},[144,2347,2348,2350,2352],{"class":146,"line":579},[144,2349,151],{"class":150},[144,2351,515],{"class":154},[144,2353,177],{"class":150},[144,2355,2356,2358,2360,2362,2364,2366,2368,2370,2372,2374,2376,2378,2380],{"class":146,"line":593},[144,2357,523],{"class":150},[144,2359,28],{"class":154},[144,2361,528],{"class":158},[144,2363,165],{"class":150},[144,2365,168],{"class":150},[144,2367,535],{"class":171},[144,2369,168],{"class":150},[144,2371,540],{"class":158},[144,2373,165],{"class":150},[144,2375,168],{"class":150},[144,2377,547],{"class":171},[144,2379,168],{"class":150},[144,2381,177],{"class":150},[144,2383,2384,2386],{"class":146,"line":608},[144,2385,557],{"class":150},[144,2387,2388],{"class":154},"VLayerDeckglIcon\n",[144,2390,2391,2393,2395,2397,2400],{"class":146,"line":623},[144,2392,566],{"class":158},[144,2394,165],{"class":150},[144,2396,168],{"class":150},[144,2398,2399],{"class":171},"icons",[144,2401,576],{"class":150},[144,2403,2404,2406,2408,2410,2413],{"class":146,"line":638},[144,2405,582],{"class":158},[144,2407,165],{"class":150},[144,2409,168],{"class":150},[144,2411,2412],{"class":171},"markers",[144,2414,576],{"class":150},[144,2416,2417,2419,2421,2423,2425],{"class":146,"line":653},[144,2418,596],{"class":158},[144,2420,165],{"class":150},[144,2422,168],{"class":150},[144,2424,603],{"class":171},[144,2426,576],{"class":150},[144,2428,2429,2432,2434,2436,2439],{"class":146,"line":668},[144,2430,2431],{"class":158},"      :get-icon",[144,2433,165],{"class":150},[144,2435,168],{"class":150},[144,2437,2438],{"class":171},"(d) => d.icon",[144,2440,576],{"class":150},[144,2442,2443,2446,2448,2450,2453],{"class":146,"line":683},[144,2444,2445],{"class":158},"      :icon-atlas",[144,2447,165],{"class":150},[144,2449,168],{"class":150},[144,2451,2452],{"class":171},"iconAtlas",[144,2454,576],{"class":150},[144,2456,2457,2460,2462,2464,2467],{"class":146,"line":698},[144,2458,2459],{"class":158},"      :icon-mapping",[144,2461,165],{"class":150},[144,2463,168],{"class":150},[144,2465,2466],{"class":171},"iconMapping",[144,2468,576],{"class":150},[144,2470,2471,2474,2476,2478,2481],{"class":146,"line":704},[144,2472,2473],{"class":158},"      :get-size",[144,2475,165],{"class":150},[144,2477,168],{"class":150},[144,2479,2480],{"class":171},"40",[144,2482,576],{"class":150},[144,2484,2485,2487,2489,2491,2493],{"class":146,"line":714},[144,2486,671],{"class":158},[144,2488,165],{"class":150},[144,2490,168],{"class":150},[144,2492,678],{"class":171},[144,2494,576],{"class":150},[144,2496,2497],{"class":146,"line":1629},[144,2498,701],{"class":150},[144,2500,2501,2503,2505],{"class":146,"line":1634},[144,2502,707],{"class":150},[144,2504,28],{"class":154},[144,2506,177],{"class":150},[144,2508,2509,2511,2513],{"class":146,"line":1643},[144,2510,498],{"class":150},[144,2512,515],{"class":154},[144,2514,177],{"class":150},[118,2516,2518],{"id":2517},"textlayer","TextLayer",[99,2520,2521],{},[103,2522,129],{"href":2523,"rel":2524,"target":110},"https:\u002F\u002Fmapcn-vue.geoql.in\u002Fexamples\u002Fdeckgl-text",[128],[99,2526,2527],{},"Add text labels to your map.",[134,2529,2531],{"className":136,"code":2530,"language":138,"meta":139,"style":139},"\u003Cscript setup lang=\"ts\">\n  import { VMap } from '@geoql\u002Fv-maplibre';\n  import { VLayerDeckglText } 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  };\n\n  const labels = [\n    { coordinates: [-122.4194, 37.7749], text: 'San Francisco' },\n    { coordinates: [-122.2711, 37.8044], text: 'Oakland' },\n  ];\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CVMap :options=\"mapOptions\" style=\"height: 500px\">\n    \u003CVLayerDeckglText\n      id=\"labels\"\n      :data=\"labels\"\n      :get-position=\"(d) => d.coordinates\"\n      :get-text=\"(d) => d.text\"\n      :get-size=\"16\"\n      :get-color=\"[255, 255, 255]\"\n      :get-text-anchor=\"'middle'\"\n      :get-alignment-baseline=\"'center'\"\n      font-family=\"Arial\"\n      :pickable=\"true\"\n    \u002F>\n  \u003C\u002FVMap>\n\u003C\u002Ftemplate>\n",[141,2532,2533,2553,2573,2594,2598,2608,2622,2642,2652,2656,2660,2671,2706,2740,2746,2754,2758,2766,2794,2801,2814,2826,2838,2852,2865,2877,2891,2905,2919,2931,2935,2943],{"__ignoreMap":139},[144,2534,2535,2537,2539,2541,2543,2545,2547,2549,2551],{"class":146,"line":147},[144,2536,151],{"class":150},[144,2538,155],{"class":154},[144,2540,159],{"class":158},[144,2542,162],{"class":158},[144,2544,165],{"class":150},[144,2546,168],{"class":150},[144,2548,172],{"class":171},[144,2550,168],{"class":150},[144,2552,177],{"class":150},[144,2554,2555,2557,2559,2561,2563,2565,2567,2569,2571],{"class":146,"line":180},[144,2556,184],{"class":183},[144,2558,187],{"class":150},[144,2560,191],{"class":190},[144,2562,194],{"class":150},[144,2564,197],{"class":183},[144,2566,200],{"class":150},[144,2568,203],{"class":171},[144,2570,206],{"class":150},[144,2572,209],{"class":150},[144,2574,2575,2577,2579,2582,2584,2586,2588,2590,2592],{"class":146,"line":212},[144,2576,184],{"class":183},[144,2578,187],{"class":150},[144,2580,2581],{"class":190}," VLayerDeckglText",[144,2583,194],{"class":150},[144,2585,197],{"class":183},[144,2587,200],{"class":150},[144,2589,228],{"class":171},[144,2591,206],{"class":150},[144,2593,209],{"class":150},[144,2595,2596],{"class":146,"line":235},[144,2597,239],{"emptyLinePlaceholder":238},[144,2599,2600,2602,2604,2606],{"class":146,"line":242},[144,2601,245],{"class":158},[144,2603,248],{"class":190},[144,2605,165],{"class":150},[144,2607,253],{"class":150},[144,2609,2610,2612,2614,2616,2618,2620],{"class":146,"line":256},[144,2611,259],{"class":154},[144,2613,262],{"class":150},[144,2615,200],{"class":150},[144,2617,267],{"class":171},[144,2619,206],{"class":150},[144,2621,272],{"class":150},[144,2623,2624,2626,2628,2630,2632,2634,2636,2638,2640],{"class":146,"line":275},[144,2625,278],{"class":154},[144,2627,262],{"class":150},[144,2629,283],{"class":190},[144,2631,286],{"class":150},[144,2633,290],{"class":289},[144,2635,293],{"class":150},[144,2637,296],{"class":289},[144,2639,299],{"class":190},[144,2641,272],{"class":150},[144,2643,2644,2646,2648,2650],{"class":146,"line":304},[144,2645,307],{"class":154},[144,2647,262],{"class":150},[144,2649,312],{"class":289},[144,2651,272],{"class":150},[144,2653,2654],{"class":146,"line":317},[144,2655,320],{"class":150},[144,2657,2658],{"class":146,"line":323},[144,2659,239],{"emptyLinePlaceholder":238},[144,2661,2662,2664,2667,2669],{"class":146,"line":328},[144,2663,245],{"class":158},[144,2665,2666],{"class":190}," labels ",[144,2668,165],{"class":150},[144,2670,338],{"class":190},[144,2672,2673,2675,2677,2679,2681,2683,2685,2687,2689,2691,2693,2696,2698,2700,2702,2704],{"class":146,"line":341},[144,2674,344],{"class":150},[144,2676,361],{"class":154},[144,2678,262],{"class":150},[144,2680,283],{"class":190},[144,2682,286],{"class":150},[144,2684,370],{"class":289},[144,2686,293],{"class":150},[144,2688,375],{"class":289},[144,2690,299],{"class":190},[144,2692,293],{"class":150},[144,2694,2695],{"class":154}," text",[144,2697,262],{"class":150},[144,2699,200],{"class":150},[144,2701,354],{"class":171},[144,2703,206],{"class":150},[144,2705,390],{"class":150},[144,2707,2708,2710,2712,2714,2716,2718,2720,2722,2724,2726,2728,2730,2732,2734,2736,2738],{"class":146,"line":393},[144,2709,344],{"class":150},[144,2711,361],{"class":154},[144,2713,262],{"class":150},[144,2715,283],{"class":190},[144,2717,286],{"class":150},[144,2719,419],{"class":289},[144,2721,293],{"class":150},[144,2723,424],{"class":289},[144,2725,299],{"class":190},[144,2727,293],{"class":150},[144,2729,2695],{"class":154},[144,2731,262],{"class":150},[144,2733,200],{"class":150},[144,2735,404],{"class":171},[144,2737,206],{"class":150},[144,2739,390],{"class":150},[144,2741,2742,2744],{"class":146,"line":440},[144,2743,490],{"class":190},[144,2745,209],{"class":150},[144,2747,2748,2750,2752],{"class":146,"line":487},[144,2749,498],{"class":150},[144,2751,155],{"class":154},[144,2753,177],{"class":150},[144,2755,2756],{"class":146,"line":495},[144,2757,239],{"emptyLinePlaceholder":238},[144,2759,2760,2762,2764],{"class":146,"line":505},[144,2761,151],{"class":150},[144,2763,515],{"class":154},[144,2765,177],{"class":150},[144,2767,2768,2770,2772,2774,2776,2778,2780,2782,2784,2786,2788,2790,2792],{"class":146,"line":510},[144,2769,523],{"class":150},[144,2771,28],{"class":154},[144,2773,528],{"class":158},[144,2775,165],{"class":150},[144,2777,168],{"class":150},[144,2779,535],{"class":171},[144,2781,168],{"class":150},[144,2783,540],{"class":158},[144,2785,165],{"class":150},[144,2787,168],{"class":150},[144,2789,547],{"class":171},[144,2791,168],{"class":150},[144,2793,177],{"class":150},[144,2795,2796,2798],{"class":146,"line":520},[144,2797,557],{"class":150},[144,2799,2800],{"class":154},"VLayerDeckglText\n",[144,2802,2803,2805,2807,2809,2812],{"class":146,"line":554},[144,2804,566],{"class":158},[144,2806,165],{"class":150},[144,2808,168],{"class":150},[144,2810,2811],{"class":171},"labels",[144,2813,576],{"class":150},[144,2815,2816,2818,2820,2822,2824],{"class":146,"line":563},[144,2817,582],{"class":158},[144,2819,165],{"class":150},[144,2821,168],{"class":150},[144,2823,2811],{"class":171},[144,2825,576],{"class":150},[144,2827,2828,2830,2832,2834,2836],{"class":146,"line":579},[144,2829,596],{"class":158},[144,2831,165],{"class":150},[144,2833,168],{"class":150},[144,2835,603],{"class":171},[144,2837,576],{"class":150},[144,2839,2840,2843,2845,2847,2850],{"class":146,"line":593},[144,2841,2842],{"class":158},"      :get-text",[144,2844,165],{"class":150},[144,2846,168],{"class":150},[144,2848,2849],{"class":171},"(d) => d.text",[144,2851,576],{"class":150},[144,2853,2854,2856,2858,2860,2863],{"class":146,"line":608},[144,2855,2473],{"class":158},[144,2857,165],{"class":150},[144,2859,168],{"class":150},[144,2861,2862],{"class":171},"16",[144,2864,576],{"class":150},[144,2866,2867,2869,2871,2873,2875],{"class":146,"line":623},[144,2868,1579],{"class":158},[144,2870,165],{"class":150},[144,2872,168],{"class":150},[144,2874,1934],{"class":171},[144,2876,576],{"class":150},[144,2878,2879,2882,2884,2886,2889],{"class":146,"line":638},[144,2880,2881],{"class":158},"      :get-text-anchor",[144,2883,165],{"class":150},[144,2885,168],{"class":150},[144,2887,2888],{"class":171},"'middle'",[144,2890,576],{"class":150},[144,2892,2893,2896,2898,2900,2903],{"class":146,"line":653},[144,2894,2895],{"class":158},"      :get-alignment-baseline",[144,2897,165],{"class":150},[144,2899,168],{"class":150},[144,2901,2902],{"class":171},"'center'",[144,2904,576],{"class":150},[144,2906,2907,2910,2912,2914,2917],{"class":146,"line":668},[144,2908,2909],{"class":158},"      font-family",[144,2911,165],{"class":150},[144,2913,168],{"class":150},[144,2915,2916],{"class":171},"Arial",[144,2918,576],{"class":150},[144,2920,2921,2923,2925,2927,2929],{"class":146,"line":683},[144,2922,671],{"class":158},[144,2924,165],{"class":150},[144,2926,168],{"class":150},[144,2928,678],{"class":171},[144,2930,576],{"class":150},[144,2932,2933],{"class":146,"line":698},[144,2934,701],{"class":150},[144,2936,2937,2939,2941],{"class":146,"line":704},[144,2938,707],{"class":150},[144,2940,28],{"class":154},[144,2942,177],{"class":150},[144,2944,2945,2947,2949],{"class":146,"line":714},[144,2946,498],{"class":150},[144,2948,515],{"class":154},[144,2950,177],{"class":150},[118,2952,2954],{"id":2953},"columnlayer","ColumnLayer",[99,2956,2957],{},[103,2958,129],{"href":2959,"rel":2960,"target":110},"https:\u002F\u002Fmapcn-vue.geoql.in\u002Fexamples\u002Fdeckgl-column",[128],[99,2962,2963],{},"Render 3D columns for data visualization.",[134,2965,2967],{"className":136,"code":2966,"language":138,"meta":139,"style":139},"\u003Cscript setup lang=\"ts\">\n  import { VMap } from '@geoql\u002Fv-maplibre';\n  import { VLayerDeckglColumn } 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 data = [\n    { coordinates: [-122.4194, 37.7749], value: 1000 },\n    { coordinates: [-122.4089, 37.7855], value: 500 },\n    { coordinates: [-122.3994, 37.7920], value: 800 },\n  ];\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CVMap :options=\"mapOptions\" style=\"height: 500px\">\n    \u003CVLayerDeckglColumn\n      id=\"columns\"\n      :data=\"data\"\n      :get-position=\"(d) => d.coordinates\"\n      :get-elevation=\"(d) => d.value\"\n      :get-fill-color=\"(d) => [255, d.value \u002F 4, 0]\"\n      :radius=\"100\"\n      :elevation-scale=\"1\"\n      :extruded=\"true\"\n      :pickable=\"true\"\n    \u002F>\n  \u003C\u002FVMap>\n\u003C\u002Ftemplate>\n",[141,2968,2969,2989,3009,3030,3034,3044,3058,3078,3088,3100,3104,3108,3119,3151,3181,3211,3217,3225,3229,3237,3265,3272,3285,3298,3310,3324,3337,3350,3363,3376,3388,3392,3400],{"__ignoreMap":139},[144,2970,2971,2973,2975,2977,2979,2981,2983,2985,2987],{"class":146,"line":147},[144,2972,151],{"class":150},[144,2974,155],{"class":154},[144,2976,159],{"class":158},[144,2978,162],{"class":158},[144,2980,165],{"class":150},[144,2982,168],{"class":150},[144,2984,172],{"class":171},[144,2986,168],{"class":150},[144,2988,177],{"class":150},[144,2990,2991,2993,2995,2997,2999,3001,3003,3005,3007],{"class":146,"line":180},[144,2992,184],{"class":183},[144,2994,187],{"class":150},[144,2996,191],{"class":190},[144,2998,194],{"class":150},[144,3000,197],{"class":183},[144,3002,200],{"class":150},[144,3004,203],{"class":171},[144,3006,206],{"class":150},[144,3008,209],{"class":150},[144,3010,3011,3013,3015,3018,3020,3022,3024,3026,3028],{"class":146,"line":212},[144,3012,184],{"class":183},[144,3014,187],{"class":150},[144,3016,3017],{"class":190}," VLayerDeckglColumn",[144,3019,194],{"class":150},[144,3021,197],{"class":183},[144,3023,200],{"class":150},[144,3025,228],{"class":171},[144,3027,206],{"class":150},[144,3029,209],{"class":150},[144,3031,3032],{"class":146,"line":235},[144,3033,239],{"emptyLinePlaceholder":238},[144,3035,3036,3038,3040,3042],{"class":146,"line":242},[144,3037,245],{"class":158},[144,3039,248],{"class":190},[144,3041,165],{"class":150},[144,3043,253],{"class":150},[144,3045,3046,3048,3050,3052,3054,3056],{"class":146,"line":256},[144,3047,259],{"class":154},[144,3049,262],{"class":150},[144,3051,200],{"class":150},[144,3053,267],{"class":171},[144,3055,206],{"class":150},[144,3057,272],{"class":150},[144,3059,3060,3062,3064,3066,3068,3070,3072,3074,3076],{"class":146,"line":275},[144,3061,278],{"class":154},[144,3063,262],{"class":150},[144,3065,283],{"class":190},[144,3067,286],{"class":150},[144,3069,290],{"class":289},[144,3071,293],{"class":150},[144,3073,296],{"class":289},[144,3075,299],{"class":190},[144,3077,272],{"class":150},[144,3079,3080,3082,3084,3086],{"class":146,"line":304},[144,3081,307],{"class":154},[144,3083,262],{"class":150},[144,3085,312],{"class":289},[144,3087,272],{"class":150},[144,3089,3090,3093,3095,3098],{"class":146,"line":317},[144,3091,3092],{"class":154},"    pitch",[144,3094,262],{"class":150},[144,3096,3097],{"class":289}," 45",[144,3099,272],{"class":150},[144,3101,3102],{"class":146,"line":323},[144,3103,320],{"class":150},[144,3105,3106],{"class":146,"line":328},[144,3107,239],{"emptyLinePlaceholder":238},[144,3109,3110,3112,3115,3117],{"class":146,"line":341},[144,3111,245],{"class":158},[144,3113,3114],{"class":190}," data ",[144,3116,165],{"class":150},[144,3118,338],{"class":190},[144,3120,3121,3123,3125,3127,3129,3131,3133,3135,3137,3139,3141,3144,3146,3149],{"class":146,"line":393},[144,3122,344],{"class":150},[144,3124,361],{"class":154},[144,3126,262],{"class":150},[144,3128,283],{"class":190},[144,3130,286],{"class":150},[144,3132,370],{"class":289},[144,3134,293],{"class":150},[144,3136,375],{"class":289},[144,3138,299],{"class":190},[144,3140,293],{"class":150},[144,3142,3143],{"class":154}," value",[144,3145,262],{"class":150},[144,3147,3148],{"class":289}," 1000",[144,3150,390],{"class":150},[144,3152,3153,3155,3157,3159,3161,3163,3165,3167,3169,3171,3173,3175,3177,3179],{"class":146,"line":440},[144,3154,344],{"class":150},[144,3156,361],{"class":154},[144,3158,262],{"class":150},[144,3160,283],{"class":190},[144,3162,286],{"class":150},[144,3164,1419],{"class":289},[144,3166,293],{"class":150},[144,3168,1424],{"class":289},[144,3170,299],{"class":190},[144,3172,293],{"class":150},[144,3174,3143],{"class":154},[144,3176,262],{"class":150},[144,3178,929],{"class":289},[144,3180,390],{"class":150},[144,3182,3183,3185,3187,3189,3191,3193,3195,3197,3199,3201,3203,3205,3207,3209],{"class":146,"line":487},[144,3184,344],{"class":150},[144,3186,361],{"class":154},[144,3188,262],{"class":150},[144,3190,283],{"class":190},[144,3192,286],{"class":150},[144,3194,1437],{"class":289},[144,3196,293],{"class":150},[144,3198,1442],{"class":289},[144,3200,299],{"class":190},[144,3202,293],{"class":150},[144,3204,3143],{"class":154},[144,3206,262],{"class":150},[144,3208,1031],{"class":289},[144,3210,390],{"class":150},[144,3212,3213,3215],{"class":146,"line":495},[144,3214,490],{"class":190},[144,3216,209],{"class":150},[144,3218,3219,3221,3223],{"class":146,"line":505},[144,3220,498],{"class":150},[144,3222,155],{"class":154},[144,3224,177],{"class":150},[144,3226,3227],{"class":146,"line":510},[144,3228,239],{"emptyLinePlaceholder":238},[144,3230,3231,3233,3235],{"class":146,"line":520},[144,3232,151],{"class":150},[144,3234,515],{"class":154},[144,3236,177],{"class":150},[144,3238,3239,3241,3243,3245,3247,3249,3251,3253,3255,3257,3259,3261,3263],{"class":146,"line":554},[144,3240,523],{"class":150},[144,3242,28],{"class":154},[144,3244,528],{"class":158},[144,3246,165],{"class":150},[144,3248,168],{"class":150},[144,3250,535],{"class":171},[144,3252,168],{"class":150},[144,3254,540],{"class":158},[144,3256,165],{"class":150},[144,3258,168],{"class":150},[144,3260,547],{"class":171},[144,3262,168],{"class":150},[144,3264,177],{"class":150},[144,3266,3267,3269],{"class":146,"line":563},[144,3268,557],{"class":150},[144,3270,3271],{"class":154},"VLayerDeckglColumn\n",[144,3273,3274,3276,3278,3280,3283],{"class":146,"line":579},[144,3275,566],{"class":158},[144,3277,165],{"class":150},[144,3279,168],{"class":150},[144,3281,3282],{"class":171},"columns",[144,3284,576],{"class":150},[144,3286,3287,3289,3291,3293,3296],{"class":146,"line":593},[144,3288,582],{"class":158},[144,3290,165],{"class":150},[144,3292,168],{"class":150},[144,3294,3295],{"class":171},"data",[144,3297,576],{"class":150},[144,3299,3300,3302,3304,3306,3308],{"class":146,"line":608},[144,3301,596],{"class":158},[144,3303,165],{"class":150},[144,3305,168],{"class":150},[144,3307,603],{"class":171},[144,3309,576],{"class":150},[144,3311,3312,3315,3317,3319,3322],{"class":146,"line":623},[144,3313,3314],{"class":158},"      :get-elevation",[144,3316,165],{"class":150},[144,3318,168],{"class":150},[144,3320,3321],{"class":171},"(d) => d.value",[144,3323,576],{"class":150},[144,3325,3326,3328,3330,3332,3335],{"class":146,"line":638},[144,3327,626],{"class":158},[144,3329,165],{"class":150},[144,3331,168],{"class":150},[144,3333,3334],{"class":171},"(d) => [255, d.value \u002F 4, 0]",[144,3336,576],{"class":150},[144,3338,3339,3342,3344,3346,3348],{"class":146,"line":653},[144,3340,3341],{"class":158},"      :radius",[144,3343,165],{"class":150},[144,3345,168],{"class":150},[144,3347,663],{"class":171},[144,3349,576],{"class":150},[144,3351,3352,3355,3357,3359,3361],{"class":146,"line":668},[144,3353,3354],{"class":158},"      :elevation-scale",[144,3356,165],{"class":150},[144,3358,168],{"class":150},[144,3360,1948],{"class":171},[144,3362,576],{"class":150},[144,3364,3365,3368,3370,3372,3374],{"class":146,"line":683},[144,3366,3367],{"class":158},"      :extruded",[144,3369,165],{"class":150},[144,3371,168],{"class":150},[144,3373,678],{"class":171},[144,3375,576],{"class":150},[144,3377,3378,3380,3382,3384,3386],{"class":146,"line":698},[144,3379,671],{"class":158},[144,3381,165],{"class":150},[144,3383,168],{"class":150},[144,3385,678],{"class":171},[144,3387,576],{"class":150},[144,3389,3390],{"class":146,"line":704},[144,3391,701],{"class":150},[144,3393,3394,3396,3398],{"class":146,"line":714},[144,3395,707],{"class":150},[144,3397,28],{"class":154},[144,3399,177],{"class":150},[144,3401,3402,3404,3406],{"class":146,"line":1629},[144,3403,498],{"class":150},[144,3405,515],{"class":154},[144,3407,177],{"class":150},[118,3409,3411],{"id":3410},"polygonlayer","PolygonLayer",[99,3413,3414],{},[103,3415,129],{"href":3416,"rel":3417,"target":110},"https:\u002F\u002Fmapcn-vue.geoql.in\u002Fexamples\u002Fdeckgl-polygon",[128],[99,3419,3420],{},"Render filled and stroked polygons.",[134,3422,3424],{"className":136,"code":3423,"language":138,"meta":139,"style":139},"\u003Cscript setup lang=\"ts\">\n  import { VMap } from '@geoql\u002Fv-maplibre';\n  import { VLayerDeckglPolygon } 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  };\n\n  const polygons = [\n    {\n      contour: [\n        [-122.45, 37.78],\n        [-122.40, 37.78],\n        [-122.40, 37.82],\n        [-122.45, 37.82],\n      ],\n      name: 'Zone A',\n    },\n  ];\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CVMap :options=\"mapOptions\" style=\"height: 500px\">\n    \u003CVLayerDeckglPolygon\n      id=\"zones\"\n      :data=\"polygons\"\n      :get-polygon=\"(d) => d.contour\"\n      :get-fill-color=\"[255, 0, 0, 100]\"\n      :get-line-color=\"[255, 0, 0]\"\n      :get-line-width=\"2\"\n      :filled=\"true\"\n      :stroked=\"true\"\n      :pickable=\"true\"\n    \u002F>\n  \u003C\u002FVMap>\n\u003C\u002Ftemplate>\n",[141,3425,3426,3446,3466,3487,3491,3501,3515,3535,3545,3549,3553,3564,3568,3577,3595,3612,3629,3645,3651,3666,3670,3676,3684,3688,3696,3724,3731,3744,3757,3771,3784,3797,3809,3821,3833,3845,3850,3859],{"__ignoreMap":139},[144,3427,3428,3430,3432,3434,3436,3438,3440,3442,3444],{"class":146,"line":147},[144,3429,151],{"class":150},[144,3431,155],{"class":154},[144,3433,159],{"class":158},[144,3435,162],{"class":158},[144,3437,165],{"class":150},[144,3439,168],{"class":150},[144,3441,172],{"class":171},[144,3443,168],{"class":150},[144,3445,177],{"class":150},[144,3447,3448,3450,3452,3454,3456,3458,3460,3462,3464],{"class":146,"line":180},[144,3449,184],{"class":183},[144,3451,187],{"class":150},[144,3453,191],{"class":190},[144,3455,194],{"class":150},[144,3457,197],{"class":183},[144,3459,200],{"class":150},[144,3461,203],{"class":171},[144,3463,206],{"class":150},[144,3465,209],{"class":150},[144,3467,3468,3470,3472,3475,3477,3479,3481,3483,3485],{"class":146,"line":212},[144,3469,184],{"class":183},[144,3471,187],{"class":150},[144,3473,3474],{"class":190}," VLayerDeckglPolygon",[144,3476,194],{"class":150},[144,3478,197],{"class":183},[144,3480,200],{"class":150},[144,3482,228],{"class":171},[144,3484,206],{"class":150},[144,3486,209],{"class":150},[144,3488,3489],{"class":146,"line":235},[144,3490,239],{"emptyLinePlaceholder":238},[144,3492,3493,3495,3497,3499],{"class":146,"line":242},[144,3494,245],{"class":158},[144,3496,248],{"class":190},[144,3498,165],{"class":150},[144,3500,253],{"class":150},[144,3502,3503,3505,3507,3509,3511,3513],{"class":146,"line":256},[144,3504,259],{"class":154},[144,3506,262],{"class":150},[144,3508,200],{"class":150},[144,3510,1325],{"class":171},[144,3512,206],{"class":150},[144,3514,272],{"class":150},[144,3516,3517,3519,3521,3523,3525,3527,3529,3531,3533],{"class":146,"line":275},[144,3518,278],{"class":154},[144,3520,262],{"class":150},[144,3522,283],{"class":190},[144,3524,286],{"class":150},[144,3526,290],{"class":289},[144,3528,293],{"class":150},[144,3530,296],{"class":289},[144,3532,299],{"class":190},[144,3534,272],{"class":150},[144,3536,3537,3539,3541,3543],{"class":146,"line":304},[144,3538,307],{"class":154},[144,3540,262],{"class":150},[144,3542,312],{"class":289},[144,3544,272],{"class":150},[144,3546,3547],{"class":146,"line":317},[144,3548,320],{"class":150},[144,3550,3551],{"class":146,"line":323},[144,3552,239],{"emptyLinePlaceholder":238},[144,3554,3555,3557,3560,3562],{"class":146,"line":328},[144,3556,245],{"class":158},[144,3558,3559],{"class":190}," polygons ",[144,3561,165],{"class":150},[144,3563,338],{"class":190},[144,3565,3566],{"class":146,"line":341},[144,3567,1384],{"class":150},[144,3569,3570,3573,3575],{"class":146,"line":393},[144,3571,3572],{"class":154},"      contour",[144,3574,262],{"class":150},[144,3576,338],{"class":190},[144,3578,3579,3581,3583,3586,3588,3591,3593],{"class":146,"line":440},[144,3580,1398],{"class":190},[144,3582,286],{"class":150},[144,3584,3585],{"class":289},"122.45",[144,3587,293],{"class":150},[144,3589,3590],{"class":289}," 37.78",[144,3592,299],{"class":190},[144,3594,272],{"class":150},[144,3596,3597,3599,3601,3604,3606,3608,3610],{"class":146,"line":487},[144,3598,1398],{"class":190},[144,3600,286],{"class":150},[144,3602,3603],{"class":289},"122.40",[144,3605,293],{"class":150},[144,3607,3590],{"class":289},[144,3609,299],{"class":190},[144,3611,272],{"class":150},[144,3613,3614,3616,3618,3620,3622,3625,3627],{"class":146,"line":495},[144,3615,1398],{"class":190},[144,3617,286],{"class":150},[144,3619,3603],{"class":289},[144,3621,293],{"class":150},[144,3623,3624],{"class":289}," 37.82",[144,3626,299],{"class":190},[144,3628,272],{"class":150},[144,3630,3631,3633,3635,3637,3639,3641,3643],{"class":146,"line":505},[144,3632,1398],{"class":190},[144,3634,286],{"class":150},[144,3636,3585],{"class":289},[144,3638,293],{"class":150},[144,3640,3624],{"class":289},[144,3642,299],{"class":190},[144,3644,272],{"class":150},[144,3646,3647,3649],{"class":146,"line":510},[144,3648,1451],{"class":190},[144,3650,272],{"class":150},[144,3652,3653,3655,3657,3659,3662,3664],{"class":146,"line":520},[144,3654,1458],{"class":154},[144,3656,262],{"class":150},[144,3658,200],{"class":150},[144,3660,3661],{"class":171},"Zone A",[144,3663,206],{"class":150},[144,3665,272],{"class":150},[144,3667,3668],{"class":146,"line":554},[144,3669,1474],{"class":150},[144,3671,3672,3674],{"class":146,"line":563},[144,3673,490],{"class":190},[144,3675,209],{"class":150},[144,3677,3678,3680,3682],{"class":146,"line":579},[144,3679,498],{"class":150},[144,3681,155],{"class":154},[144,3683,177],{"class":150},[144,3685,3686],{"class":146,"line":593},[144,3687,239],{"emptyLinePlaceholder":238},[144,3689,3690,3692,3694],{"class":146,"line":608},[144,3691,151],{"class":150},[144,3693,515],{"class":154},[144,3695,177],{"class":150},[144,3697,3698,3700,3702,3704,3706,3708,3710,3712,3714,3716,3718,3720,3722],{"class":146,"line":623},[144,3699,523],{"class":150},[144,3701,28],{"class":154},[144,3703,528],{"class":158},[144,3705,165],{"class":150},[144,3707,168],{"class":150},[144,3709,535],{"class":171},[144,3711,168],{"class":150},[144,3713,540],{"class":158},[144,3715,165],{"class":150},[144,3717,168],{"class":150},[144,3719,547],{"class":171},[144,3721,168],{"class":150},[144,3723,177],{"class":150},[144,3725,3726,3728],{"class":146,"line":638},[144,3727,557],{"class":150},[144,3729,3730],{"class":154},"VLayerDeckglPolygon\n",[144,3732,3733,3735,3737,3739,3742],{"class":146,"line":653},[144,3734,566],{"class":158},[144,3736,165],{"class":150},[144,3738,168],{"class":150},[144,3740,3741],{"class":171},"zones",[144,3743,576],{"class":150},[144,3745,3746,3748,3750,3752,3755],{"class":146,"line":668},[144,3747,582],{"class":158},[144,3749,165],{"class":150},[144,3751,168],{"class":150},[144,3753,3754],{"class":171},"polygons",[144,3756,576],{"class":150},[144,3758,3759,3762,3764,3766,3769],{"class":146,"line":683},[144,3760,3761],{"class":158},"      :get-polygon",[144,3763,165],{"class":150},[144,3765,168],{"class":150},[144,3767,3768],{"class":171},"(d) => d.contour",[144,3770,576],{"class":150},[144,3772,3773,3775,3777,3779,3782],{"class":146,"line":698},[144,3774,626],{"class":158},[144,3776,165],{"class":150},[144,3778,168],{"class":150},[144,3780,3781],{"class":171},"[255, 0, 0, 100]",[144,3783,576],{"class":150},[144,3785,3786,3788,3790,3792,3795],{"class":146,"line":704},[144,3787,1927],{"class":158},[144,3789,165],{"class":150},[144,3791,168],{"class":150},[144,3793,3794],{"class":171},"[255, 0, 0]",[144,3796,576],{"class":150},[144,3798,3799,3801,3803,3805,3807],{"class":146,"line":714},[144,3800,1941],{"class":158},[144,3802,165],{"class":150},[144,3804,168],{"class":150},[144,3806,1612],{"class":171},[144,3808,576],{"class":150},[144,3810,3811,3813,3815,3817,3819],{"class":146,"line":1629},[144,3812,1980],{"class":158},[144,3814,165],{"class":150},[144,3816,168],{"class":150},[144,3818,678],{"class":171},[144,3820,576],{"class":150},[144,3822,3823,3825,3827,3829,3831],{"class":146,"line":1634},[144,3824,1967],{"class":158},[144,3826,165],{"class":150},[144,3828,168],{"class":150},[144,3830,678],{"class":171},[144,3832,576],{"class":150},[144,3834,3835,3837,3839,3841,3843],{"class":146,"line":1643},[144,3836,671],{"class":158},[144,3838,165],{"class":150},[144,3840,168],{"class":150},[144,3842,678],{"class":171},[144,3844,576],{"class":150},[144,3846,3848],{"class":146,"line":3847},36,[144,3849,701],{"class":150},[144,3851,3853,3855,3857],{"class":146,"line":3852},37,[144,3854,707],{"class":150},[144,3856,28],{"class":154},[144,3858,177],{"class":150},[144,3860,3862,3864,3866],{"class":146,"line":3861},38,[144,3863,498],{"class":150},[144,3865,515],{"class":154},[144,3867,177],{"class":150},[3869,3870,3871],"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 .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":3873},[3874,3875,3876,3877,3878,3879,3880,3881],{"id":120,"depth":180,"text":121},{"id":723,"depth":180,"text":724},{"id":1224,"depth":180,"text":1225},{"id":1652,"depth":180,"text":1653},{"id":2011,"depth":180,"text":2012},{"id":2517,"depth":180,"text":2518},{"id":2953,"depth":180,"text":2954},{"id":3410,"depth":180,"text":3411},"Examples of deck.gl core visualization layers","md",null,{},{"title":45,"description":3882},"ISAOju_N2Rr6_U0P2toMKiprNeIxD-tcQtrqJqGRcek",[3889,3891],{"title":41,"path":42,"stem":43,"description":3890,"children":-1},"High-performance WebGL visualization layers powered by deck.gl",{"title":49,"path":50,"stem":51,"description":3892,"children":-1},"Examples of deck.gl aggregation and heatmap layers",1781101878363]