[{"data":1,"prerenderedAt":2034},["ShallowReactive",2],{"docs-\u002Fdocs\u002Fintroduction":3,"docs-nav":395},{"id":4,"title":5,"body":6,"description":387,"extension":388,"meta":389,"navigation":390,"path":391,"seo":392,"stem":393,"__hash__":394},"docs\u002Fdocs\u002F1.introduction.md","Introduction",{"type":7,"value":8,"toc":371},"minimark",[9,13,31,36,64,125,129,161,165,168,182,194,197,201,206,232,236,250,254,257,283,287,290,320,324,328,331,365,368],[10,11,5],"h1",{"id":12},"introduction",[14,15,16,17,24,25,30],"p",{},"mapcn-vue is a collection of beautifully designed map components that you can copy and paste into your apps. Built on top of ",[18,19,23],"a",{"href":20,"rel":21},"https:\u002F\u002Fgithub.com\u002Fgeoql\u002Fv-maplibre",[22],"nofollow","@geoql\u002Fv-maplibre",", styled with Tailwind CSS, and designed to work seamlessly with ",[18,26,29],{"href":27,"rel":28},"https:\u002F\u002Fshadcn-vue.com",[22],"shadcn-vue",".",[32,33,35],"h2",{"id":34},"by-the-numbers","By the numbers",[14,37,38,39,43,44,48,49,53,54,59,60,63],{},"mapcn-vue surfaces the full ",[18,40,23],{"href":41,"rel":42},"https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@geoql\u002Fv-maplibre",[22]," component catalog (currently ",[45,46,47],"code",{},"v1.9.0",", published 2026-05-17 on ",[18,50,52],{"href":41,"rel":51},[22],"npm"," and ",[18,55,58],{"href":56,"rel":57},"https:\u002F\u002Fjsr.io\u002F@geoql\u002Fv-maplibre",[22],"JSR",") through copy-paste components and a ",[18,61,29],{"href":27,"rel":62},[22]," compatible registry.",[65,66,67,86,92,101,114],"ul",{},[68,69,70,74,75,78,79,78,82,85],"li",{},[71,72,73],"strong",{},"61 Vue 3 components"," total, split across 4 families: 3 core (",[45,76,77],{},"VMap",", ",[45,80,81],{},"VMarker",[45,83,84],{},"VPopup","), 9 map controls, 11 MapLibre-native layers, and 38 deck.gl layers",[68,87,88,91],{},[71,89,90],{},"91 live examples"," in this showcase site, covering every component plus integrations with Valhalla routing, Cesium 3D Tiles, PMTiles, COG \u002F Zarr, and LiDAR",[68,93,94,53,97,100],{},[71,95,96],{},"~120 kB minified JavaScript",[71,98,99],{},"~12.7 kB of extracted CSS"," for the full library (substantially smaller after gzip and tree-shaking)",[68,102,103,106,107,110,111],{},[71,104,105],{},"100 unit tests passing"," against MapLibre GL JS ",[45,108,109],{},"^5.24.0"," and deck.gl ",[45,112,113],{},"^9.3.0",[68,115,116,119,120,124],{},[71,117,118],{},"MIT licensed",", sourced on ",[18,121,123],{"href":20,"rel":122},[22],"GitHub"," with TypeScript declarations bundled",[32,126,128],{"id":127},"why-mapcn-vue","Why mapcn-vue?",[65,130,131,137,143,149,155],{},[68,132,133,136],{},[71,134,135],{},"Copy & Paste"," - Add components to your project with a single CLI command",[68,138,139,142],{},[71,140,141],{},"Theme Aware"," - Dark mode support with automatic basemap switching",[68,144,145,148],{},[71,146,147],{},"TypeScript First"," - Full type safety with excellent IDE support",[68,150,151,154],{},[71,152,153],{},"deck.gl Integration"," - High-performance WebGL visualization layers",[68,156,157,160],{},[71,158,159],{},"Composable"," - Mix and match components as needed",[32,162,164],{"id":163},"why-maplibre-deckgl","Why MapLibre + deck.gl",[14,166,167],{},"The library wraps two specifications that complement each other: MapLibre GL JS for the basemap and deck.gl for high-volume data layers.",[169,170,171,174],"blockquote",{},[14,172,173],{},"\"MapLibre GL JS is a TypeScript library that uses WebGL 2 to render interactive maps from vector tiles and the MapLibre Style Specification.\"",[14,175,176,177],{},"— ",[18,178,181],{"href":179,"rel":180},"https:\u002F\u002Fmaplibre.org\u002Fmaplibre-gl-js\u002Fdocs\u002F",[22],"MapLibre GL JS documentation",[169,183,184,187],{},[14,185,186],{},"\"deck.gl is a WebGL2\u002FWebGPU-powered, highly performant large-scale data visualization framework.\"",[14,188,176,189],{},[18,190,193],{"href":191,"rel":192},"https:\u002F\u002Fdeck.gl\u002Fdocs",[22],"deck.gl documentation",[14,195,196],{},"Together they cover ~99% of what an interactive web map needs without leaving the open-source MapLibre \u002F Apache-2.0 deck.gl stack. mapcn-vue closes the last mile: a Vue 3 reactive wrapper, theme-aware CARTO basemaps, and shadcn-vue-style copy-paste delivery so you own the component code outright.",[32,198,200],{"id":199},"features","Features",[202,203,205],"h3",{"id":204},"core-components","Core Components",[65,207,208,214,220,226],{},[68,209,210,213],{},[71,211,212],{},"Map"," - Theme-aware map container with CARTO basemaps",[68,215,216,219],{},[71,217,218],{},"MapMarker"," - Interactive markers with custom content",[68,221,222,225],{},[71,223,224],{},"MapPopup"," - Popups and tooltips",[68,227,228,231],{},[71,229,230],{},"MapControls"," - Navigation, scale, and fullscreen controls",[202,233,235],{"id":234},"maplibre-layers","MapLibre Layers",[65,237,238,241,244,247],{},[68,239,240],{},"GeoJSON, Vector, Raster layers",[68,242,243],{},"Cluster layer for large point datasets",[68,245,246],{},"PMTiles support for efficient tile storage",[68,248,249],{},"Image, Video, and Canvas layers",[202,251,253],{"id":252},"deckgl-layers","deck.gl Layers",[14,255,256],{},"High-performance WebGL visualization layers:",[65,258,259,265,271,277],{},[68,260,261,264],{},[71,262,263],{},"Core",": Scatterplot, Arc, Line, Path, Polygon, Icon, Text",[68,266,267,270],{},[71,268,269],{},"Aggregation",": Heatmap, Hexagon, Grid, Contour",[68,272,273,276],{},[71,274,275],{},"Geo",": Trips, MVT, Tile, Terrain, H3",[68,278,279,282],{},[71,280,281],{},"Mesh",": SimpleMesh, Scenegraph (glTF\u002FGLB)",[32,284,286],{"id":285},"credits","Credits",[14,288,289],{},"Built with:",[65,291,292,300,308,314],{},[68,293,294,299],{},[18,295,298],{"href":296,"rel":297},"https:\u002F\u002Fmaplibre.org\u002F",[22],"MapLibre GL JS"," - Open-source map rendering",[68,301,302,307],{},[18,303,306],{"href":304,"rel":305},"https:\u002F\u002Fdeck.gl\u002F",[22],"deck.gl"," - Large-scale data visualization",[68,309,310,313],{},[18,311,23],{"href":20,"rel":312},[22]," - Vue 3 components for MapLibre",[68,315,316,319],{},[18,317,29],{"href":27,"rel":318},[22]," - Component architecture inspiration",[32,321,323],{"id":322},"sources","Sources",[32,325,327],{"id":326},"sources-1","::sources",[14,329,330],{},"sources:",[65,332,333,340,346,352,359],{},[68,334,335,336,339],{},"name: MapLibre GL JS docs\nurl: ",[18,337,179],{"href":179,"rel":338},[22],"\ntype: tool",[68,341,342,343,339],{},"name: deck.gl docs\nurl: ",[18,344,191],{"href":191,"rel":345},[22],[68,347,348,349,339],{},"name: shadcn-vue\nurl: ",[18,350,27],{"href":27,"rel":351},[22],[68,353,354,355,339],{},"name: Vue 3 docs\nurl: ",[18,356,357],{"href":357,"rel":358},"https:\u002F\u002Fvuejs.org\u002Fguide\u002Fintroduction.html",[22],[68,360,361,362,339],{},"name: '@geoql\u002Fv-maplibre on npm'\nurl: ",[18,363,41],{"href":41,"rel":364},[22],[366,367],"hr",{},[14,369,370],{},"::",{"title":372,"searchDepth":373,"depth":373,"links":374},"",2,[375,376,377,378,384,385,386],{"id":34,"depth":373,"text":35},{"id":127,"depth":373,"text":128},{"id":163,"depth":373,"text":164},{"id":199,"depth":373,"text":200,"children":379},[380,382,383],{"id":204,"depth":381,"text":205},3,{"id":234,"depth":381,"text":235},{"id":252,"depth":381,"text":253},{"id":285,"depth":373,"text":286},{"id":322,"depth":373,"text":323},{"id":326,"depth":373,"text":327},"Beautiful map components for Vue. Built on @geoql\u002Fv-maplibre, styled with Tailwind CSS, works with shadcn-vue.","md",{},true,"\u002Fdocs\u002Fintroduction",{"title":5,"description":387},"docs\u002F1.introduction","mNtLcVbb9GekcHGUrsZ06WEpF4Xfvu8nIBZr0wbMyVM",[396,646,1383],{"id":4,"title":5,"body":397,"description":387,"extension":388,"meta":644,"navigation":390,"path":391,"seo":645,"stem":393,"__hash__":394},{"type":7,"value":398,"toc":631},[399,401,409,411,427,464,466,488,490,492,501,510,512,514,516,534,536,546,548,550,568,570,572,594,596,598,600,627,629],[10,400,5],{"id":12},[14,402,16,403,24,406,30],{},[18,404,23],{"href":20,"rel":405},[22],[18,407,29],{"href":27,"rel":408},[22],[32,410,35],{"id":34},[14,412,38,413,43,416,48,418,53,421,59,424,63],{},[18,414,23],{"href":41,"rel":415},[22],[45,417,47],{},[18,419,52],{"href":41,"rel":420},[22],[18,422,58],{"href":56,"rel":423},[22],[18,425,29],{"href":27,"rel":426},[22],[65,428,429,439,443,449,457],{},[68,430,431,74,433,78,435,78,437,85],{},[71,432,73],{},[45,434,77],{},[45,436,81],{},[45,438,84],{},[68,440,441,91],{},[71,442,90],{},[68,444,445,53,447,100],{},[71,446,96],{},[71,448,99],{},[68,450,451,106,453,110,455],{},[71,452,105],{},[45,454,109],{},[45,456,113],{},[68,458,459,119,461,124],{},[71,460,118],{},[18,462,123],{"href":20,"rel":463},[22],[32,465,128],{"id":127},[65,467,468,472,476,480,484],{},[68,469,470,136],{},[71,471,135],{},[68,473,474,142],{},[71,475,141],{},[68,477,478,148],{},[71,479,147],{},[68,481,482,154],{},[71,483,153],{},[68,485,486,160],{},[71,487,159],{},[32,489,164],{"id":163},[14,491,167],{},[169,493,494,496],{},[14,495,173],{},[14,497,176,498],{},[18,499,181],{"href":179,"rel":500},[22],[169,502,503,505],{},[14,504,186],{},[14,506,176,507],{},[18,508,193],{"href":191,"rel":509},[22],[14,511,196],{},[32,513,200],{"id":199},[202,515,205],{"id":204},[65,517,518,522,526,530],{},[68,519,520,213],{},[71,521,212],{},[68,523,524,219],{},[71,525,218],{},[68,527,528,225],{},[71,529,224],{},[68,531,532,231],{},[71,533,230],{},[202,535,235],{"id":234},[65,537,538,540,542,544],{},[68,539,240],{},[68,541,243],{},[68,543,246],{},[68,545,249],{},[202,547,253],{"id":252},[14,549,256],{},[65,551,552,556,560,564],{},[68,553,554,264],{},[71,555,263],{},[68,557,558,270],{},[71,559,269],{},[68,561,562,276],{},[71,563,275],{},[68,565,566,282],{},[71,567,281],{},[32,569,286],{"id":285},[14,571,289],{},[65,573,574,579,584,589],{},[68,575,576,299],{},[18,577,298],{"href":296,"rel":578},[22],[68,580,581,307],{},[18,582,306],{"href":304,"rel":583},[22],[68,585,586,313],{},[18,587,23],{"href":20,"rel":588},[22],[68,590,591,319],{},[18,592,29],{"href":27,"rel":593},[22],[32,595,323],{"id":322},[32,597,327],{"id":326},[14,599,330],{},[65,601,602,607,612,617,622],{},[68,603,335,604,339],{},[18,605,179],{"href":179,"rel":606},[22],[68,608,342,609,339],{},[18,610,191],{"href":191,"rel":611},[22],[68,613,348,614,339],{},[18,615,27],{"href":27,"rel":616},[22],[68,618,354,619,339],{},[18,620,357],{"href":357,"rel":621},[22],[68,623,361,624,339],{},[18,625,41],{"href":41,"rel":626},[22],[366,628],{},[14,630,370],{},{"title":372,"searchDepth":373,"depth":373,"links":632},[633,634,635,636,641,642,643],{"id":34,"depth":373,"text":35},{"id":127,"depth":373,"text":128},{"id":163,"depth":373,"text":164},{"id":199,"depth":373,"text":200,"children":637},[638,639,640],{"id":204,"depth":381,"text":205},{"id":234,"depth":381,"text":235},{"id":252,"depth":381,"text":253},{"id":285,"depth":373,"text":286},{"id":322,"depth":373,"text":323},{"id":326,"depth":373,"text":327},{},{"title":5,"description":387},{"id":647,"title":648,"body":649,"description":1377,"extension":388,"meta":1378,"navigation":390,"path":1379,"seo":1380,"stem":1381,"__hash__":1382},"docs\u002Fdocs\u002F2.installation.md","Installation",{"type":7,"value":650,"toc":1364},[651,654,658,741,745,748,759,763,766,845,849,852,856,954,958,961,1005,1009,1018,1022,1025,1232,1236,1243,1355,1357,1360],[10,652,648],{"id":653},"installation",[32,655,657],{"id":656},"what-youre-adding","What you're adding",[65,659,660,677,686,735],{},[68,661,662,665,666,668,669,672,673,676],{},[71,663,664],{},"2 packages minimum"," in your dependency graph (",[45,667,23],{}," + ",[45,670,671],{},"maplibre-gl","), or up to ",[71,674,675],{},"12 packages"," if you opt into the full deck.gl + GeoTIFF\u002FZarr\u002Fraster\u002FGeoArrow stack",[68,678,679,668,682,685],{},[71,680,681],{},"~120 kB minified JS",[71,683,684],{},"~12.7 kB CSS"," for the full library, tree-shakeable down to only the components you import",[68,687,688,691,692,694,695,78,698,78,701,704,705,707,708,78,711,78,714,717,718,78,721,78,724,704,727,730,731,734],{},[71,689,690],{},"5 peer-dependency tiers"," — Required (Vue 3 + MapLibre GL JS ",[45,693,109],{},") → +deck.gl base (",[45,696,697],{},"@deck.gl\u002Fcore",[45,699,700],{},"@deck.gl\u002Flayers",[45,702,703],{},"@deck.gl\u002Fmapbox"," ",[45,706,113],{},") → +aggregation\u002Fgeo\u002Fmesh (",[45,709,710],{},"@deck.gl\u002Faggregation-layers",[45,712,713],{},"@deck.gl\u002Fgeo-layers",[45,715,716],{},"@deck.gl\u002Fmesh-layers",") → +raster\u002FZarr (",[45,719,720],{},"@developmentseed\u002Fdeck.gl-raster",[45,722,723],{},"@developmentseed\u002Fdeck.gl-zarr",[45,725,726],{},"@developmentseed\u002Fdeck.gl-geotiff",[45,728,729],{},"^0.6.0",") → +GeoArrow (",[45,732,733],{},"apache-arrow ^17.0.0",")",[68,736,737,740],{},[71,738,739],{},"Node.js 20+"," and any modern package manager (pnpm 11+ is what we use in CI)",[32,742,744],{"id":743},"prerequisites","Prerequisites",[14,746,747],{},"Before you begin, make sure you have:",[65,749,750,753,756],{},[68,751,752],{},"A Vue 3 or Nuxt 3+ project",[68,754,755],{},"Tailwind CSS v4 configured",[68,757,758],{},"shadcn-vue initialized (optional, but recommended)",[32,760,762],{"id":761},"quick-start","Quick Start",[14,764,765],{},"The easiest way to add mapcn-vue components is using the shadcn-vue CLI:",[767,768,772],"pre",{"className":769,"code":770,"language":771,"meta":372,"style":372},"language-bash shiki shiki-themes github-dark github-dark github-light","# Add the base map component\nnpx shadcn-vue@latest add https:\u002F\u002Fmapcn-vue.geoql.in\u002Fr\u002Fmap.json\n\n# Add MapLibre layers\nnpx shadcn-vue@latest add https:\u002F\u002Fmapcn-vue.geoql.in\u002Fr\u002Fmap-layers.json\n\n# Add deck.gl core layers\nnpx shadcn-vue@latest add https:\u002F\u002Fmapcn-vue.geoql.in\u002Fr\u002Fmap-deckgl-core.json\n","bash",[45,773,774,783,799,804,810,822,827,833],{"__ignoreMap":372},[775,776,779],"span",{"class":777,"line":778},"line",1,[775,780,782],{"class":781},"sxXm1","# Add the base map component\n",[775,784,785,789,793,796],{"class":777,"line":373},[775,786,788],{"class":787},"s5n6i","npx",[775,790,792],{"class":791},"s4Y1p"," shadcn-vue@latest",[775,794,795],{"class":791}," add",[775,797,798],{"class":791}," https:\u002F\u002Fmapcn-vue.geoql.in\u002Fr\u002Fmap.json\n",[775,800,801],{"class":777,"line":381},[775,802,803],{"emptyLinePlaceholder":390},"\n",[775,805,807],{"class":777,"line":806},4,[775,808,809],{"class":781},"# Add MapLibre layers\n",[775,811,813,815,817,819],{"class":777,"line":812},5,[775,814,788],{"class":787},[775,816,792],{"class":791},[775,818,795],{"class":791},[775,820,821],{"class":791}," https:\u002F\u002Fmapcn-vue.geoql.in\u002Fr\u002Fmap-layers.json\n",[775,823,825],{"class":777,"line":824},6,[775,826,803],{"emptyLinePlaceholder":390},[775,828,830],{"class":777,"line":829},7,[775,831,832],{"class":781},"# Add deck.gl core layers\n",[775,834,836,838,840,842],{"class":777,"line":835},8,[775,837,788],{"class":787},[775,839,792],{"class":791},[775,841,795],{"class":791},[775,843,844],{"class":791}," https:\u002F\u002Fmapcn-vue.geoql.in\u002Fr\u002Fmap-deckgl-core.json\n",[32,846,848],{"id":847},"manual-installation","Manual Installation",[14,850,851],{},"If you prefer to install manually:",[202,853,855],{"id":854},"_1-install-dependencies","1. Install dependencies",[767,857,859],{"className":769,"code":858,"language":771,"meta":372,"style":372},"# Core dependencies (use your preferred package manager)\npnpm add @geoql\u002Fv-maplibre maplibre-gl @vueuse\u002Fcore\n# or: npm install @geoql\u002Fv-maplibre maplibre-gl @vueuse\u002Fcore\n# or: yarn add @geoql\u002Fv-maplibre maplibre-gl @vueuse\u002Fcore\n\n# For deck.gl layers (optional)\npnpm add @deck.gl\u002Fcore @deck.gl\u002Flayers @deck.gl\u002Fmapbox\npnpm add @deck.gl\u002Faggregation-layers  # Heatmap, Hexagon, Grid\npnpm add @deck.gl\u002Fgeo-layers          # Trips, MVT, Tile\npnpm add @deck.gl\u002Fmesh-layers         # SimpleMesh, Scenegraph\n",[45,860,861,866,882,887,892,896,901,916,928,941],{"__ignoreMap":372},[775,862,863],{"class":777,"line":778},[775,864,865],{"class":781},"# Core dependencies (use your preferred package manager)\n",[775,867,868,871,873,876,879],{"class":777,"line":373},[775,869,870],{"class":787},"pnpm",[775,872,795],{"class":791},[775,874,875],{"class":791}," @geoql\u002Fv-maplibre",[775,877,878],{"class":791}," maplibre-gl",[775,880,881],{"class":791}," @vueuse\u002Fcore\n",[775,883,884],{"class":777,"line":381},[775,885,886],{"class":781},"# or: npm install @geoql\u002Fv-maplibre maplibre-gl @vueuse\u002Fcore\n",[775,888,889],{"class":777,"line":806},[775,890,891],{"class":781},"# or: yarn add @geoql\u002Fv-maplibre maplibre-gl @vueuse\u002Fcore\n",[775,893,894],{"class":777,"line":812},[775,895,803],{"emptyLinePlaceholder":390},[775,897,898],{"class":777,"line":824},[775,899,900],{"class":781},"# For deck.gl layers (optional)\n",[775,902,903,905,907,910,913],{"class":777,"line":829},[775,904,870],{"class":787},[775,906,795],{"class":791},[775,908,909],{"class":791}," @deck.gl\u002Fcore",[775,911,912],{"class":791}," @deck.gl\u002Flayers",[775,914,915],{"class":791}," @deck.gl\u002Fmapbox\n",[775,917,918,920,922,925],{"class":777,"line":835},[775,919,870],{"class":787},[775,921,795],{"class":791},[775,923,924],{"class":791}," @deck.gl\u002Faggregation-layers",[775,926,927],{"class":781},"  # Heatmap, Hexagon, Grid\n",[775,929,931,933,935,938],{"class":777,"line":930},9,[775,932,870],{"class":787},[775,934,795],{"class":791},[775,936,937],{"class":791}," @deck.gl\u002Fgeo-layers",[775,939,940],{"class":781},"          # Trips, MVT, Tile\n",[775,942,944,946,948,951],{"class":777,"line":943},10,[775,945,870],{"class":787},[775,947,795],{"class":791},[775,949,950],{"class":791}," @deck.gl\u002Fmesh-layers",[775,952,953],{"class":781},"         # SimpleMesh, Scenegraph\n",[202,955,957],{"id":956},"_2-add-css","2. Add CSS",[14,959,960],{},"Import the MapLibre CSS in your main entry file or Nuxt config:",[767,962,966],{"className":963,"code":964,"language":965,"meta":372,"style":372},"language-typescript shiki shiki-themes github-dark github-dark github-light","\u002F\u002F nuxt.config.ts\nexport default defineNuxtConfig({\n  css: ['maplibre-gl\u002Fdist\u002Fmaplibre-gl.css'],\n});\n","typescript",[45,967,968,973,989,1000],{"__ignoreMap":372},[775,969,970],{"class":777,"line":778},[775,971,972],{"class":781},"\u002F\u002F nuxt.config.ts\n",[775,974,975,979,982,985],{"class":777,"line":373},[775,976,978],{"class":977},"s6ubI","export",[775,980,981],{"class":977}," default",[775,983,984],{"class":787}," defineNuxtConfig",[775,986,988],{"class":987},"sAvwS","({\n",[775,990,991,994,997],{"class":777,"line":381},[775,992,993],{"class":987},"  css: [",[775,995,996],{"class":791},"'maplibre-gl\u002Fdist\u002Fmaplibre-gl.css'",[775,998,999],{"class":987},"],\n",[775,1001,1002],{"class":777,"line":806},[775,1003,1004],{"class":987},"});\n",[202,1006,1008],{"id":1007},"_3-copy-components","3. Copy components",[14,1010,1011,1012,1017],{},"Copy the components you need from the ",[18,1013,1016],{"href":1014,"rel":1015},"https:\u002F\u002Fgithub.com\u002Fgeoql\u002Fv-maplibre\u002Ftree\u002Fmain\u002Fpackages\u002Fmapcn-vue\u002Fsrc\u002Fregistry\u002Fui",[22],"GitHub repository"," into your project.",[32,1019,1021],{"id":1020},"usage","Usage",[14,1023,1024],{},"Once installed, you can use the components in your Vue templates:",[767,1026,1030],{"className":1027,"code":1028,"language":1029,"meta":372,"style":372},"language-vue shiki shiki-themes github-dark github-dark github-light","\u003Cscript setup lang=\"ts\">\n  import { Map, MapMarker, MapControls } from '@\u002Fcomponents\u002Fui\u002Fmap';\n\n  const mapOptions = {\n    style: 'https:\u002F\u002Fbasemaps.cartocdn.com\u002Fgl\u002Fdark-matter-gl-style\u002Fstyle.json',\n    center: [-74.006, 40.7128],\n    zoom: 11,\n  };\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CMap :options=\"mapOptions\" class=\"h-125\">\n    \u003CMapControls \u002F>\n    \u003CMapMarker :coordinates=\"[-74.006, 40.7128]\" \u002F>\n  \u003C\u002FMap>\n\u003C\u002Ftemplate>\n","vue",[45,1031,1032,1056,1073,1077,1092,1103,1121,1131,1136,1145,1149,1159,1185,1196,1213,1223],{"__ignoreMap":372},[775,1033,1034,1037,1041,1044,1047,1050,1053],{"class":777,"line":778},[775,1035,1036],{"class":987},"\u003C",[775,1038,1040],{"class":1039},"sxkHK","script",[775,1042,1043],{"class":787}," setup",[775,1045,1046],{"class":787}," lang",[775,1048,1049],{"class":987},"=",[775,1051,1052],{"class":791},"\"ts\"",[775,1054,1055],{"class":987},">\n",[775,1057,1058,1061,1064,1067,1070],{"class":777,"line":373},[775,1059,1060],{"class":977},"  import",[775,1062,1063],{"class":987}," { Map, MapMarker, MapControls } ",[775,1065,1066],{"class":977},"from",[775,1068,1069],{"class":791}," '@\u002Fcomponents\u002Fui\u002Fmap'",[775,1071,1072],{"class":987},";\n",[775,1074,1075],{"class":777,"line":381},[775,1076,803],{"emptyLinePlaceholder":390},[775,1078,1079,1082,1086,1089],{"class":777,"line":806},[775,1080,1081],{"class":977},"  const",[775,1083,1085],{"class":1084},"sXWYR"," mapOptions",[775,1087,1088],{"class":977}," =",[775,1090,1091],{"class":987}," {\n",[775,1093,1094,1097,1100],{"class":777,"line":812},[775,1095,1096],{"class":987},"    style: ",[775,1098,1099],{"class":791},"'https:\u002F\u002Fbasemaps.cartocdn.com\u002Fgl\u002Fdark-matter-gl-style\u002Fstyle.json'",[775,1101,1102],{"class":987},",\n",[775,1104,1105,1108,1111,1114,1116,1119],{"class":777,"line":824},[775,1106,1107],{"class":987},"    center: [",[775,1109,1110],{"class":977},"-",[775,1112,1113],{"class":1084},"74.006",[775,1115,78],{"class":987},[775,1117,1118],{"class":1084},"40.7128",[775,1120,999],{"class":987},[775,1122,1123,1126,1129],{"class":777,"line":829},[775,1124,1125],{"class":987},"    zoom: ",[775,1127,1128],{"class":1084},"11",[775,1130,1102],{"class":987},[775,1132,1133],{"class":777,"line":835},[775,1134,1135],{"class":987},"  };\n",[775,1137,1138,1141,1143],{"class":777,"line":930},[775,1139,1140],{"class":987},"\u003C\u002F",[775,1142,1040],{"class":1039},[775,1144,1055],{"class":987},[775,1146,1147],{"class":777,"line":943},[775,1148,803],{"emptyLinePlaceholder":390},[775,1150,1152,1154,1157],{"class":777,"line":1151},11,[775,1153,1036],{"class":987},[775,1155,1156],{"class":1039},"template",[775,1158,1055],{"class":987},[775,1160,1162,1165,1167,1170,1172,1175,1178,1180,1183],{"class":777,"line":1161},12,[775,1163,1164],{"class":987},"  \u003C",[775,1166,212],{"class":1039},[775,1168,1169],{"class":787}," :options",[775,1171,1049],{"class":987},[775,1173,1174],{"class":791},"\"mapOptions\"",[775,1176,1177],{"class":787}," class",[775,1179,1049],{"class":987},[775,1181,1182],{"class":791},"\"h-125\"",[775,1184,1055],{"class":987},[775,1186,1188,1191,1193],{"class":777,"line":1187},13,[775,1189,1190],{"class":987},"    \u003C",[775,1192,230],{"class":1039},[775,1194,1195],{"class":987}," \u002F>\n",[775,1197,1199,1201,1203,1206,1208,1211],{"class":777,"line":1198},14,[775,1200,1190],{"class":987},[775,1202,218],{"class":1039},[775,1204,1205],{"class":787}," :coordinates",[775,1207,1049],{"class":987},[775,1209,1210],{"class":791},"\"[-74.006, 40.7128]\"",[775,1212,1195],{"class":987},[775,1214,1216,1219,1221],{"class":777,"line":1215},15,[775,1217,1218],{"class":987},"  \u003C\u002F",[775,1220,212],{"class":1039},[775,1222,1055],{"class":987},[775,1224,1226,1228,1230],{"class":777,"line":1225},16,[775,1227,1140],{"class":987},[775,1229,1156],{"class":1039},[775,1231,1055],{"class":987},[32,1233,1235],{"id":1234},"nuxt-usage","Nuxt Usage",[14,1237,1238,1239,1242],{},"For Nuxt applications, wrap map components with ",[45,1240,1241],{},"ClientOnly",":",[767,1244,1246],{"className":1027,"code":1245,"language":1029,"meta":372,"style":372},"\u003Ctemplate>\n  \u003CClientOnly>\n    \u003CMap :options=\"mapOptions\">\n      \u003CMapControls \u002F>\n    \u003C\u002FMap>\n    \u003Ctemplate #fallback>\n      \u003Cdiv class=\"h-125 flex items-center justify-center\">Loading map...\u003C\u002Fdiv>\n    \u003C\u002Ftemplate>\n  \u003C\u002FClientOnly>\n\u003C\u002Ftemplate>\n",[45,1247,1248,1256,1264,1278,1287,1296,1310,1331,1339,1347],{"__ignoreMap":372},[775,1249,1250,1252,1254],{"class":777,"line":778},[775,1251,1036],{"class":987},[775,1253,1156],{"class":1039},[775,1255,1055],{"class":987},[775,1257,1258,1260,1262],{"class":777,"line":373},[775,1259,1164],{"class":987},[775,1261,1241],{"class":1039},[775,1263,1055],{"class":987},[775,1265,1266,1268,1270,1272,1274,1276],{"class":777,"line":381},[775,1267,1190],{"class":987},[775,1269,212],{"class":1039},[775,1271,1169],{"class":787},[775,1273,1049],{"class":987},[775,1275,1174],{"class":791},[775,1277,1055],{"class":987},[775,1279,1280,1283,1285],{"class":777,"line":806},[775,1281,1282],{"class":987},"      \u003C",[775,1284,230],{"class":1039},[775,1286,1195],{"class":987},[775,1288,1289,1292,1294],{"class":777,"line":812},[775,1290,1291],{"class":987},"    \u003C\u002F",[775,1293,212],{"class":1039},[775,1295,1055],{"class":987},[775,1297,1298,1300,1302,1305,1308],{"class":777,"line":824},[775,1299,1190],{"class":987},[775,1301,1156],{"class":1039},[775,1303,1304],{"class":987}," #",[775,1306,1307],{"class":787},"fallback",[775,1309,1055],{"class":987},[775,1311,1312,1314,1317,1319,1321,1324,1327,1329],{"class":777,"line":829},[775,1313,1282],{"class":987},[775,1315,1316],{"class":1039},"div",[775,1318,1177],{"class":787},[775,1320,1049],{"class":987},[775,1322,1323],{"class":791},"\"h-125 flex items-center justify-center\"",[775,1325,1326],{"class":987},">Loading map...\u003C\u002F",[775,1328,1316],{"class":1039},[775,1330,1055],{"class":987},[775,1332,1333,1335,1337],{"class":777,"line":835},[775,1334,1291],{"class":987},[775,1336,1156],{"class":1039},[775,1338,1055],{"class":987},[775,1340,1341,1343,1345],{"class":777,"line":930},[775,1342,1218],{"class":987},[775,1344,1241],{"class":1039},[775,1346,1055],{"class":987},[775,1348,1349,1351,1353],{"class":777,"line":943},[775,1350,1140],{"class":987},[775,1352,1156],{"class":1039},[775,1354,1055],{"class":987},[32,1356,323],{"id":322},[322,1358],{":sources":1359},"[{\"name\":\"shadcn-vue CLI\",\"url\":\"https:\u002F\u002Fwww.shadcn-vue.com\u002Fdocs\u002Fcli.html\",\"type\":\"tool\"},{\"name\":\"MapLibre GL JS install guide\",\"url\":\"https:\u002F\u002Fmaplibre.org\u002Fmaplibre-gl-js\u002Fdocs\u002F\",\"type\":\"tool\"},{\"name\":\"deck.gl getting started\",\"url\":\"https:\u002F\u002Fdeck.gl\u002Fdocs\u002Fget-started\u002Fgetting-started\",\"type\":\"tool\"},{\"name\":\"pnpm install docs\",\"url\":\"https:\u002F\u002Fpnpm.io\u002Fcli\u002Finstall\",\"type\":\"tool\"},{\"name\":\"Nuxt 4 installation\",\"url\":\"https:\u002F\u002Fnuxt.com\u002Fdocs\u002F4.x\u002Fgetting-started\u002Finstallation\",\"type\":\"tool\"}]",[1361,1362,1363],"style",{},"html pre.shiki code .sxXm1, html code.shiki .sxXm1{--shiki-default:#6A737D;--shiki-dark:#6A737D;--shiki-light:#6A737D}html pre.shiki code .s5n6i, html code.shiki .s5n6i{--shiki-default:#B392F0;--shiki-dark:#B392F0;--shiki-light:#6F42C1}html pre.shiki code .s4Y1p, html code.shiki .s4Y1p{--shiki-default:#9ECBFF;--shiki-dark:#9ECBFF;--shiki-light:#032F62}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .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 pre.shiki code .s6ubI, html code.shiki .s6ubI{--shiki-default:#F97583;--shiki-dark:#F97583;--shiki-light:#D73A49}html pre.shiki code .sAvwS, html code.shiki .sAvwS{--shiki-default:#E1E4E8;--shiki-dark:#E1E4E8;--shiki-light:#24292E}html pre.shiki code .sxkHK, html code.shiki .sxkHK{--shiki-default:#85E89D;--shiki-dark:#85E89D;--shiki-light:#22863A}html pre.shiki code .sXWYR, html code.shiki .sXWYR{--shiki-default:#79B8FF;--shiki-dark:#79B8FF;--shiki-light:#005CC5}",{"title":372,"searchDepth":373,"depth":373,"links":1365},[1366,1367,1368,1369,1374,1375,1376],{"id":656,"depth":373,"text":657},{"id":743,"depth":373,"text":744},{"id":761,"depth":373,"text":762},{"id":847,"depth":373,"text":848,"children":1370},[1371,1372,1373],{"id":854,"depth":381,"text":855},{"id":956,"depth":381,"text":957},{"id":1007,"depth":381,"text":1008},{"id":1020,"depth":373,"text":1021},{"id":1234,"depth":373,"text":1235},{"id":322,"depth":373,"text":323},"How to install and configure mapcn-vue components in your project.",{},"\u002Fdocs\u002Finstallation",{"title":648,"description":1377},"docs\u002F2.installation","jmOP4VP2FA2DUcPBIRAIG5a6wvfdwH3WCDpR46uuDIM",{"id":1384,"title":1385,"body":1386,"description":2028,"extension":388,"meta":2029,"navigation":390,"path":2030,"seo":2031,"stem":2032,"__hash__":2033},"docs\u002Fdocs\u002F3.components.md","Components",{"type":7,"value":1387,"toc":2012},[1388,1391,1394,1398,1420,1607,1619,1621,1624,1627,1642,1647,1668,1670,1673,1676,1691,1695,1745,1747,1750,1753,1756,1771,1775,1836,1839,1842,1858,1862,1894,1897,1900,1916,1920,1964,1967,1970,1986,1990,2004,2006,2009],[10,1389,1385],{"id":1390},"components",[14,1392,1393],{},"mapcn-vue provides a comprehensive set of map components organized into categories.",[32,1395,1397],{"id":1396},"catalog-at-a-glance","Catalog at a glance",[14,1399,1400,1401,1404,1405,53,1412,1419],{},"The library currently exports ",[71,1402,1403],{},"65 Vue 3 components"," split across the families below. Counts are derived directly from the public exports in ",[18,1406,1409],{"href":1407,"rel":1408},"https:\u002F\u002Fgithub.com\u002Fgeoql\u002Fv-maplibre\u002Fblob\u002Fmain\u002Fpackages\u002Fv-maplibre\u002Fsrc\u002Findex.ts",[22],[45,1410,1411],{},"packages\u002Fv-maplibre\u002Fsrc\u002Findex.ts",[18,1413,1416],{"href":1414,"rel":1415},"https:\u002F\u002Fgithub.com\u002Fgeoql\u002Fv-maplibre\u002Fblob\u002Fmain\u002Fpackages\u002Fv-maplibre\u002Fsrc\u002Flayers\u002Fdeckgl\u002Findex.ts",[22],[45,1417,1418],{},"packages\u002Fv-maplibre\u002Fsrc\u002Flayers\u002Fdeckgl\u002Findex.ts",", so each row is verifiable from the source.",[1421,1422,1423,1440],"table",{},[1424,1425,1426],"thead",{},[1427,1428,1429,1433,1437],"tr",{},[1430,1431,1432],"th",{},"Category",[1430,1434,1436],{"align":1435},"right","Count",[1430,1438,1439],{},"Required peer dependencies",[1441,1442,1443,1460,1471,1491,1509,1522,1535,1548,1568,1584,1597],"tbody",{},[1427,1444,1445,1449,1452],{},[1446,1447,1448],"td",{},"Core (Map, Marker, Popup)",[1446,1450,1451],{"align":1435},"3",[1446,1453,1454,78,1457],{},[45,1455,1456],{},"vue ^3",[45,1458,1459],{},"maplibre-gl ^5.24.0",[1427,1461,1462,1465,1468],{},[1446,1463,1464],{},"Map controls",[1446,1466,1467],{"align":1435},"9",[1446,1469,1470],{},"core peers only",[1427,1472,1473,1476,1478],{},[1446,1474,1475],{},"MapLibre-native layers",[1446,1477,1128],{"align":1435},[1446,1479,1480,1481,78,1484,78,1487,1490],{},"core peers (+ ",[45,1482,1483],{},"pmtiles",[45,1485,1486],{},"maplibre-gl-wind",[45,1488,1489],{},"maplibre-gl-lidar"," for specific layers)",[1427,1492,1493,1496,1499],{},[1446,1494,1495],{},"deck.gl core layers",[1446,1497,1498],{"align":1435},"13",[1446,1500,1501,78,1503,78,1505,704,1507],{},[45,1502,697],{},[45,1504,700],{},[45,1506,703],{},[45,1508,113],{},[1427,1510,1511,1514,1517],{},[1446,1512,1513],{},"deck.gl aggregation",[1446,1515,1516],{"align":1435},"5",[1446,1518,1519],{},[45,1520,1521],{},"@deck.gl\u002Faggregation-layers ^9.3.0",[1427,1523,1524,1527,1530],{},[1446,1525,1526],{},"deck.gl geo \u002F tile",[1446,1528,1529],{"align":1435},"12",[1446,1531,1532],{},[45,1533,1534],{},"@deck.gl\u002Fgeo-layers ^9.3.0",[1427,1536,1537,1540,1543],{},[1446,1538,1539],{},"deck.gl mesh",[1446,1541,1542],{"align":1435},"2",[1446,1544,1545],{},[45,1546,1547],{},"@deck.gl\u002Fmesh-layers ^9.3.0",[1427,1549,1550,1553,1556],{},[1446,1551,1552],{},"deck.gl raster (COG\u002FZarr)",[1446,1554,1555],{"align":1435},"4",[1446,1557,1558,78,1560,78,1563,704,1566],{},[45,1559,720],{},[45,1561,1562],{},"deck.gl-geotiff",[45,1564,1565],{},"deck.gl-zarr",[45,1567,729],{},[1427,1569,1570,1573,1576],{},[1446,1571,1572],{},"deck.gl GeoArrow",[1446,1574,1575],{"align":1435},"6",[1446,1577,1578,1580,1581,1583],{},[45,1579,733],{}," (+ ",[45,1582,713],{}," for trips)",[1427,1585,1586,1589,1592],{},[1446,1587,1588],{},"deck.gl wind particle",[1446,1590,1591],{"align":1435},"1",[1446,1593,1594],{},[45,1595,1596],{},"@luma.gl\u002Fcore ^9.3.0",[1427,1598,1599,1602,1604],{},[1446,1600,1601],{},"deck.gl generic escape",[1446,1603,1591],{"align":1435},[1446,1605,1606],{},"corresponds to whichever layer class you pass in",[14,1608,1609,1610,1613,1614,30],{},"Every component is demonstrated by ",[71,1611,1612],{},"91 live, copy-paste example pages"," under ",[18,1615,1617],{"href":1616},"\u002Fexamples",[45,1618,1616],{},[32,1620,205],{"id":204},[202,1622,1623],{"id":1623},"map",[14,1625,1626],{},"The base map component with theme-aware styling.",[767,1628,1630],{"className":769,"code":1629,"language":771,"meta":372,"style":372},"npx shadcn-vue@latest add https:\u002F\u002Fmapcn-vue.geoql.in\u002Fr\u002Fmap.json\n",[45,1631,1632],{"__ignoreMap":372},[775,1633,1634,1636,1638,1640],{"class":777,"line":778},[775,1635,788],{"class":787},[775,1637,792],{"class":791},[775,1639,795],{"class":791},[775,1641,798],{"class":791},[14,1643,1644],{},[71,1645,1646],{},"Includes:",[65,1648,1649,1654,1659,1663],{},[68,1650,1651,1653],{},[45,1652,212],{}," - Main map container",[68,1655,1656,1658],{},[45,1657,218],{}," - Interactive markers",[68,1660,1661,225],{},[45,1662,224],{},[68,1664,1665,1667],{},[45,1666,230],{}," - Navigation, scale controls",[32,1669,235],{"id":234},[202,1671,1672],{"id":1672},"map-layers",[14,1674,1675],{},"Native MapLibre layer components.",[767,1677,1679],{"className":769,"code":1678,"language":771,"meta":372,"style":372},"npx shadcn-vue@latest add https:\u002F\u002Fmapcn-vue.geoql.in\u002Fr\u002Fmap-layers.json\n",[45,1680,1681],{"__ignoreMap":372},[775,1682,1683,1685,1687,1689],{"class":777,"line":778},[775,1684,788],{"class":787},[775,1686,792],{"class":791},[775,1688,795],{"class":791},[775,1690,821],{"class":791},[14,1692,1693],{},[71,1694,1646],{},[65,1696,1697,1703,1709,1715,1721,1727,1733,1739],{},[68,1698,1699,1702],{},[45,1700,1701],{},"MapLayerGeojson"," - GeoJSON data",[68,1704,1705,1708],{},[45,1706,1707],{},"MapLayerVector"," - Vector tiles",[68,1710,1711,1714],{},[45,1712,1713],{},"MapLayerRaster"," - Raster tiles",[68,1716,1717,1720],{},[45,1718,1719],{},"MapLayerCluster"," - Clustered points",[68,1722,1723,1726],{},[45,1724,1725],{},"MapLayerPmtiles"," - PMTiles",[68,1728,1729,1732],{},[45,1730,1731],{},"MapLayerImage"," - Static images",[68,1734,1735,1738],{},[45,1736,1737],{},"MapLayerVideo"," - Video overlays",[68,1740,1741,1744],{},[45,1742,1743],{},"MapLayerCanvas"," - Canvas rendering",[32,1746,253],{"id":252},[14,1748,1749],{},"High-performance WebGL visualization layers.",[202,1751,1752],{"id":1752},"map-deckgl-core",[14,1754,1755],{},"Core visualization layers.",[767,1757,1759],{"className":769,"code":1758,"language":771,"meta":372,"style":372},"npx shadcn-vue@latest add https:\u002F\u002Fmapcn-vue.geoql.in\u002Fr\u002Fmap-deckgl-core.json\n",[45,1760,1761],{"__ignoreMap":372},[775,1762,1763,1765,1767,1769],{"class":777,"line":778},[775,1764,788],{"class":787},[775,1766,792],{"class":791},[775,1768,795],{"class":791},[775,1770,844],{"class":791},[14,1772,1773],{},[71,1774,1646],{},[65,1776,1777,1783,1789,1795,1801,1807,1812,1818,1824,1830],{},[68,1778,1779,1782],{},[45,1780,1781],{},"MapLayerScatterplot"," - Points\u002Fcircles",[68,1784,1785,1788],{},[45,1786,1787],{},"MapLayerArc"," - Origin-destination arcs",[68,1790,1791,1794],{},[45,1792,1793],{},"MapLayerLine"," - Flat lines",[68,1796,1797,1800],{},[45,1798,1799],{},"MapLayerPath"," - Polylines\u002Froutes",[68,1802,1803,1806],{},[45,1804,1805],{},"MapLayerPolygon"," - Filled polygons",[68,1808,1809,1811],{},[45,1810,1701],{}," - GeoJSON features",[68,1813,1814,1817],{},[45,1815,1816],{},"MapLayerIcon"," - Custom icons",[68,1819,1820,1823],{},[45,1821,1822],{},"MapLayerText"," - Text labels",[68,1825,1826,1829],{},[45,1827,1828],{},"MapLayerColumn"," - 3D columns",[68,1831,1832,1835],{},[45,1833,1834],{},"MapLayerBitmap"," - Georeferenced images",[202,1837,1838],{"id":1838},"map-deckgl-aggregation",[14,1840,1841],{},"Data aggregation layers.",[767,1843,1845],{"className":769,"code":1844,"language":771,"meta":372,"style":372},"npx shadcn-vue@latest add https:\u002F\u002Fmapcn-vue.geoql.in\u002Fr\u002Fmap-deckgl-aggregation.json\n",[45,1846,1847],{"__ignoreMap":372},[775,1848,1849,1851,1853,1855],{"class":777,"line":778},[775,1850,788],{"class":787},[775,1852,792],{"class":791},[775,1854,795],{"class":791},[775,1856,1857],{"class":791}," https:\u002F\u002Fmapcn-vue.geoql.in\u002Fr\u002Fmap-deckgl-aggregation.json\n",[14,1859,1860],{},[71,1861,1646],{},[65,1863,1864,1870,1876,1882,1888],{},[68,1865,1866,1869],{},[45,1867,1868],{},"MapLayerHeatmap"," - Density heatmap",[68,1871,1872,1875],{},[45,1873,1874],{},"MapLayerHexagon"," - Hexagonal binning",[68,1877,1878,1881],{},[45,1879,1880],{},"MapLayerGrid"," - Square grid",[68,1883,1884,1887],{},[45,1885,1886],{},"MapLayerContour"," - Contour lines",[68,1889,1890,1893],{},[45,1891,1892],{},"MapLayerScreenGrid"," - Screen-space grid",[202,1895,1896],{"id":1896},"map-deckgl-geo",[14,1898,1899],{},"Geospatial layers.",[767,1901,1903],{"className":769,"code":1902,"language":771,"meta":372,"style":372},"npx shadcn-vue@latest add https:\u002F\u002Fmapcn-vue.geoql.in\u002Fr\u002Fmap-deckgl-geo.json\n",[45,1904,1905],{"__ignoreMap":372},[775,1906,1907,1909,1911,1913],{"class":777,"line":778},[775,1908,788],{"class":787},[775,1910,792],{"class":791},[775,1912,795],{"class":791},[775,1914,1915],{"class":791}," https:\u002F\u002Fmapcn-vue.geoql.in\u002Fr\u002Fmap-deckgl-geo.json\n",[14,1917,1918],{},[71,1919,1646],{},[65,1921,1922,1928,1934,1940,1946,1952,1958],{},[68,1923,1924,1927],{},[45,1925,1926],{},"MapLayerTrips"," - Animated paths",[68,1929,1930,1933],{},[45,1931,1932],{},"MapLayerMVT"," - Mapbox Vector Tiles",[68,1935,1936,1939],{},[45,1937,1938],{},"MapLayerTile"," - Generic tiles",[68,1941,1942,1945],{},[45,1943,1944],{},"MapLayerTile3D"," - 3D Tiles (Cesium)",[68,1947,1948,1951],{},[45,1949,1950],{},"MapLayerTerrain"," - Terrain mesh",[68,1953,1954,1957],{},[45,1955,1956],{},"MapLayerH3Hexagon"," - H3 hexagons",[68,1959,1960,1963],{},[45,1961,1962],{},"MapLayerGreatCircle"," - Great circle arcs",[202,1965,1966],{"id":1966},"map-deckgl-mesh",[14,1968,1969],{},"3D mesh layers.",[767,1971,1973],{"className":769,"code":1972,"language":771,"meta":372,"style":372},"npx shadcn-vue@latest add https:\u002F\u002Fmapcn-vue.geoql.in\u002Fr\u002Fmap-deckgl-mesh.json\n",[45,1974,1975],{"__ignoreMap":372},[775,1976,1977,1979,1981,1983],{"class":777,"line":778},[775,1978,788],{"class":787},[775,1980,792],{"class":791},[775,1982,795],{"class":791},[775,1984,1985],{"class":791}," https:\u002F\u002Fmapcn-vue.geoql.in\u002Fr\u002Fmap-deckgl-mesh.json\n",[14,1987,1988],{},[71,1989,1646],{},[65,1991,1992,1998],{},[68,1993,1994,1997],{},[45,1995,1996],{},"MapLayerSimpleMesh"," - 3D meshes",[68,1999,2000,2003],{},[45,2001,2002],{},"MapLayerScenegraph"," - glTF\u002FGLB models",[32,2005,323],{"id":322},[322,2007],{":sources":2008},"[{\"name\":\"deck.gl layer catalog\",\"url\":\"https:\u002F\u002Fdeck.gl\u002Fdocs\u002Fapi-reference\u002Flayers\",\"type\":\"tool\"},{\"name\":\"MapLibre style specification\",\"url\":\"https:\u002F\u002Fmaplibre.org\u002Fmaplibre-style-spec\u002F\",\"type\":\"standard\"},{\"name\":\"@developmentseed\u002Fdeck.gl-raster\",\"url\":\"https:\u002F\u002Fgithub.com\u002Fdevelopmentseed\u002Fdeck.gl-raster\",\"type\":\"tool\"},{\"name\":\"PMTiles specification\",\"url\":\"https:\u002F\u002Fgithub.com\u002Fprotomaps\u002FPMTiles\",\"type\":\"standard\"},{\"name\":\"H3 hierarchical hexagonal index\",\"url\":\"https:\u002F\u002Fh3geo.org\u002F\",\"type\":\"standard\"}]",[1361,2010,2011],{},"html pre.shiki code .s5n6i, html code.shiki .s5n6i{--shiki-default:#B392F0;--shiki-dark:#B392F0;--shiki-light:#6F42C1}html pre.shiki code .s4Y1p, html code.shiki .s4Y1p{--shiki-default:#9ECBFF;--shiki-dark:#9ECBFF;--shiki-light:#032F62}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .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);}",{"title":372,"searchDepth":373,"depth":373,"links":2013},[2014,2015,2018,2021,2027],{"id":1396,"depth":373,"text":1397},{"id":204,"depth":373,"text":205,"children":2016},[2017],{"id":1623,"depth":381,"text":1623},{"id":234,"depth":373,"text":235,"children":2019},[2020],{"id":1672,"depth":381,"text":1672},{"id":252,"depth":373,"text":253,"children":2022},[2023,2024,2025,2026],{"id":1752,"depth":381,"text":1752},{"id":1838,"depth":381,"text":1838},{"id":1896,"depth":381,"text":1896},{"id":1966,"depth":381,"text":1966},{"id":322,"depth":373,"text":323},"All available mapcn-vue components.",{},"\u002Fdocs\u002Fcomponents",{"title":1385,"description":2028},"docs\u002F3.components","cpX5H5gPt1BXQ1_7znovlaax9qceA0h5jpj2ETkT5Io",1781120184160]