[{"data":1,"prerenderedAt":2533},["ShallowReactive",2],{"page-\u002Farticles\u002Fcobe":3,"related-\u002Farticles\u002Fcobe":1391,"content-query-V0yFuDsXUK":1412},{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":8,"description":9,"date":10,"category":11,"image":12,"tags":13,"series":18,"readingTime":19,"difficulty":20,"local":21,"platforms":22,"gpu":25,"body":26,"_type":1385,"_id":1386,"_source":1387,"_file":1388,"_stem":1389,"_extension":1390},"\u002Farticles\u002Fcobe","articles",false,"","Cobe 輕量 WebGL 地球儀配置教學與 Vue 專案整合指南","想要在網頁上放一個酷炫的 3D 地球，但又不想載入沉重的 Three.js？COBE 是你的最佳選擇。","2026-05-04","Web Dev","\u002Fimages\u002Fcobe-hero.png",[14,15,16,17],"WebGL","Web Development","Frontend","JavaScript","github-tech","5 min read","Easy",true,[23,24],"Web","JS","None",{"type":27,"children":28,"toc":1374},"root",[29,38,52,64,68,74,86,90,93,99,113,116,122,129,134,168,174,179,1090,1093,1098,1103,1276,1279,1284,1294,1299,1321,1324,1332,1356,1359,1368],{"type":30,"tag":31,"props":32,"children":34},"element","h2",{"id":33},"為什麼選擇-cobe",[35],{"type":36,"value":37},"text","為什麼選擇 COBE？",{"type":30,"tag":39,"props":40,"children":41},"p",{},[42,44,50],{"type":36,"value":43},"在網頁開發中，加入 3D 元素通常意味著要載入數百 KB 的庫（例如 Three.js）。但如果你只需要一個簡單、優雅且流暢的 3D 地球，",{"type":30,"tag":45,"props":46,"children":47},"strong",{},[48],{"type":36,"value":49},"COBE",{"type":36,"value":51}," 絕對會讓你驚艷。",{"type":30,"tag":39,"props":53,"children":54},{},[55,57,62],{"type":36,"value":56},"它是一個基於 WebGL 的輕量級地球儀庫，壓縮後的大小",{"type":30,"tag":45,"props":58,"children":59},{},[60],{"type":36,"value":61},"僅約 5KB",{"type":36,"value":63},"。它不依賴於任何大型框架，性能極佳，且支援高度自定義。",{"type":30,"tag":65,"props":66,"children":67},"hr",{},[],{"type":30,"tag":31,"props":69,"children":71},{"id":70},"實作展示-live-demo",[72],{"type":36,"value":73},"實作展示 (Live Demo)",{"type":30,"tag":39,"props":75,"children":76},{},[77,79,84],{"type":36,"value":78},"下面就是我在 Nuxt 3 裡實作的 COBE 地球儀，你可以嘗試",{"type":30,"tag":45,"props":80,"children":81},{},[82],{"type":36,"value":83},"用滑鼠拖動它",{"type":36,"value":85},"：",{"type":30,"tag":87,"props":88,"children":89},"cobe-globe",{},[],{"type":30,"tag":65,"props":91,"children":92},{},[],{"type":30,"tag":31,"props":94,"children":96},{"id":95},"官方展示-official-demo",[97],{"type":36,"value":98},"官方展示 (Official Demo)",{"type":30,"tag":39,"props":100,"children":101},{},[102,104],{"type":36,"value":103},"我認為官方做的非常厲害介面設計能力比我強太多了\n",{"type":30,"tag":105,"props":106,"children":110},"a",{"href":107,"rel":108},"https:\u002F\u002Fcobe.vercel.app\u002F",[109],"nofollow",[111],{"type":36,"value":112},"點這裡進入官網",{"type":30,"tag":65,"props":114,"children":115},{},[],{"type":30,"tag":31,"props":117,"children":119},{"id":118},"如何在你的專案中使用",[120],{"type":36,"value":121},"如何在你的專案中使用？",{"type":30,"tag":123,"props":124,"children":126},"h3",{"id":125},"_1-安裝套件",[127],{"type":36,"value":128},"1. 安裝套件",{"type":30,"tag":39,"props":130,"children":131},{},[132],{"type":36,"value":133},"你可以使用 npm 或 pnpm 安裝：",{"type":30,"tag":135,"props":136,"children":140},"pre",{"className":137,"code":138,"language":139,"meta":7,"style":7},"language-bash shiki shiki-themes one-dark-pro","npm install cobe\n","bash",[141],{"type":30,"tag":142,"props":143,"children":144},"code",{"__ignoreMap":7},[145],{"type":30,"tag":146,"props":147,"children":150},"span",{"class":148,"line":149},"line",1,[151,157,163],{"type":30,"tag":146,"props":152,"children":154},{"style":153},"--shiki-default:#61AFEF",[155],{"type":36,"value":156},"npm",{"type":30,"tag":146,"props":158,"children":160},{"style":159},"--shiki-default:#98C379",[161],{"type":36,"value":162}," install",{"type":30,"tag":146,"props":164,"children":165},{"style":159},[166],{"type":36,"value":167}," cobe\n",{"type":30,"tag":123,"props":169,"children":171},{"id":170},"_2-核心代碼實作",[172],{"type":36,"value":173},"2. 核心代碼實作",{"type":30,"tag":39,"props":175,"children":176},{},[177],{"type":36,"value":178},"在 Vue 3 或 Nuxt 3 中，我們需要確保程式碼在客戶端執行（因為涉及 Canvas API）。",{"type":30,"tag":135,"props":180,"children":184},{"className":181,"code":182,"language":183,"meta":7,"style":7},"language-vue shiki shiki-themes one-dark-pro","\u003Cscript setup>\nimport createGlobe from 'cobe'\nimport { ref, onMounted } from 'vue'\n\nconst canvasRef = ref(null)\n\nonMounted(() => {\n  const globe = createGlobe(canvasRef.value, {\n    devicePixelRatio: 2,\n    width: 600 * 2,\n    height: 600 * 2,\n    phi: 0,\n    theta: 0,\n    dark: 1,\n    diffuse: 1.2,\n    mapSamples: 16000,\n    mapBrightness: 6,\n    baseColor: [0.3, 0.3, 0.3],\n    markerColor: [233 \u002F 255, 115 \u002F 255, 40 \u002F 255],\n    glowColor: [1, 1, 1],\n    markers: [\n      { location: [25.0330, 121.5654], size: 0.1 }, \u002F\u002F 標註台北\n    ],\n    onRender: (state) => {\n      \u002F\u002F 每一幀的旋轉邏輯\n      state.phi += 0.005\n    },\n  })\n})\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003Ccanvas ref=\"canvasRef\" style=\"width: 600px; height: 600px\" \u002F>\n\u003C\u002Ftemplate>\n","vue",[185],{"type":30,"tag":142,"props":186,"children":187},{"__ignoreMap":7},[188,214,239,282,291,332,340,363,409,433,465,494,516,537,559,581,603,625,665,731,768,782,844,853,886,895,923,932,941,950,967,975,992,1074],{"type":30,"tag":146,"props":189,"children":190},{"class":148,"line":149},[191,197,203,209],{"type":30,"tag":146,"props":192,"children":194},{"style":193},"--shiki-default:#ABB2BF",[195],{"type":36,"value":196},"\u003C",{"type":30,"tag":146,"props":198,"children":200},{"style":199},"--shiki-default:#E06C75",[201],{"type":36,"value":202},"script",{"type":30,"tag":146,"props":204,"children":206},{"style":205},"--shiki-default:#D19A66",[207],{"type":36,"value":208}," setup",{"type":30,"tag":146,"props":210,"children":211},{"style":193},[212],{"type":36,"value":213},">\n",{"type":30,"tag":146,"props":215,"children":217},{"class":148,"line":216},2,[218,224,229,234],{"type":30,"tag":146,"props":219,"children":221},{"style":220},"--shiki-default:#C678DD",[222],{"type":36,"value":223},"import",{"type":30,"tag":146,"props":225,"children":226},{"style":199},[227],{"type":36,"value":228}," createGlobe",{"type":30,"tag":146,"props":230,"children":231},{"style":220},[232],{"type":36,"value":233}," from",{"type":30,"tag":146,"props":235,"children":236},{"style":159},[237],{"type":36,"value":238}," 'cobe'\n",{"type":30,"tag":146,"props":240,"children":242},{"class":148,"line":241},3,[243,247,252,257,262,267,272,277],{"type":30,"tag":146,"props":244,"children":245},{"style":220},[246],{"type":36,"value":223},{"type":30,"tag":146,"props":248,"children":249},{"style":193},[250],{"type":36,"value":251}," { ",{"type":30,"tag":146,"props":253,"children":254},{"style":199},[255],{"type":36,"value":256},"ref",{"type":30,"tag":146,"props":258,"children":259},{"style":193},[260],{"type":36,"value":261},", ",{"type":30,"tag":146,"props":263,"children":264},{"style":199},[265],{"type":36,"value":266},"onMounted",{"type":30,"tag":146,"props":268,"children":269},{"style":193},[270],{"type":36,"value":271}," } ",{"type":30,"tag":146,"props":273,"children":274},{"style":220},[275],{"type":36,"value":276},"from",{"type":30,"tag":146,"props":278,"children":279},{"style":159},[280],{"type":36,"value":281}," 'vue'\n",{"type":30,"tag":146,"props":283,"children":285},{"class":148,"line":284},4,[286],{"type":30,"tag":146,"props":287,"children":288},{"emptyLinePlaceholder":21},[289],{"type":36,"value":290},"\n",{"type":30,"tag":146,"props":292,"children":294},{"class":148,"line":293},5,[295,300,306,312,317,322,327],{"type":30,"tag":146,"props":296,"children":297},{"style":220},[298],{"type":36,"value":299},"const",{"type":30,"tag":146,"props":301,"children":303},{"style":302},"--shiki-default:#E5C07B",[304],{"type":36,"value":305}," canvasRef",{"type":30,"tag":146,"props":307,"children":309},{"style":308},"--shiki-default:#56B6C2",[310],{"type":36,"value":311}," =",{"type":30,"tag":146,"props":313,"children":314},{"style":153},[315],{"type":36,"value":316}," ref",{"type":30,"tag":146,"props":318,"children":319},{"style":193},[320],{"type":36,"value":321},"(",{"type":30,"tag":146,"props":323,"children":324},{"style":205},[325],{"type":36,"value":326},"null",{"type":30,"tag":146,"props":328,"children":329},{"style":193},[330],{"type":36,"value":331},")\n",{"type":30,"tag":146,"props":333,"children":335},{"class":148,"line":334},6,[336],{"type":30,"tag":146,"props":337,"children":338},{"emptyLinePlaceholder":21},[339],{"type":36,"value":290},{"type":30,"tag":146,"props":341,"children":343},{"class":148,"line":342},7,[344,348,353,358],{"type":30,"tag":146,"props":345,"children":346},{"style":153},[347],{"type":36,"value":266},{"type":30,"tag":146,"props":349,"children":350},{"style":193},[351],{"type":36,"value":352},"(() ",{"type":30,"tag":146,"props":354,"children":355},{"style":220},[356],{"type":36,"value":357},"=>",{"type":30,"tag":146,"props":359,"children":360},{"style":193},[361],{"type":36,"value":362}," {\n",{"type":30,"tag":146,"props":364,"children":366},{"class":148,"line":365},8,[367,372,377,381,385,389,394,399,404],{"type":30,"tag":146,"props":368,"children":369},{"style":220},[370],{"type":36,"value":371},"  const",{"type":30,"tag":146,"props":373,"children":374},{"style":302},[375],{"type":36,"value":376}," globe",{"type":30,"tag":146,"props":378,"children":379},{"style":308},[380],{"type":36,"value":311},{"type":30,"tag":146,"props":382,"children":383},{"style":153},[384],{"type":36,"value":228},{"type":30,"tag":146,"props":386,"children":387},{"style":193},[388],{"type":36,"value":321},{"type":30,"tag":146,"props":390,"children":391},{"style":302},[392],{"type":36,"value":393},"canvasRef",{"type":30,"tag":146,"props":395,"children":396},{"style":193},[397],{"type":36,"value":398},".",{"type":30,"tag":146,"props":400,"children":401},{"style":199},[402],{"type":36,"value":403},"value",{"type":30,"tag":146,"props":405,"children":406},{"style":193},[407],{"type":36,"value":408},", {\n",{"type":30,"tag":146,"props":410,"children":412},{"class":148,"line":411},9,[413,418,423,428],{"type":30,"tag":146,"props":414,"children":415},{"style":199},[416],{"type":36,"value":417},"    devicePixelRatio",{"type":30,"tag":146,"props":419,"children":420},{"style":193},[421],{"type":36,"value":422},": ",{"type":30,"tag":146,"props":424,"children":425},{"style":205},[426],{"type":36,"value":427},"2",{"type":30,"tag":146,"props":429,"children":430},{"style":193},[431],{"type":36,"value":432},",\n",{"type":30,"tag":146,"props":434,"children":436},{"class":148,"line":435},10,[437,442,446,451,456,461],{"type":30,"tag":146,"props":438,"children":439},{"style":199},[440],{"type":36,"value":441},"    width",{"type":30,"tag":146,"props":443,"children":444},{"style":193},[445],{"type":36,"value":422},{"type":30,"tag":146,"props":447,"children":448},{"style":205},[449],{"type":36,"value":450},"600",{"type":30,"tag":146,"props":452,"children":453},{"style":308},[454],{"type":36,"value":455}," *",{"type":30,"tag":146,"props":457,"children":458},{"style":205},[459],{"type":36,"value":460}," 2",{"type":30,"tag":146,"props":462,"children":463},{"style":193},[464],{"type":36,"value":432},{"type":30,"tag":146,"props":466,"children":468},{"class":148,"line":467},11,[469,474,478,482,486,490],{"type":30,"tag":146,"props":470,"children":471},{"style":199},[472],{"type":36,"value":473},"    height",{"type":30,"tag":146,"props":475,"children":476},{"style":193},[477],{"type":36,"value":422},{"type":30,"tag":146,"props":479,"children":480},{"style":205},[481],{"type":36,"value":450},{"type":30,"tag":146,"props":483,"children":484},{"style":308},[485],{"type":36,"value":455},{"type":30,"tag":146,"props":487,"children":488},{"style":205},[489],{"type":36,"value":460},{"type":30,"tag":146,"props":491,"children":492},{"style":193},[493],{"type":36,"value":432},{"type":30,"tag":146,"props":495,"children":497},{"class":148,"line":496},12,[498,503,507,512],{"type":30,"tag":146,"props":499,"children":500},{"style":199},[501],{"type":36,"value":502},"    phi",{"type":30,"tag":146,"props":504,"children":505},{"style":193},[506],{"type":36,"value":422},{"type":30,"tag":146,"props":508,"children":509},{"style":205},[510],{"type":36,"value":511},"0",{"type":30,"tag":146,"props":513,"children":514},{"style":193},[515],{"type":36,"value":432},{"type":30,"tag":146,"props":517,"children":519},{"class":148,"line":518},13,[520,525,529,533],{"type":30,"tag":146,"props":521,"children":522},{"style":199},[523],{"type":36,"value":524},"    theta",{"type":30,"tag":146,"props":526,"children":527},{"style":193},[528],{"type":36,"value":422},{"type":30,"tag":146,"props":530,"children":531},{"style":205},[532],{"type":36,"value":511},{"type":30,"tag":146,"props":534,"children":535},{"style":193},[536],{"type":36,"value":432},{"type":30,"tag":146,"props":538,"children":540},{"class":148,"line":539},14,[541,546,550,555],{"type":30,"tag":146,"props":542,"children":543},{"style":199},[544],{"type":36,"value":545},"    dark",{"type":30,"tag":146,"props":547,"children":548},{"style":193},[549],{"type":36,"value":422},{"type":30,"tag":146,"props":551,"children":552},{"style":205},[553],{"type":36,"value":554},"1",{"type":30,"tag":146,"props":556,"children":557},{"style":193},[558],{"type":36,"value":432},{"type":30,"tag":146,"props":560,"children":562},{"class":148,"line":561},15,[563,568,572,577],{"type":30,"tag":146,"props":564,"children":565},{"style":199},[566],{"type":36,"value":567},"    diffuse",{"type":30,"tag":146,"props":569,"children":570},{"style":193},[571],{"type":36,"value":422},{"type":30,"tag":146,"props":573,"children":574},{"style":205},[575],{"type":36,"value":576},"1.2",{"type":30,"tag":146,"props":578,"children":579},{"style":193},[580],{"type":36,"value":432},{"type":30,"tag":146,"props":582,"children":584},{"class":148,"line":583},16,[585,590,594,599],{"type":30,"tag":146,"props":586,"children":587},{"style":199},[588],{"type":36,"value":589},"    mapSamples",{"type":30,"tag":146,"props":591,"children":592},{"style":193},[593],{"type":36,"value":422},{"type":30,"tag":146,"props":595,"children":596},{"style":205},[597],{"type":36,"value":598},"16000",{"type":30,"tag":146,"props":600,"children":601},{"style":193},[602],{"type":36,"value":432},{"type":30,"tag":146,"props":604,"children":606},{"class":148,"line":605},17,[607,612,616,621],{"type":30,"tag":146,"props":608,"children":609},{"style":199},[610],{"type":36,"value":611},"    mapBrightness",{"type":30,"tag":146,"props":613,"children":614},{"style":193},[615],{"type":36,"value":422},{"type":30,"tag":146,"props":617,"children":618},{"style":205},[619],{"type":36,"value":620},"6",{"type":30,"tag":146,"props":622,"children":623},{"style":193},[624],{"type":36,"value":432},{"type":30,"tag":146,"props":626,"children":628},{"class":148,"line":627},18,[629,634,639,644,648,652,656,660],{"type":30,"tag":146,"props":630,"children":631},{"style":199},[632],{"type":36,"value":633},"    baseColor",{"type":30,"tag":146,"props":635,"children":636},{"style":193},[637],{"type":36,"value":638},": [",{"type":30,"tag":146,"props":640,"children":641},{"style":205},[642],{"type":36,"value":643},"0.3",{"type":30,"tag":146,"props":645,"children":646},{"style":193},[647],{"type":36,"value":261},{"type":30,"tag":146,"props":649,"children":650},{"style":205},[651],{"type":36,"value":643},{"type":30,"tag":146,"props":653,"children":654},{"style":193},[655],{"type":36,"value":261},{"type":30,"tag":146,"props":657,"children":658},{"style":205},[659],{"type":36,"value":643},{"type":30,"tag":146,"props":661,"children":662},{"style":193},[663],{"type":36,"value":664},"],\n",{"type":30,"tag":146,"props":666,"children":668},{"class":148,"line":667},19,[669,674,678,683,688,693,697,702,706,710,714,719,723,727],{"type":30,"tag":146,"props":670,"children":671},{"style":199},[672],{"type":36,"value":673},"    markerColor",{"type":30,"tag":146,"props":675,"children":676},{"style":193},[677],{"type":36,"value":638},{"type":30,"tag":146,"props":679,"children":680},{"style":205},[681],{"type":36,"value":682},"233",{"type":30,"tag":146,"props":684,"children":685},{"style":308},[686],{"type":36,"value":687}," \u002F",{"type":30,"tag":146,"props":689,"children":690},{"style":205},[691],{"type":36,"value":692}," 255",{"type":30,"tag":146,"props":694,"children":695},{"style":193},[696],{"type":36,"value":261},{"type":30,"tag":146,"props":698,"children":699},{"style":205},[700],{"type":36,"value":701},"115",{"type":30,"tag":146,"props":703,"children":704},{"style":308},[705],{"type":36,"value":687},{"type":30,"tag":146,"props":707,"children":708},{"style":205},[709],{"type":36,"value":692},{"type":30,"tag":146,"props":711,"children":712},{"style":193},[713],{"type":36,"value":261},{"type":30,"tag":146,"props":715,"children":716},{"style":205},[717],{"type":36,"value":718},"40",{"type":30,"tag":146,"props":720,"children":721},{"style":308},[722],{"type":36,"value":687},{"type":30,"tag":146,"props":724,"children":725},{"style":205},[726],{"type":36,"value":692},{"type":30,"tag":146,"props":728,"children":729},{"style":193},[730],{"type":36,"value":664},{"type":30,"tag":146,"props":732,"children":734},{"class":148,"line":733},20,[735,740,744,748,752,756,760,764],{"type":30,"tag":146,"props":736,"children":737},{"style":199},[738],{"type":36,"value":739},"    glowColor",{"type":30,"tag":146,"props":741,"children":742},{"style":193},[743],{"type":36,"value":638},{"type":30,"tag":146,"props":745,"children":746},{"style":205},[747],{"type":36,"value":554},{"type":30,"tag":146,"props":749,"children":750},{"style":193},[751],{"type":36,"value":261},{"type":30,"tag":146,"props":753,"children":754},{"style":205},[755],{"type":36,"value":554},{"type":30,"tag":146,"props":757,"children":758},{"style":193},[759],{"type":36,"value":261},{"type":30,"tag":146,"props":761,"children":762},{"style":205},[763],{"type":36,"value":554},{"type":30,"tag":146,"props":765,"children":766},{"style":193},[767],{"type":36,"value":664},{"type":30,"tag":146,"props":769,"children":771},{"class":148,"line":770},21,[772,777],{"type":30,"tag":146,"props":773,"children":774},{"style":199},[775],{"type":36,"value":776},"    markers",{"type":30,"tag":146,"props":778,"children":779},{"style":193},[780],{"type":36,"value":781},": [\n",{"type":30,"tag":146,"props":783,"children":785},{"class":148,"line":784},22,[786,791,796,800,805,809,814,819,824,828,833,838],{"type":30,"tag":146,"props":787,"children":788},{"style":193},[789],{"type":36,"value":790},"      { ",{"type":30,"tag":146,"props":792,"children":793},{"style":199},[794],{"type":36,"value":795},"location",{"type":30,"tag":146,"props":797,"children":798},{"style":193},[799],{"type":36,"value":638},{"type":30,"tag":146,"props":801,"children":802},{"style":205},[803],{"type":36,"value":804},"25.0330",{"type":30,"tag":146,"props":806,"children":807},{"style":193},[808],{"type":36,"value":261},{"type":30,"tag":146,"props":810,"children":811},{"style":205},[812],{"type":36,"value":813},"121.5654",{"type":30,"tag":146,"props":815,"children":816},{"style":193},[817],{"type":36,"value":818},"], ",{"type":30,"tag":146,"props":820,"children":821},{"style":199},[822],{"type":36,"value":823},"size",{"type":30,"tag":146,"props":825,"children":826},{"style":193},[827],{"type":36,"value":422},{"type":30,"tag":146,"props":829,"children":830},{"style":205},[831],{"type":36,"value":832},"0.1",{"type":30,"tag":146,"props":834,"children":835},{"style":193},[836],{"type":36,"value":837}," }, ",{"type":30,"tag":146,"props":839,"children":841},{"style":840},"--shiki-default:#7F848E;--shiki-default-font-style:italic",[842],{"type":36,"value":843},"\u002F\u002F 標註台北\n",{"type":30,"tag":146,"props":845,"children":847},{"class":148,"line":846},23,[848],{"type":30,"tag":146,"props":849,"children":850},{"style":193},[851],{"type":36,"value":852},"    ],\n",{"type":30,"tag":146,"props":854,"children":856},{"class":148,"line":855},24,[857,862,867,873,878,882],{"type":30,"tag":146,"props":858,"children":859},{"style":153},[860],{"type":36,"value":861},"    onRender",{"type":30,"tag":146,"props":863,"children":864},{"style":193},[865],{"type":36,"value":866},": (",{"type":30,"tag":146,"props":868,"children":870},{"style":869},"--shiki-default:#E06C75;--shiki-default-font-style:italic",[871],{"type":36,"value":872},"state",{"type":30,"tag":146,"props":874,"children":875},{"style":193},[876],{"type":36,"value":877},") ",{"type":30,"tag":146,"props":879,"children":880},{"style":220},[881],{"type":36,"value":357},{"type":30,"tag":146,"props":883,"children":884},{"style":193},[885],{"type":36,"value":362},{"type":30,"tag":146,"props":887,"children":889},{"class":148,"line":888},25,[890],{"type":30,"tag":146,"props":891,"children":892},{"style":840},[893],{"type":36,"value":894},"      \u002F\u002F 每一幀的旋轉邏輯\n",{"type":30,"tag":146,"props":896,"children":898},{"class":148,"line":897},26,[899,904,908,913,918],{"type":30,"tag":146,"props":900,"children":901},{"style":302},[902],{"type":36,"value":903},"      state",{"type":30,"tag":146,"props":905,"children":906},{"style":193},[907],{"type":36,"value":398},{"type":30,"tag":146,"props":909,"children":910},{"style":199},[911],{"type":36,"value":912},"phi",{"type":30,"tag":146,"props":914,"children":915},{"style":308},[916],{"type":36,"value":917}," +=",{"type":30,"tag":146,"props":919,"children":920},{"style":205},[921],{"type":36,"value":922}," 0.005\n",{"type":30,"tag":146,"props":924,"children":926},{"class":148,"line":925},27,[927],{"type":30,"tag":146,"props":928,"children":929},{"style":193},[930],{"type":36,"value":931},"    },\n",{"type":30,"tag":146,"props":933,"children":935},{"class":148,"line":934},28,[936],{"type":30,"tag":146,"props":937,"children":938},{"style":193},[939],{"type":36,"value":940},"  })\n",{"type":30,"tag":146,"props":942,"children":944},{"class":148,"line":943},29,[945],{"type":30,"tag":146,"props":946,"children":947},{"style":193},[948],{"type":36,"value":949},"})\n",{"type":30,"tag":146,"props":951,"children":953},{"class":148,"line":952},30,[954,959,963],{"type":30,"tag":146,"props":955,"children":956},{"style":193},[957],{"type":36,"value":958},"\u003C\u002F",{"type":30,"tag":146,"props":960,"children":961},{"style":199},[962],{"type":36,"value":202},{"type":30,"tag":146,"props":964,"children":965},{"style":193},[966],{"type":36,"value":213},{"type":30,"tag":146,"props":968,"children":970},{"class":148,"line":969},31,[971],{"type":30,"tag":146,"props":972,"children":973},{"emptyLinePlaceholder":21},[974],{"type":36,"value":290},{"type":30,"tag":146,"props":976,"children":978},{"class":148,"line":977},32,[979,983,988],{"type":30,"tag":146,"props":980,"children":981},{"style":193},[982],{"type":36,"value":196},{"type":30,"tag":146,"props":984,"children":985},{"style":199},[986],{"type":36,"value":987},"template",{"type":30,"tag":146,"props":989,"children":990},{"style":193},[991],{"type":36,"value":213},{"type":30,"tag":146,"props":993,"children":995},{"class":148,"line":994},33,[996,1001,1006,1010,1015,1020,1025,1029,1034,1039,1043,1048,1053,1057,1061,1065,1070],{"type":30,"tag":146,"props":997,"children":998},{"style":193},[999],{"type":36,"value":1000},"  \u003C",{"type":30,"tag":146,"props":1002,"children":1003},{"style":199},[1004],{"type":36,"value":1005},"canvas",{"type":30,"tag":146,"props":1007,"children":1008},{"style":205},[1009],{"type":36,"value":316},{"type":30,"tag":146,"props":1011,"children":1012},{"style":193},[1013],{"type":36,"value":1014},"=",{"type":30,"tag":146,"props":1016,"children":1017},{"style":159},[1018],{"type":36,"value":1019},"\"canvasRef\"",{"type":30,"tag":146,"props":1021,"children":1022},{"style":205},[1023],{"type":36,"value":1024}," style",{"type":30,"tag":146,"props":1026,"children":1027},{"style":193},[1028],{"type":36,"value":1014},{"type":30,"tag":146,"props":1030,"children":1031},{"style":193},[1032],{"type":36,"value":1033},"\"",{"type":30,"tag":146,"props":1035,"children":1036},{"style":193},[1037],{"type":36,"value":1038},"width: ",{"type":30,"tag":146,"props":1040,"children":1041},{"style":205},[1042],{"type":36,"value":450},{"type":30,"tag":146,"props":1044,"children":1045},{"style":199},[1046],{"type":36,"value":1047},"px",{"type":30,"tag":146,"props":1049,"children":1050},{"style":193},[1051],{"type":36,"value":1052},"; height: ",{"type":30,"tag":146,"props":1054,"children":1055},{"style":205},[1056],{"type":36,"value":450},{"type":30,"tag":146,"props":1058,"children":1059},{"style":199},[1060],{"type":36,"value":1047},{"type":30,"tag":146,"props":1062,"children":1063},{"style":193},[1064],{"type":36,"value":1033},{"type":30,"tag":146,"props":1066,"children":1068},{"style":1067},"--shiki-default:#FFFFFF",[1069],{"type":36,"value":687},{"type":30,"tag":146,"props":1071,"children":1072},{"style":193},[1073],{"type":36,"value":213},{"type":30,"tag":146,"props":1075,"children":1077},{"class":148,"line":1076},34,[1078,1082,1086],{"type":30,"tag":146,"props":1079,"children":1080},{"style":193},[1081],{"type":36,"value":958},{"type":30,"tag":146,"props":1083,"children":1084},{"style":199},[1085],{"type":36,"value":987},{"type":30,"tag":146,"props":1087,"children":1088},{"style":193},[1089],{"type":36,"value":213},{"type":30,"tag":65,"props":1091,"children":1092},{},[],{"type":30,"tag":31,"props":1094,"children":1096},{"id":1095},"核心配置說明",[1097],{"type":36,"value":1095},{"type":30,"tag":39,"props":1099,"children":1100},{},[1101],{"type":36,"value":1102},"COBE 提供了豐富的參數讓你調整地球的外觀：",{"type":30,"tag":1104,"props":1105,"children":1106},"table",{},[1107,1132],{"type":30,"tag":1108,"props":1109,"children":1110},"thead",{},[1111],{"type":30,"tag":1112,"props":1113,"children":1114},"tr",{},[1115,1122,1127],{"type":30,"tag":1116,"props":1117,"children":1119},"th",{"align":1118},"left",[1120],{"type":36,"value":1121},"參數",{"type":30,"tag":1116,"props":1123,"children":1124},{"align":1118},[1125],{"type":36,"value":1126},"說明",{"type":30,"tag":1116,"props":1128,"children":1129},{"align":1118},[1130],{"type":36,"value":1131},"範例值",{"type":30,"tag":1133,"props":1134,"children":1135},"tbody",{},[1136,1171,1200,1228,1254],{"type":30,"tag":1112,"props":1137,"children":1138},{},[1139,1149,1154],{"type":30,"tag":1140,"props":1141,"children":1142},"td",{"align":1118},[1143],{"type":30,"tag":142,"props":1144,"children":1146},{"className":1145},[],[1147],{"type":36,"value":1148},"dark",{"type":30,"tag":1140,"props":1150,"children":1151},{"align":1118},[1152],{"type":36,"value":1153},"背景明暗度",{"type":30,"tag":1140,"props":1155,"children":1156},{"align":1118},[1157,1162,1164,1169],{"type":30,"tag":142,"props":1158,"children":1160},{"className":1159},[],[1161],{"type":36,"value":511},{"type":36,"value":1163}," (明亮) \u002F ",{"type":30,"tag":142,"props":1165,"children":1167},{"className":1166},[],[1168],{"type":36,"value":554},{"type":36,"value":1170}," (黑暗)",{"type":30,"tag":1112,"props":1172,"children":1173},{},[1174,1183,1188],{"type":30,"tag":1140,"props":1175,"children":1176},{"align":1118},[1177],{"type":30,"tag":142,"props":1178,"children":1180},{"className":1179},[],[1181],{"type":36,"value":1182},"mapSamples",{"type":30,"tag":1140,"props":1184,"children":1185},{"align":1118},[1186],{"type":36,"value":1187},"地圖採樣點數量",{"type":30,"tag":1140,"props":1189,"children":1190},{"align":1118},[1191,1193,1198],{"type":36,"value":1192},"愈高愈細緻，但也愈吃效能 (建議 ",{"type":30,"tag":142,"props":1194,"children":1196},{"className":1195},[],[1197],{"type":36,"value":598},{"type":36,"value":1199},")",{"type":30,"tag":1112,"props":1201,"children":1202},{},[1203,1212,1217],{"type":30,"tag":1140,"props":1204,"children":1205},{"align":1118},[1206],{"type":30,"tag":142,"props":1207,"children":1209},{"className":1208},[],[1210],{"type":36,"value":1211},"baseColor",{"type":30,"tag":1140,"props":1213,"children":1214},{"align":1118},[1215],{"type":36,"value":1216},"地球表面顏色",{"type":30,"tag":1140,"props":1218,"children":1219},{"align":1118},[1220,1226],{"type":30,"tag":142,"props":1221,"children":1223},{"className":1222},[],[1224],{"type":36,"value":1225},"[r, g, b]",{"type":36,"value":1227}," 格式",{"type":30,"tag":1112,"props":1229,"children":1230},{},[1231,1240,1245],{"type":30,"tag":1140,"props":1232,"children":1233},{"align":1118},[1234],{"type":30,"tag":142,"props":1235,"children":1237},{"className":1236},[],[1238],{"type":36,"value":1239},"markerColor",{"type":30,"tag":1140,"props":1241,"children":1242},{"align":1118},[1243],{"type":36,"value":1244},"標記點顏色",{"type":30,"tag":1140,"props":1246,"children":1247},{"align":1118},[1248,1253],{"type":30,"tag":142,"props":1249,"children":1251},{"className":1250},[],[1252],{"type":36,"value":1225},{"type":36,"value":1227},{"type":30,"tag":1112,"props":1255,"children":1256},{},[1257,1266,1271],{"type":30,"tag":1140,"props":1258,"children":1259},{"align":1118},[1260],{"type":30,"tag":142,"props":1261,"children":1263},{"className":1262},[],[1264],{"type":36,"value":1265},"markers",{"type":30,"tag":1140,"props":1267,"children":1268},{"align":1118},[1269],{"type":36,"value":1270},"地圖上的標註點",{"type":30,"tag":1140,"props":1272,"children":1273},{"align":1118},[1274],{"type":36,"value":1275},"經緯度座標清單",{"type":30,"tag":65,"props":1277,"children":1278},{},[],{"type":30,"tag":31,"props":1280,"children":1282},{"id":1281},"個人心得",[1283],{"type":36,"value":1281},{"type":30,"tag":39,"props":1285,"children":1286},{},[1287,1289],{"type":36,"value":1288},"我非常喜歡 COBE 的設計哲學：",{"type":30,"tag":45,"props":1290,"children":1291},{},[1292],{"type":36,"value":1293},"只做一件事，並把它做到最好。",{"type":30,"tag":39,"props":1295,"children":1296},{},[1297],{"type":36,"value":1298},"如果你只是想為你的 Landing Page 增加一點視覺上的「高級感」，或者像我一樣想在個人部落格展示一下所在地，COBE 的 CP 值真的非常高。它不像 Three.js 那樣有極高的學習曲線，幾行程式碼就能搞定。",{"type":30,"tag":1300,"props":1301,"children":1302},"blockquote",{},[1303],{"type":30,"tag":39,"props":1304,"children":1305},{},[1306,1311,1313,1319],{"type":30,"tag":45,"props":1307,"children":1308},{},[1309],{"type":36,"value":1310},"小建議",{"type":36,"value":1312},"：在 Nuxt 中使用時，記得用 ",{"type":30,"tag":142,"props":1314,"children":1316},{"className":1315},[],[1317],{"type":36,"value":1318},"\u003CClientOnly>",{"type":36,"value":1320}," 包裹，否則會因為 SSR 找不到 window\u002Fcanvas 而報錯喔！",{"type":30,"tag":65,"props":1322,"children":1323},{},[],{"type":30,"tag":39,"props":1325,"children":1326},{},[1327],{"type":30,"tag":45,"props":1328,"children":1329},{},[1330],{"type":36,"value":1331},"相關連結：",{"type":30,"tag":1333,"props":1334,"children":1335},"ul",{},[1336,1347],{"type":30,"tag":1337,"props":1338,"children":1339},"li",{},[1340],{"type":30,"tag":105,"props":1341,"children":1344},{"href":1342,"rel":1343},"https:\u002F\u002Fgithub.com\u002Fshuding\u002Fcobe",[109],[1345],{"type":36,"value":1346},"COBE GitHub 倉庫",{"type":30,"tag":1337,"props":1348,"children":1349},{},[1350],{"type":30,"tag":105,"props":1351,"children":1353},{"href":107,"rel":1352},[109],[1354],{"type":36,"value":1355},"作者 Shuding 的官方 Demo",{"type":30,"tag":65,"props":1357,"children":1358},{},[],{"type":30,"tag":39,"props":1360,"children":1361},{},[1362],{"type":30,"tag":1363,"props":1364,"children":1365},"em",{},[1366],{"type":36,"value":1367},"本文地球儀實作參考自 COBE 官方範例並針對 Nuxt 3 進行組件化封裝。",{"type":30,"tag":1369,"props":1370,"children":1371},"style",{},[1372],{"type":36,"value":1373},"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);}",{"title":7,"searchDepth":216,"depth":216,"links":1375},[1376,1377,1378,1379,1383,1384],{"id":33,"depth":216,"text":37},{"id":70,"depth":216,"text":73},{"id":95,"depth":216,"text":98},{"id":118,"depth":216,"text":121,"children":1380},[1381,1382],{"id":125,"depth":241,"text":128},{"id":170,"depth":241,"text":173},{"id":1095,"depth":216,"text":1095},{"id":1281,"depth":216,"text":1281},"markdown","content:articles:cobe.md","content","articles\u002Fcobe.md","articles\u002Fcobe","md",[1392,1400,1406],{"_path":1393,"title":1394,"description":1395,"date":1396,"category":11,"image":1397,"tags":1398,"score":241},"\u002Farticles\u002Frough.js","Rough.js 手繪草稿風 Canvas 繪圖庫配置與網頁整合開發教學","如果你想在網站裡做出像白板草圖、設計稿、塗鴉感插圖，Rough.js 是一個簡單又很有辨識度的選擇。","2026-05-22","\u002Fimages\u002Fcode.png",[15,17,1399,16],"Data Visualization",{"_path":1401,"title":1402,"description":1403,"date":1404,"category":11,"image":1397,"tags":1405,"score":241},"\u002Farticles\u002Fpretext","Pretext 高效多行文字 Canvas 排版庫優化與防 DOM 重繪技術","想精準計算段落高度、做出更自由的文字排版，卻不想一直碰 getBoundingClientRect？Pretext 提供了一條很聰明的路。","2026-05-20",[15,16,17],{"_path":1407,"title":1408,"description":1409,"date":1410,"category":11,"image":1397,"tags":1411,"score":241},"\u002Farticles\u002Fdeckgl","Deck.gl 大規模 3D 地理數據視覺化框架與 MapLibre 整合實戰","想要在網頁上渲染數以萬計的數據點，同時保持流暢的 3D 互動？Deck.gl 是處理地理空間資料視覺化的絕佳利器。","2026-05-18",[14,15,1399,17],{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":8,"description":9,"date":10,"category":11,"image":12,"tags":1413,"series":18,"readingTime":19,"difficulty":20,"local":21,"platforms":1414,"gpu":25,"body":1415,"_type":1385,"_id":1386,"_source":1387,"_file":1388,"_stem":1389,"_extension":1390},[14,15,16,17],[23,24],{"type":27,"children":1416,"toc":2522},[1417,1421,1430,1439,1442,1446,1455,1458,1461,1465,1474,1477,1481,1485,1489,1510,1514,1518,2286,2289,2293,2297,2443,2446,2450,2458,2462,2479,2482,2489,2508,2511,2518],{"type":30,"tag":31,"props":1418,"children":1419},{"id":33},[1420],{"type":36,"value":37},{"type":30,"tag":39,"props":1422,"children":1423},{},[1424,1425,1429],{"type":36,"value":43},{"type":30,"tag":45,"props":1426,"children":1427},{},[1428],{"type":36,"value":49},{"type":36,"value":51},{"type":30,"tag":39,"props":1431,"children":1432},{},[1433,1434,1438],{"type":36,"value":56},{"type":30,"tag":45,"props":1435,"children":1436},{},[1437],{"type":36,"value":61},{"type":36,"value":63},{"type":30,"tag":65,"props":1440,"children":1441},{},[],{"type":30,"tag":31,"props":1443,"children":1444},{"id":70},[1445],{"type":36,"value":73},{"type":30,"tag":39,"props":1447,"children":1448},{},[1449,1450,1454],{"type":36,"value":78},{"type":30,"tag":45,"props":1451,"children":1452},{},[1453],{"type":36,"value":83},{"type":36,"value":85},{"type":30,"tag":87,"props":1456,"children":1457},{},[],{"type":30,"tag":65,"props":1459,"children":1460},{},[],{"type":30,"tag":31,"props":1462,"children":1463},{"id":95},[1464],{"type":36,"value":98},{"type":30,"tag":39,"props":1466,"children":1467},{},[1468,1469],{"type":36,"value":103},{"type":30,"tag":105,"props":1470,"children":1472},{"href":107,"rel":1471},[109],[1473],{"type":36,"value":112},{"type":30,"tag":65,"props":1475,"children":1476},{},[],{"type":30,"tag":31,"props":1478,"children":1479},{"id":118},[1480],{"type":36,"value":121},{"type":30,"tag":123,"props":1482,"children":1483},{"id":125},[1484],{"type":36,"value":128},{"type":30,"tag":39,"props":1486,"children":1487},{},[1488],{"type":36,"value":133},{"type":30,"tag":135,"props":1490,"children":1491},{"className":137,"code":138,"language":139,"meta":7,"style":7},[1492],{"type":30,"tag":142,"props":1493,"children":1494},{"__ignoreMap":7},[1495],{"type":30,"tag":146,"props":1496,"children":1497},{"class":148,"line":149},[1498,1502,1506],{"type":30,"tag":146,"props":1499,"children":1500},{"style":153},[1501],{"type":36,"value":156},{"type":30,"tag":146,"props":1503,"children":1504},{"style":159},[1505],{"type":36,"value":162},{"type":30,"tag":146,"props":1507,"children":1508},{"style":159},[1509],{"type":36,"value":167},{"type":30,"tag":123,"props":1511,"children":1512},{"id":170},[1513],{"type":36,"value":173},{"type":30,"tag":39,"props":1515,"children":1516},{},[1517],{"type":36,"value":178},{"type":30,"tag":135,"props":1519,"children":1520},{"className":181,"code":182,"language":183,"meta":7,"style":7},[1521],{"type":30,"tag":142,"props":1522,"children":1523},{"__ignoreMap":7},[1524,1543,1562,1597,1604,1635,1642,1661,1700,1719,1746,1773,1792,1811,1830,1849,1868,1887,1922,1981,2016,2027,2078,2085,2112,2119,2142,2149,2156,2163,2178,2185,2200,2271],{"type":30,"tag":146,"props":1525,"children":1526},{"class":148,"line":149},[1527,1531,1535,1539],{"type":30,"tag":146,"props":1528,"children":1529},{"style":193},[1530],{"type":36,"value":196},{"type":30,"tag":146,"props":1532,"children":1533},{"style":199},[1534],{"type":36,"value":202},{"type":30,"tag":146,"props":1536,"children":1537},{"style":205},[1538],{"type":36,"value":208},{"type":30,"tag":146,"props":1540,"children":1541},{"style":193},[1542],{"type":36,"value":213},{"type":30,"tag":146,"props":1544,"children":1545},{"class":148,"line":216},[1546,1550,1554,1558],{"type":30,"tag":146,"props":1547,"children":1548},{"style":220},[1549],{"type":36,"value":223},{"type":30,"tag":146,"props":1551,"children":1552},{"style":199},[1553],{"type":36,"value":228},{"type":30,"tag":146,"props":1555,"children":1556},{"style":220},[1557],{"type":36,"value":233},{"type":30,"tag":146,"props":1559,"children":1560},{"style":159},[1561],{"type":36,"value":238},{"type":30,"tag":146,"props":1563,"children":1564},{"class":148,"line":241},[1565,1569,1573,1577,1581,1585,1589,1593],{"type":30,"tag":146,"props":1566,"children":1567},{"style":220},[1568],{"type":36,"value":223},{"type":30,"tag":146,"props":1570,"children":1571},{"style":193},[1572],{"type":36,"value":251},{"type":30,"tag":146,"props":1574,"children":1575},{"style":199},[1576],{"type":36,"value":256},{"type":30,"tag":146,"props":1578,"children":1579},{"style":193},[1580],{"type":36,"value":261},{"type":30,"tag":146,"props":1582,"children":1583},{"style":199},[1584],{"type":36,"value":266},{"type":30,"tag":146,"props":1586,"children":1587},{"style":193},[1588],{"type":36,"value":271},{"type":30,"tag":146,"props":1590,"children":1591},{"style":220},[1592],{"type":36,"value":276},{"type":30,"tag":146,"props":1594,"children":1595},{"style":159},[1596],{"type":36,"value":281},{"type":30,"tag":146,"props":1598,"children":1599},{"class":148,"line":284},[1600],{"type":30,"tag":146,"props":1601,"children":1602},{"emptyLinePlaceholder":21},[1603],{"type":36,"value":290},{"type":30,"tag":146,"props":1605,"children":1606},{"class":148,"line":293},[1607,1611,1615,1619,1623,1627,1631],{"type":30,"tag":146,"props":1608,"children":1609},{"style":220},[1610],{"type":36,"value":299},{"type":30,"tag":146,"props":1612,"children":1613},{"style":302},[1614],{"type":36,"value":305},{"type":30,"tag":146,"props":1616,"children":1617},{"style":308},[1618],{"type":36,"value":311},{"type":30,"tag":146,"props":1620,"children":1621},{"style":153},[1622],{"type":36,"value":316},{"type":30,"tag":146,"props":1624,"children":1625},{"style":193},[1626],{"type":36,"value":321},{"type":30,"tag":146,"props":1628,"children":1629},{"style":205},[1630],{"type":36,"value":326},{"type":30,"tag":146,"props":1632,"children":1633},{"style":193},[1634],{"type":36,"value":331},{"type":30,"tag":146,"props":1636,"children":1637},{"class":148,"line":334},[1638],{"type":30,"tag":146,"props":1639,"children":1640},{"emptyLinePlaceholder":21},[1641],{"type":36,"value":290},{"type":30,"tag":146,"props":1643,"children":1644},{"class":148,"line":342},[1645,1649,1653,1657],{"type":30,"tag":146,"props":1646,"children":1647},{"style":153},[1648],{"type":36,"value":266},{"type":30,"tag":146,"props":1650,"children":1651},{"style":193},[1652],{"type":36,"value":352},{"type":30,"tag":146,"props":1654,"children":1655},{"style":220},[1656],{"type":36,"value":357},{"type":30,"tag":146,"props":1658,"children":1659},{"style":193},[1660],{"type":36,"value":362},{"type":30,"tag":146,"props":1662,"children":1663},{"class":148,"line":365},[1664,1668,1672,1676,1680,1684,1688,1692,1696],{"type":30,"tag":146,"props":1665,"children":1666},{"style":220},[1667],{"type":36,"value":371},{"type":30,"tag":146,"props":1669,"children":1670},{"style":302},[1671],{"type":36,"value":376},{"type":30,"tag":146,"props":1673,"children":1674},{"style":308},[1675],{"type":36,"value":311},{"type":30,"tag":146,"props":1677,"children":1678},{"style":153},[1679],{"type":36,"value":228},{"type":30,"tag":146,"props":1681,"children":1682},{"style":193},[1683],{"type":36,"value":321},{"type":30,"tag":146,"props":1685,"children":1686},{"style":302},[1687],{"type":36,"value":393},{"type":30,"tag":146,"props":1689,"children":1690},{"style":193},[1691],{"type":36,"value":398},{"type":30,"tag":146,"props":1693,"children":1694},{"style":199},[1695],{"type":36,"value":403},{"type":30,"tag":146,"props":1697,"children":1698},{"style":193},[1699],{"type":36,"value":408},{"type":30,"tag":146,"props":1701,"children":1702},{"class":148,"line":411},[1703,1707,1711,1715],{"type":30,"tag":146,"props":1704,"children":1705},{"style":199},[1706],{"type":36,"value":417},{"type":30,"tag":146,"props":1708,"children":1709},{"style":193},[1710],{"type":36,"value":422},{"type":30,"tag":146,"props":1712,"children":1713},{"style":205},[1714],{"type":36,"value":427},{"type":30,"tag":146,"props":1716,"children":1717},{"style":193},[1718],{"type":36,"value":432},{"type":30,"tag":146,"props":1720,"children":1721},{"class":148,"line":435},[1722,1726,1730,1734,1738,1742],{"type":30,"tag":146,"props":1723,"children":1724},{"style":199},[1725],{"type":36,"value":441},{"type":30,"tag":146,"props":1727,"children":1728},{"style":193},[1729],{"type":36,"value":422},{"type":30,"tag":146,"props":1731,"children":1732},{"style":205},[1733],{"type":36,"value":450},{"type":30,"tag":146,"props":1735,"children":1736},{"style":308},[1737],{"type":36,"value":455},{"type":30,"tag":146,"props":1739,"children":1740},{"style":205},[1741],{"type":36,"value":460},{"type":30,"tag":146,"props":1743,"children":1744},{"style":193},[1745],{"type":36,"value":432},{"type":30,"tag":146,"props":1747,"children":1748},{"class":148,"line":467},[1749,1753,1757,1761,1765,1769],{"type":30,"tag":146,"props":1750,"children":1751},{"style":199},[1752],{"type":36,"value":473},{"type":30,"tag":146,"props":1754,"children":1755},{"style":193},[1756],{"type":36,"value":422},{"type":30,"tag":146,"props":1758,"children":1759},{"style":205},[1760],{"type":36,"value":450},{"type":30,"tag":146,"props":1762,"children":1763},{"style":308},[1764],{"type":36,"value":455},{"type":30,"tag":146,"props":1766,"children":1767},{"style":205},[1768],{"type":36,"value":460},{"type":30,"tag":146,"props":1770,"children":1771},{"style":193},[1772],{"type":36,"value":432},{"type":30,"tag":146,"props":1774,"children":1775},{"class":148,"line":496},[1776,1780,1784,1788],{"type":30,"tag":146,"props":1777,"children":1778},{"style":199},[1779],{"type":36,"value":502},{"type":30,"tag":146,"props":1781,"children":1782},{"style":193},[1783],{"type":36,"value":422},{"type":30,"tag":146,"props":1785,"children":1786},{"style":205},[1787],{"type":36,"value":511},{"type":30,"tag":146,"props":1789,"children":1790},{"style":193},[1791],{"type":36,"value":432},{"type":30,"tag":146,"props":1793,"children":1794},{"class":148,"line":518},[1795,1799,1803,1807],{"type":30,"tag":146,"props":1796,"children":1797},{"style":199},[1798],{"type":36,"value":524},{"type":30,"tag":146,"props":1800,"children":1801},{"style":193},[1802],{"type":36,"value":422},{"type":30,"tag":146,"props":1804,"children":1805},{"style":205},[1806],{"type":36,"value":511},{"type":30,"tag":146,"props":1808,"children":1809},{"style":193},[1810],{"type":36,"value":432},{"type":30,"tag":146,"props":1812,"children":1813},{"class":148,"line":539},[1814,1818,1822,1826],{"type":30,"tag":146,"props":1815,"children":1816},{"style":199},[1817],{"type":36,"value":545},{"type":30,"tag":146,"props":1819,"children":1820},{"style":193},[1821],{"type":36,"value":422},{"type":30,"tag":146,"props":1823,"children":1824},{"style":205},[1825],{"type":36,"value":554},{"type":30,"tag":146,"props":1827,"children":1828},{"style":193},[1829],{"type":36,"value":432},{"type":30,"tag":146,"props":1831,"children":1832},{"class":148,"line":561},[1833,1837,1841,1845],{"type":30,"tag":146,"props":1834,"children":1835},{"style":199},[1836],{"type":36,"value":567},{"type":30,"tag":146,"props":1838,"children":1839},{"style":193},[1840],{"type":36,"value":422},{"type":30,"tag":146,"props":1842,"children":1843},{"style":205},[1844],{"type":36,"value":576},{"type":30,"tag":146,"props":1846,"children":1847},{"style":193},[1848],{"type":36,"value":432},{"type":30,"tag":146,"props":1850,"children":1851},{"class":148,"line":583},[1852,1856,1860,1864],{"type":30,"tag":146,"props":1853,"children":1854},{"style":199},[1855],{"type":36,"value":589},{"type":30,"tag":146,"props":1857,"children":1858},{"style":193},[1859],{"type":36,"value":422},{"type":30,"tag":146,"props":1861,"children":1862},{"style":205},[1863],{"type":36,"value":598},{"type":30,"tag":146,"props":1865,"children":1866},{"style":193},[1867],{"type":36,"value":432},{"type":30,"tag":146,"props":1869,"children":1870},{"class":148,"line":605},[1871,1875,1879,1883],{"type":30,"tag":146,"props":1872,"children":1873},{"style":199},[1874],{"type":36,"value":611},{"type":30,"tag":146,"props":1876,"children":1877},{"style":193},[1878],{"type":36,"value":422},{"type":30,"tag":146,"props":1880,"children":1881},{"style":205},[1882],{"type":36,"value":620},{"type":30,"tag":146,"props":1884,"children":1885},{"style":193},[1886],{"type":36,"value":432},{"type":30,"tag":146,"props":1888,"children":1889},{"class":148,"line":627},[1890,1894,1898,1902,1906,1910,1914,1918],{"type":30,"tag":146,"props":1891,"children":1892},{"style":199},[1893],{"type":36,"value":633},{"type":30,"tag":146,"props":1895,"children":1896},{"style":193},[1897],{"type":36,"value":638},{"type":30,"tag":146,"props":1899,"children":1900},{"style":205},[1901],{"type":36,"value":643},{"type":30,"tag":146,"props":1903,"children":1904},{"style":193},[1905],{"type":36,"value":261},{"type":30,"tag":146,"props":1907,"children":1908},{"style":205},[1909],{"type":36,"value":643},{"type":30,"tag":146,"props":1911,"children":1912},{"style":193},[1913],{"type":36,"value":261},{"type":30,"tag":146,"props":1915,"children":1916},{"style":205},[1917],{"type":36,"value":643},{"type":30,"tag":146,"props":1919,"children":1920},{"style":193},[1921],{"type":36,"value":664},{"type":30,"tag":146,"props":1923,"children":1924},{"class":148,"line":667},[1925,1929,1933,1937,1941,1945,1949,1953,1957,1961,1965,1969,1973,1977],{"type":30,"tag":146,"props":1926,"children":1927},{"style":199},[1928],{"type":36,"value":673},{"type":30,"tag":146,"props":1930,"children":1931},{"style":193},[1932],{"type":36,"value":638},{"type":30,"tag":146,"props":1934,"children":1935},{"style":205},[1936],{"type":36,"value":682},{"type":30,"tag":146,"props":1938,"children":1939},{"style":308},[1940],{"type":36,"value":687},{"type":30,"tag":146,"props":1942,"children":1943},{"style":205},[1944],{"type":36,"value":692},{"type":30,"tag":146,"props":1946,"children":1947},{"style":193},[1948],{"type":36,"value":261},{"type":30,"tag":146,"props":1950,"children":1951},{"style":205},[1952],{"type":36,"value":701},{"type":30,"tag":146,"props":1954,"children":1955},{"style":308},[1956],{"type":36,"value":687},{"type":30,"tag":146,"props":1958,"children":1959},{"style":205},[1960],{"type":36,"value":692},{"type":30,"tag":146,"props":1962,"children":1963},{"style":193},[1964],{"type":36,"value":261},{"type":30,"tag":146,"props":1966,"children":1967},{"style":205},[1968],{"type":36,"value":718},{"type":30,"tag":146,"props":1970,"children":1971},{"style":308},[1972],{"type":36,"value":687},{"type":30,"tag":146,"props":1974,"children":1975},{"style":205},[1976],{"type":36,"value":692},{"type":30,"tag":146,"props":1978,"children":1979},{"style":193},[1980],{"type":36,"value":664},{"type":30,"tag":146,"props":1982,"children":1983},{"class":148,"line":733},[1984,1988,1992,1996,2000,2004,2008,2012],{"type":30,"tag":146,"props":1985,"children":1986},{"style":199},[1987],{"type":36,"value":739},{"type":30,"tag":146,"props":1989,"children":1990},{"style":193},[1991],{"type":36,"value":638},{"type":30,"tag":146,"props":1993,"children":1994},{"style":205},[1995],{"type":36,"value":554},{"type":30,"tag":146,"props":1997,"children":1998},{"style":193},[1999],{"type":36,"value":261},{"type":30,"tag":146,"props":2001,"children":2002},{"style":205},[2003],{"type":36,"value":554},{"type":30,"tag":146,"props":2005,"children":2006},{"style":193},[2007],{"type":36,"value":261},{"type":30,"tag":146,"props":2009,"children":2010},{"style":205},[2011],{"type":36,"value":554},{"type":30,"tag":146,"props":2013,"children":2014},{"style":193},[2015],{"type":36,"value":664},{"type":30,"tag":146,"props":2017,"children":2018},{"class":148,"line":770},[2019,2023],{"type":30,"tag":146,"props":2020,"children":2021},{"style":199},[2022],{"type":36,"value":776},{"type":30,"tag":146,"props":2024,"children":2025},{"style":193},[2026],{"type":36,"value":781},{"type":30,"tag":146,"props":2028,"children":2029},{"class":148,"line":784},[2030,2034,2038,2042,2046,2050,2054,2058,2062,2066,2070,2074],{"type":30,"tag":146,"props":2031,"children":2032},{"style":193},[2033],{"type":36,"value":790},{"type":30,"tag":146,"props":2035,"children":2036},{"style":199},[2037],{"type":36,"value":795},{"type":30,"tag":146,"props":2039,"children":2040},{"style":193},[2041],{"type":36,"value":638},{"type":30,"tag":146,"props":2043,"children":2044},{"style":205},[2045],{"type":36,"value":804},{"type":30,"tag":146,"props":2047,"children":2048},{"style":193},[2049],{"type":36,"value":261},{"type":30,"tag":146,"props":2051,"children":2052},{"style":205},[2053],{"type":36,"value":813},{"type":30,"tag":146,"props":2055,"children":2056},{"style":193},[2057],{"type":36,"value":818},{"type":30,"tag":146,"props":2059,"children":2060},{"style":199},[2061],{"type":36,"value":823},{"type":30,"tag":146,"props":2063,"children":2064},{"style":193},[2065],{"type":36,"value":422},{"type":30,"tag":146,"props":2067,"children":2068},{"style":205},[2069],{"type":36,"value":832},{"type":30,"tag":146,"props":2071,"children":2072},{"style":193},[2073],{"type":36,"value":837},{"type":30,"tag":146,"props":2075,"children":2076},{"style":840},[2077],{"type":36,"value":843},{"type":30,"tag":146,"props":2079,"children":2080},{"class":148,"line":846},[2081],{"type":30,"tag":146,"props":2082,"children":2083},{"style":193},[2084],{"type":36,"value":852},{"type":30,"tag":146,"props":2086,"children":2087},{"class":148,"line":855},[2088,2092,2096,2100,2104,2108],{"type":30,"tag":146,"props":2089,"children":2090},{"style":153},[2091],{"type":36,"value":861},{"type":30,"tag":146,"props":2093,"children":2094},{"style":193},[2095],{"type":36,"value":866},{"type":30,"tag":146,"props":2097,"children":2098},{"style":869},[2099],{"type":36,"value":872},{"type":30,"tag":146,"props":2101,"children":2102},{"style":193},[2103],{"type":36,"value":877},{"type":30,"tag":146,"props":2105,"children":2106},{"style":220},[2107],{"type":36,"value":357},{"type":30,"tag":146,"props":2109,"children":2110},{"style":193},[2111],{"type":36,"value":362},{"type":30,"tag":146,"props":2113,"children":2114},{"class":148,"line":888},[2115],{"type":30,"tag":146,"props":2116,"children":2117},{"style":840},[2118],{"type":36,"value":894},{"type":30,"tag":146,"props":2120,"children":2121},{"class":148,"line":897},[2122,2126,2130,2134,2138],{"type":30,"tag":146,"props":2123,"children":2124},{"style":302},[2125],{"type":36,"value":903},{"type":30,"tag":146,"props":2127,"children":2128},{"style":193},[2129],{"type":36,"value":398},{"type":30,"tag":146,"props":2131,"children":2132},{"style":199},[2133],{"type":36,"value":912},{"type":30,"tag":146,"props":2135,"children":2136},{"style":308},[2137],{"type":36,"value":917},{"type":30,"tag":146,"props":2139,"children":2140},{"style":205},[2141],{"type":36,"value":922},{"type":30,"tag":146,"props":2143,"children":2144},{"class":148,"line":925},[2145],{"type":30,"tag":146,"props":2146,"children":2147},{"style":193},[2148],{"type":36,"value":931},{"type":30,"tag":146,"props":2150,"children":2151},{"class":148,"line":934},[2152],{"type":30,"tag":146,"props":2153,"children":2154},{"style":193},[2155],{"type":36,"value":940},{"type":30,"tag":146,"props":2157,"children":2158},{"class":148,"line":943},[2159],{"type":30,"tag":146,"props":2160,"children":2161},{"style":193},[2162],{"type":36,"value":949},{"type":30,"tag":146,"props":2164,"children":2165},{"class":148,"line":952},[2166,2170,2174],{"type":30,"tag":146,"props":2167,"children":2168},{"style":193},[2169],{"type":36,"value":958},{"type":30,"tag":146,"props":2171,"children":2172},{"style":199},[2173],{"type":36,"value":202},{"type":30,"tag":146,"props":2175,"children":2176},{"style":193},[2177],{"type":36,"value":213},{"type":30,"tag":146,"props":2179,"children":2180},{"class":148,"line":969},[2181],{"type":30,"tag":146,"props":2182,"children":2183},{"emptyLinePlaceholder":21},[2184],{"type":36,"value":290},{"type":30,"tag":146,"props":2186,"children":2187},{"class":148,"line":977},[2188,2192,2196],{"type":30,"tag":146,"props":2189,"children":2190},{"style":193},[2191],{"type":36,"value":196},{"type":30,"tag":146,"props":2193,"children":2194},{"style":199},[2195],{"type":36,"value":987},{"type":30,"tag":146,"props":2197,"children":2198},{"style":193},[2199],{"type":36,"value":213},{"type":30,"tag":146,"props":2201,"children":2202},{"class":148,"line":994},[2203,2207,2211,2215,2219,2223,2227,2231,2235,2239,2243,2247,2251,2255,2259,2263,2267],{"type":30,"tag":146,"props":2204,"children":2205},{"style":193},[2206],{"type":36,"value":1000},{"type":30,"tag":146,"props":2208,"children":2209},{"style":199},[2210],{"type":36,"value":1005},{"type":30,"tag":146,"props":2212,"children":2213},{"style":205},[2214],{"type":36,"value":316},{"type":30,"tag":146,"props":2216,"children":2217},{"style":193},[2218],{"type":36,"value":1014},{"type":30,"tag":146,"props":2220,"children":2221},{"style":159},[2222],{"type":36,"value":1019},{"type":30,"tag":146,"props":2224,"children":2225},{"style":205},[2226],{"type":36,"value":1024},{"type":30,"tag":146,"props":2228,"children":2229},{"style":193},[2230],{"type":36,"value":1014},{"type":30,"tag":146,"props":2232,"children":2233},{"style":193},[2234],{"type":36,"value":1033},{"type":30,"tag":146,"props":2236,"children":2237},{"style":193},[2238],{"type":36,"value":1038},{"type":30,"tag":146,"props":2240,"children":2241},{"style":205},[2242],{"type":36,"value":450},{"type":30,"tag":146,"props":2244,"children":2245},{"style":199},[2246],{"type":36,"value":1047},{"type":30,"tag":146,"props":2248,"children":2249},{"style":193},[2250],{"type":36,"value":1052},{"type":30,"tag":146,"props":2252,"children":2253},{"style":205},[2254],{"type":36,"value":450},{"type":30,"tag":146,"props":2256,"children":2257},{"style":199},[2258],{"type":36,"value":1047},{"type":30,"tag":146,"props":2260,"children":2261},{"style":193},[2262],{"type":36,"value":1033},{"type":30,"tag":146,"props":2264,"children":2265},{"style":1067},[2266],{"type":36,"value":687},{"type":30,"tag":146,"props":2268,"children":2269},{"style":193},[2270],{"type":36,"value":213},{"type":30,"tag":146,"props":2272,"children":2273},{"class":148,"line":1076},[2274,2278,2282],{"type":30,"tag":146,"props":2275,"children":2276},{"style":193},[2277],{"type":36,"value":958},{"type":30,"tag":146,"props":2279,"children":2280},{"style":199},[2281],{"type":36,"value":987},{"type":30,"tag":146,"props":2283,"children":2284},{"style":193},[2285],{"type":36,"value":213},{"type":30,"tag":65,"props":2287,"children":2288},{},[],{"type":30,"tag":31,"props":2290,"children":2291},{"id":1095},[2292],{"type":36,"value":1095},{"type":30,"tag":39,"props":2294,"children":2295},{},[2296],{"type":36,"value":1102},{"type":30,"tag":1104,"props":2298,"children":2299},{},[2300,2318],{"type":30,"tag":1108,"props":2301,"children":2302},{},[2303],{"type":30,"tag":1112,"props":2304,"children":2305},{},[2306,2310,2314],{"type":30,"tag":1116,"props":2307,"children":2308},{"align":1118},[2309],{"type":36,"value":1121},{"type":30,"tag":1116,"props":2311,"children":2312},{"align":1118},[2313],{"type":36,"value":1126},{"type":30,"tag":1116,"props":2315,"children":2316},{"align":1118},[2317],{"type":36,"value":1131},{"type":30,"tag":1133,"props":2319,"children":2320},{},[2321,2351,2376,2400,2424],{"type":30,"tag":1112,"props":2322,"children":2323},{},[2324,2332,2336],{"type":30,"tag":1140,"props":2325,"children":2326},{"align":1118},[2327],{"type":30,"tag":142,"props":2328,"children":2330},{"className":2329},[],[2331],{"type":36,"value":1148},{"type":30,"tag":1140,"props":2333,"children":2334},{"align":1118},[2335],{"type":36,"value":1153},{"type":30,"tag":1140,"props":2337,"children":2338},{"align":1118},[2339,2344,2345,2350],{"type":30,"tag":142,"props":2340,"children":2342},{"className":2341},[],[2343],{"type":36,"value":511},{"type":36,"value":1163},{"type":30,"tag":142,"props":2346,"children":2348},{"className":2347},[],[2349],{"type":36,"value":554},{"type":36,"value":1170},{"type":30,"tag":1112,"props":2352,"children":2353},{},[2354,2362,2366],{"type":30,"tag":1140,"props":2355,"children":2356},{"align":1118},[2357],{"type":30,"tag":142,"props":2358,"children":2360},{"className":2359},[],[2361],{"type":36,"value":1182},{"type":30,"tag":1140,"props":2363,"children":2364},{"align":1118},[2365],{"type":36,"value":1187},{"type":30,"tag":1140,"props":2367,"children":2368},{"align":1118},[2369,2370,2375],{"type":36,"value":1192},{"type":30,"tag":142,"props":2371,"children":2373},{"className":2372},[],[2374],{"type":36,"value":598},{"type":36,"value":1199},{"type":30,"tag":1112,"props":2377,"children":2378},{},[2379,2387,2391],{"type":30,"tag":1140,"props":2380,"children":2381},{"align":1118},[2382],{"type":30,"tag":142,"props":2383,"children":2385},{"className":2384},[],[2386],{"type":36,"value":1211},{"type":30,"tag":1140,"props":2388,"children":2389},{"align":1118},[2390],{"type":36,"value":1216},{"type":30,"tag":1140,"props":2392,"children":2393},{"align":1118},[2394,2399],{"type":30,"tag":142,"props":2395,"children":2397},{"className":2396},[],[2398],{"type":36,"value":1225},{"type":36,"value":1227},{"type":30,"tag":1112,"props":2401,"children":2402},{},[2403,2411,2415],{"type":30,"tag":1140,"props":2404,"children":2405},{"align":1118},[2406],{"type":30,"tag":142,"props":2407,"children":2409},{"className":2408},[],[2410],{"type":36,"value":1239},{"type":30,"tag":1140,"props":2412,"children":2413},{"align":1118},[2414],{"type":36,"value":1244},{"type":30,"tag":1140,"props":2416,"children":2417},{"align":1118},[2418,2423],{"type":30,"tag":142,"props":2419,"children":2421},{"className":2420},[],[2422],{"type":36,"value":1225},{"type":36,"value":1227},{"type":30,"tag":1112,"props":2425,"children":2426},{},[2427,2435,2439],{"type":30,"tag":1140,"props":2428,"children":2429},{"align":1118},[2430],{"type":30,"tag":142,"props":2431,"children":2433},{"className":2432},[],[2434],{"type":36,"value":1265},{"type":30,"tag":1140,"props":2436,"children":2437},{"align":1118},[2438],{"type":36,"value":1270},{"type":30,"tag":1140,"props":2440,"children":2441},{"align":1118},[2442],{"type":36,"value":1275},{"type":30,"tag":65,"props":2444,"children":2445},{},[],{"type":30,"tag":31,"props":2447,"children":2448},{"id":1281},[2449],{"type":36,"value":1281},{"type":30,"tag":39,"props":2451,"children":2452},{},[2453,2454],{"type":36,"value":1288},{"type":30,"tag":45,"props":2455,"children":2456},{},[2457],{"type":36,"value":1293},{"type":30,"tag":39,"props":2459,"children":2460},{},[2461],{"type":36,"value":1298},{"type":30,"tag":1300,"props":2463,"children":2464},{},[2465],{"type":30,"tag":39,"props":2466,"children":2467},{},[2468,2472,2473,2478],{"type":30,"tag":45,"props":2469,"children":2470},{},[2471],{"type":36,"value":1310},{"type":36,"value":1312},{"type":30,"tag":142,"props":2474,"children":2476},{"className":2475},[],[2477],{"type":36,"value":1318},{"type":36,"value":1320},{"type":30,"tag":65,"props":2480,"children":2481},{},[],{"type":30,"tag":39,"props":2483,"children":2484},{},[2485],{"type":30,"tag":45,"props":2486,"children":2487},{},[2488],{"type":36,"value":1331},{"type":30,"tag":1333,"props":2490,"children":2491},{},[2492,2500],{"type":30,"tag":1337,"props":2493,"children":2494},{},[2495],{"type":30,"tag":105,"props":2496,"children":2498},{"href":1342,"rel":2497},[109],[2499],{"type":36,"value":1346},{"type":30,"tag":1337,"props":2501,"children":2502},{},[2503],{"type":30,"tag":105,"props":2504,"children":2506},{"href":107,"rel":2505},[109],[2507],{"type":36,"value":1355},{"type":30,"tag":65,"props":2509,"children":2510},{},[],{"type":30,"tag":39,"props":2512,"children":2513},{},[2514],{"type":30,"tag":1363,"props":2515,"children":2516},{},[2517],{"type":36,"value":1367},{"type":30,"tag":1369,"props":2519,"children":2520},{},[2521],{"type":36,"value":1373},{"title":7,"searchDepth":216,"depth":216,"links":2523},[2524,2525,2526,2527,2531,2532],{"id":33,"depth":216,"text":37},{"id":70,"depth":216,"text":73},{"id":95,"depth":216,"text":98},{"id":118,"depth":216,"text":121,"children":2528},[2529,2530],{"id":125,"depth":241,"text":128},{"id":170,"depth":241,"text":173},{"id":1095,"depth":216,"text":1095},{"id":1281,"depth":216,"text":1281},1779779150287]