[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"navigation":3,"post-page-\u002Fposts\u002Funi-leaflet-doc":186},[4],{"title":5,"path":6,"stem":7,"children":8,"page":185},"Posts","\u002Fposts","posts",[9,13,17,21,25,29,33,37,41,45,49,53,57,61,65,69,73,77,81,85,89,93,97,101,105,109,113,117,121,125,129,133,137,141,145,149,153,157,161,165,169,173,177,181],{"title":10,"path":11,"stem":12},"2022年终总结","\u002Fposts\u002F2022-year-end-summary","posts\u002F2022-year-end-summary",{"title":14,"path":15,"stem":16},"2023年终总结","\u002Fposts\u002F2023-year-end-summary","posts\u002F2023-year-end-summary",{"title":18,"path":19,"stem":20},"2024年终总结","\u002Fposts\u002F2024-year-end-summary","posts\u002F2024-year-end-summary",{"title":22,"path":23,"stem":24},"2025年终总结","\u002Fposts\u002F2025-year-end-summary","posts\u002F2025-year-end-summary",{"title":26,"path":27,"stem":28},"制作一个有趣的404页面","\u002Fposts\u002Fadd-an-interesting-404-page","posts\u002Fadd-an-interesting-404-page",{"title":30,"path":31,"stem":32},"光速结束的秋招","\u002Fposts\u002Fautumn-move-that-ends-at-the-speed-of-light","posts\u002Fautumn-move-that-ends-at-the-speed-of-light",{"title":34,"path":35,"stem":36},"总是遇到一些烂项目","\u002Fposts\u002Fbad-projects-always-encountered","posts\u002Fbad-projects-always-encountered",{"title":38,"path":39,"stem":40},"又买了一辆车","\u002Fposts\u002Fbuy-another-car","posts\u002Fbuy-another-car",{"title":42,"path":43,"stem":44},"CesiumJS初始化","\u002Fposts\u002Fcesium-demos-init","posts\u002Fcesium-demos-init",{"title":46,"path":47,"stem":48},"情侣之间的矛盾","\u002Fposts\u002Fcouple-conflicts","posts\u002Fcouple-conflicts",{"title":50,"path":51,"stem":52},"自定义hugo短代码","\u002Fposts\u002Fcustom-hugo-shortcode","posts\u002Fcustom-hugo-shortcode",{"title":54,"path":55,"stem":56},"基于Element ui的日期滑块设计","\u002Fposts\u002Fdateslider-by-elementui","posts\u002Fdateslider-by-elementui",{"title":58,"path":59,"stem":60},"培养阅读和写作的习惯","\u002Fposts\u002Fdevelop-reading-and-writing-habits","posts\u002Fdevelop-reading-and-writing-habits",{"title":62,"path":63,"stem":64},"懒折桂枝","\u002Fposts\u002Fdisdain-the-laurel","posts\u002Fdisdain-the-laurel",{"title":66,"path":67,"stem":68},"就业求职二三事","\u002Fposts\u002Femployment-and-job-hunting-matters","posts\u002Femployment-and-job-hunting-matters",{"title":70,"path":71,"stem":72},"两年之期已满，龙王尚未归位","\u002Fposts\u002Fend-of-first-labor-contract","posts\u002Fend-of-first-labor-contract",{"title":74,"path":75,"stem":76},"终于毕业了","\u002Fposts\u002Ffinally-graduated","posts\u002Ffinally-graduated",{"title":78,"path":79,"stem":80},"第一次和女朋友买衣服","\u002Fposts\u002Ffirst-shopping-with-girlfriend","posts\u002Ffirst-shopping-with-girlfriend",{"title":82,"path":83,"stem":84},"从解封到变阳","\u002Fposts\u002Ffrom-unblocking-to-be-diagnosed","posts\u002Ffrom-unblocking-to-be-diagnosed",{"title":86,"path":87,"stem":88},"大和解","\u002Fposts\u002Fgreat-reconciliation","posts\u002Fgreat-reconciliation",{"title":90,"path":91,"stem":92},"无效争论","\u002Fposts\u002Finvalid-argument","posts\u002Finvalid-argument",{"title":94,"path":95,"stem":96},"生活的恶意与人的运势","\u002Fposts\u002Fmalice-of-life-and-human-fortune","posts\u002Fmalice-of-life-and-human-fortune",{"title":98,"path":99,"stem":100},"男人应该自信","\u002Fposts\u002Fmen-should-be-confident","posts\u002Fmen-should-be-confident",{"title":102,"path":103,"stem":104},"第一次装机记录","\u002Fposts\u002Fmy-first-computer-build","posts\u002Fmy-first-computer-build",{"title":106,"path":107,"stem":108},"三年之痛","\u002Fposts\u002Fpain-of-three-years","posts\u002Fpain-of-three-years",{"title":110,"path":111,"stem":112},"使用 pnpm 管理 nodejs 版本","\u002Fposts\u002Fpnpm-manages-nodejs-version","posts\u002Fpnpm-manages-nodejs-version",{"title":114,"path":115,"stem":116},"快速创建一篇博客文章","\u002Fposts\u002Fquick-post-creation","posts\u002Fquick-post-creation",{"title":118,"path":119,"stem":120},"记录一下和对象的坎坷","\u002Fposts\u002Frecording-the-bumpy-road-with-objects","posts\u002Frecording-the-bumpy-road-with-objects",{"title":122,"path":123,"stem":124},"审了一份简历","\u002Fposts\u002Freviewing-a-resume","posts\u002Freviewing-a-resume",{"title":126,"path":127,"stem":128},"使用 ACME 申请证书并自动续期","\u002Fposts\u002Fset-acme-certificate-with-auto-renew","posts\u002Fset-acme-certificate-with-auto-renew",{"title":130,"path":131,"stem":132},"为文章设置过期提示","\u002Fposts\u002Fset-expiration-reminder-for-posts","posts\u002Fset-expiration-reminder-for-posts",{"title":134,"path":135,"stem":136},"鞋带和代码","\u002Fposts\u002Fshoelace-and-code","posts\u002Fshoelace-and-code",{"title":138,"path":139,"stem":140},"闲聊前端工程师的能力与职责","\u002Fposts\u002Fthe-capabilities-and-responsibilities-of-frontend-engineers","posts\u002Fthe-capabilities-and-responsibilities-of-frontend-engineers",{"title":142,"path":143,"stem":144},"根标签\u003Chtml>与伪类:root的区别","\u002Fposts\u002Fthe-difference-between-root-and-html","posts\u002Fthe-difference-between-root-and-html",{"title":146,"path":147,"stem":148},"门边的素质","\u002Fposts\u002Fthe-qualities-at-the-doors","posts\u002Fthe-qualities-at-the-doors",{"title":150,"path":151,"stem":152},"uni-leaflet 官方文档","\u002Fposts\u002Funi-leaflet-doc","posts\u002Funi-leaflet-doc",{"title":154,"path":155,"stem":156},"Vue速通(1)","\u002Fposts\u002Fvue-speedrun-1","posts\u002Fvue-speedrun-1",{"title":158,"path":159,"stem":160},"Vue速通(2)","\u002Fposts\u002Fvue-speedrun-2","posts\u002Fvue-speedrun-2",{"title":162,"path":163,"stem":164},"Vue速通(3)","\u002Fposts\u002Fvue-speedrun-3","posts\u002Fvue-speedrun-3",{"title":166,"path":167,"stem":168},"Vue速通(4)","\u002Fposts\u002Fvue-speedrun-4","posts\u002Fvue-speedrun-4",{"title":170,"path":171,"stem":172},"Vue速通(5)","\u002Fposts\u002Fvue-speedrun-5","posts\u002Fvue-speedrun-5",{"title":174,"path":175,"stem":176},"Vue速通(6)","\u002Fposts\u002Fvue-speedrun-6","posts\u002Fvue-speedrun-6",{"title":178,"path":179,"stem":180},"WSL2 访问 Clash 网络代理","\u002Fposts\u002Fwsl2-access-clash-network-proxy","posts\u002Fwsl2-access-clash-network-proxy",{"title":182,"path":183,"stem":184},"WSL2 中网络服务访问 localhost","\u002Fposts\u002Fwsl2-network-service-work-on-localhost","posts\u002Fwsl2-network-service-work-on-localhost",false,{"post":187,"prevPost":7074,"nextPost":7085,"relatedPosts":7091},{"id":188,"title":150,"aigc":185,"body":189,"categories":7072,"cover":7074,"createdAt":7075,"description":195,"draft":185,"encrypted":185,"extension":7076,"hidden":185,"meta":7077,"navigation":754,"original":185,"outdated":185,"outdatedAt":7074,"outdatedWarning":7074,"path":151,"seo":7078,"stem":152,"subTitle":7074,"tags":7079,"toc":185,"updatedAt":7074,"__hash__":7083,"charCount":7084},"posts\u002Fposts\u002Funi-leaflet-doc.md",{"type":190,"value":191,"toc":7042},"minimark",[192,196,225,241,244,249,628,630,634,708,710,714,798,800,804,809,1318,1320,1328,1435,1437,1441,1816,1818,1822,3406,3408,3412,3419,3834,3836,3840,3843,4332,4334,4338,4342,4776,4778,4782,5084,5086,5090,5332,5334,5338,5479,5481,5485,5640,5642,5646,5716,5718,5722,5844,5846,5850,6058,6060,6068,6357,6362,6804,6808,6819,7014,7029,7031,7035,7039],[193,194,195],"p",{},"🚀 跨端、高性能的 Uni-App (Vue 3 + TypeScript) 地图组件。",[193,197,198,199,203,204,207,208,211,212,216,217,220,221,224],{},"在 ",[200,201,202],"strong",{},"H5 端"," 与 ",[200,205,206],{},"App 端 (APP-PLUS)"," 自动加载成熟强大的 ",[200,209,210],{},"Leaflet.js"," 生态（App 端基于 ",[213,214,215],"code",{},"renderjs"," 独立视图层驱动与手势防抖锁）；在 ",[200,218,219],{},"小程序端"," 自动无缝切换为纯原生 ",[200,222,223],{},"Canvas 2D"," 瓦片与矢量渲染引擎。一套代码，三端极致体验！",[226,227,228],"blockquote",{},[193,229,230,231],{},"🎮 ",[200,232,233,234],{},"在线体验与示例站点请访问：",[235,236,240],"a",{"href":237,"rel":238},"https:\u002F\u002Fdemo.jike.dev\u002Funi-helper\u002F#\u002Fpages\u002Fleaflet\u002Findex",[239],"nofollow","在线示例",[242,243],"hr",{},[245,246,248],"h2",{"id":247},"核心特性","✨ 核心特性",[250,251,252,290,304,348,370,383,424,487,513,536,550,594,614,621],"ul",{},[253,254,255,256,259,260],"li",{},"🌐 ",[200,257,258],{},"一套代码，跨端自适应","：\n",[250,261,262,267,284],{},[253,263,264,266],{},[200,265,202],{},"：采用标准 Leaflet.js DOM 渲染，支持完整 GIS 坐标变换与图层生态。",[253,268,269,272,273,275,276,283],{},[200,270,271],{},"App 端 (iOS \u002F Android)","：采用 Leaflet.js + Uni-App ",[213,274,215],{}," 架构，配合",[200,277,278,279,282],{},"手势互斥锁（Anti-Feedback Loop）",[200,280,281],{},"与","图层增量 Diff 缓存","，彻底杜绝手势抖动与白屏闪烁，体验媲美原生。",[253,285,286,289],{},[200,287,288],{},"微信小程序端","：采用底层 Canvas 2D 高性能离屏\u002F视口瓦片调度，支持 DPR 高分屏自适应，内置 Canvas 原生矢量缩放控件（零 DOM 遮挡）。",[253,291,292,293,259,296],{},"🫧 ",[200,294,295],{},"高性能海量点聚合 (Marker Clustering)",[250,297,298,301],{},[253,299,300],{},"支持屏幕像素距离阈值自适应网格聚类，动态渲染精致圆形数字气泡徽标。",[253,302,303],{},"点击聚合点自动局部平滑缩放并展开下钻，超过最大缩放层级自动散开为独立散点。",[253,305,306,307,259,310],{},"👤 ",[200,308,309],{},"精美头像\u002F照片气泡与脉冲光晕动效 (Avatar Marker Bubbles)",[250,311,312,319,341],{},[253,313,314,315,318],{},"内置开箱即用的头像气泡模板 (",[213,316,317],{},"type: 'avatar'",")，支持圆形头像裁剪、自定义边框色与线宽。",[253,320,321,322,325,326,329,330,333,334,333,337,340],{},"支持右上角自定义 Emoji 或文字角标 (",[213,323,324],{},"badgeText"," \u002F ",[213,327,328],{},"badgeColor","，如 ",[213,331,332],{},"'❤️'",", ",[213,335,336],{},"'VIP'",[213,338,339],{},"'👑'",")。",[253,342,343,344,347],{},"支持呼吸心跳脉冲光晕微动效 (",[213,345,346],{},"pulse: true",")，全端流畅硬件加速渲染。",[253,349,350,351,259,354],{},"✈️ ",[200,352,353],{},"二次贝塞尔弧线旅行航线与粒子流光动效 (Curved Routes & Flowing Dashlines)",[250,355,356,363],{},[253,357,358,359,362],{},"路线支持开启贝塞尔平滑弧线 (",[213,360,361],{},"curved: true",")，自动计算旅行航线\u002F航迹的大圆拱起曲率。",[253,364,365,366,369],{},"支持从起点向终点持续流动的虚线粒子流光动效 (",[213,367,368],{},"flowing: true",")，H5\u002FApp 端 GPU CSS 关键帧加速，小程序端 Canvas 2D 高效补帧。",[253,371,255,372,259,375],{},[200,373,374],{},"GeoJSON 矢量图层全端跨端渲染",[250,376,377,380],{},[253,378,379],{},"支持标准 GeoJSON (FeatureCollection \u002F Feature \u002F Point \u002F LineString \u002F Polygon \u002F MultiPolygon)。",[253,381,382],{},"微信小程序 Canvas 2D 与 H5 \u002F App Leaflet 端全功能对齐，支持动态响应式更新、样式函数与要素点击事件。",[253,384,385,386,259,389],{},"🎯 ",[200,387,388],{},"智能视野自适应包裹 (Auto fitBounds)",[250,390,391,401],{},[253,392,393,394,397,398,340],{},"一键计算四至范围并平滑缓动平移缩放至最佳视口，支持设置内边距 (",[213,395,396],{},"padding",") 与最大层级 (",[213,399,400],{},"maxZoom",[253,402,403,404,407,408,411,412,415,416,419,420,423],{},"支持一键快捷包裹全部要素 (",[213,405,406],{},"'all'",")、点 (",[213,409,410],{},"'markers'",")、线 (",[213,413,414],{},"'polylines'",")、面 (",[213,417,418],{},"'polygons'",")、行政区划 (",[213,421,422],{},"'geojson'",") 或任意自定义足迹坐标集合。",[253,425,426,427,259,430],{},"🎨 ",[200,428,429],{},"丰富多样的图标样式支持 (Marker Icons)",[250,431,432,448,458,468,478],{},[253,433,434,437,438,333,441,333,444,447],{},[200,435,436],{},"Emoji 字符图标","：免网络请求，轻量生动（如 ",[213,439,440],{},"🏛️",[213,442,443],{},"🚩",[213,445,446],{},"☕","）。",[253,449,450,453,454,457],{},[200,451,452],{},"PNG \u002F JPG \u002F 本地图片 \u002F 网络 URL","：支持本地 ",[213,455,456],{},"\u002Fstatic\u002Ficons\u002Fxxx.png"," 相对路径、网络图片或 Base64 Data URI。",[253,459,460,463,464,467],{},[200,461,462],{},"SVG 矢量文件","：支持引用 ",[213,465,466],{},".svg"," 静态文件，无损缩放，高分屏超清晰。",[253,469,470,473,474,477],{},[200,471,472],{},"SVG 内联代码","：支持直接传入 ",[213,475,476],{},"\u003Csvg>...\u003C\u002Fsvg>"," XML 字符串，支持动态渐变（Gradient）、自定义矢量图案与阴影。",[253,479,480,483,484,340],{},[200,481,482],{},"默认矢量 Pin","：内置优雅水滴 Pin，支持自定义主题填充色 (",[213,485,486],{},"color",[253,488,489,490,259,493],{},"🗺️ ",[200,491,492],{},"多源底图即开即用",[250,494,495,501,507],{},[253,496,497,500],{},[200,498,499],{},"高德地图 (AutoNavi)","：道路矢量、卫星影像、路网注记（免 Token 极速加载）。",[253,502,503,506],{},[200,504,505],{},"天地图 (Tianditu)","：矢量\u002F影像\u002F地形底图 + 透明地名道路注记图层叠加（WMTS 标准）。",[253,508,509,512],{},[200,510,511],{},"OpenStreetMap \u002F CartoDB","：浅色\u002F深色极简底图。",[253,514,385,515,259,518],{},[200,516,517],{},"小程序原生友好与高度一致性",[250,519,520,530],{},[253,521,522,525,526,529],{},[200,523,524],{},"摆脱 iframe\u002FWeb-View 限制","：小程序端原生支持渲染自定义图源（如天地图），",[200,527,528],{},"无需依赖 Web-View 嵌套","。完美避开了个人小程序无法配置业务域名的痛点，对个人开发者极其友好。",[253,531,532,535],{},[200,533,534],{},"三端表现一致","：底层完全抹平渲染差异，不仅多平台表现一致，在不同小程序（微信等）中的视觉、手势交互和 API 行为也保持高度一致。",[253,537,538,539,542,543,546,547,447],{},"📑 ",[200,540,541],{},"多图层叠加与混合渲染","：支持卫星影像底图 + 透明地名道路注记图层叠加（如天地图 ",[213,544,545],{},"img_w + cia_w","、高德 ",[213,548,549],{},"style=6 + style=8",[253,551,552,553,259,556],{},"📍 ",[200,554,555],{},"完整矢量要素与 Label 气泡标注",[250,557,558,572,582,588],{},[253,559,560,563,564,567,568,571],{},[200,561,562],{},"点与图标 (Markers)","：支持自定义尺寸 ",[213,565,566],{},"size","、精准锚点 ",[213,569,570],{},"anchor"," 与永久\u002F动态悬浮 Label。",[253,573,574,577,578,581],{},[200,575,576],{},"折线路线 (Polylines)","：支持实线、虚线 (",[213,579,580],{},"dashArray",")、颜色、线宽及中点 Label 标注。",[253,583,584,587],{},[200,585,586],{},"多边形区域 (Polygons)","：支持半透明填充、边框色及几何质心居中 Label 标注。",[253,589,590,593],{},[200,591,592],{},"辐射圆形 (Circles)","：基于米制半径换算像素，支持居中 Label 标注。",[253,595,596,597,259,600],{},"👆 ",[200,598,599],{},"全手势与交互体验",[250,601,602,608],{},[253,603,604,605,340],{},"单指拖拽平移、双指多点缩放（Pinch Zoom）、双击居中放大、平滑动画平移 (",[213,606,607],{},"panTo",[253,609,610,613],{},[200,611,612],{},"PC 端 \u002F 开发者工具鼠标滚轮精准缩放","：以鼠标光标为锚点（Pivot Point），并自动阻止外层页面联动滚动。",[253,615,616,617,620],{},"⚡ ",[200,618,619],{},"动态响应式驱动","：深度响应 Vue 3 响应式数据变化，支持接口异步请求后直接更新、追加或清空标注要素。",[253,622,623,624,627],{},"🛡️ ",[200,625,626],{},"TypeScript 严格类型支持","：内置完整的类型声明定义。",[242,629],{},[245,631,633],{"id":632},"平台支持","📱 平台支持",[635,636,637,658],"table",{},[638,639,640],"thead",{},[641,642,643,648,651,654],"tr",{},[644,645,647],"th",{"align":646},"left","平台",[644,649,650],{"align":646},"渲染引擎",[644,652,653],{"align":646},"底层机制",[644,655,657],{"align":656},"center","状态",[659,660,661,677,693],"tbody",{},[641,662,663,669,671,674],{},[664,665,666],"td",{"align":646},[200,667,668],{},"H5 (Web \u002F Mobile Browser)",[664,670,210],{"align":646},[664,672,673],{"align":646},"标准 DOM \u002F SVG \u002F Canvas",[664,675,676],{"align":656},"✅ 完美支持",[641,678,679,684,686,691],{},[664,680,681],{"align":646},[200,682,683],{},"App (iOS \u002F Android)",[664,685,210],{"align":646},[664,687,688,690],{"align":646},[213,689,215],{}," 独立 Webview 视图层 + 手势防抖锁",[664,692,676],{"align":656},[641,694,695,700,703,706],{},[664,696,697],{"align":646},[200,698,699],{},"微信小程序 (MP-WEIXIN)",[664,701,702],{"align":646},"Canvas 2D Engine",[664,704,705],{"align":646},"原生 Canvas 2D + 视口瓦片调度",[664,707,676],{"align":656},[242,709],{},[245,711,713],{"id":712},"安装","📦 安装",[715,716,721],"pre",{"className":717,"code":718,"language":719,"meta":720,"style":720},"language-bash shiki shiki-themes github-dark","# npm\nnpm install uni-leaflet leaflet\n\n# pnpm\npnpm add uni-leaflet leaflet\n\n# yarn\nyarn add uni-leaflet leaflet\n","bash","",[213,722,723,732,749,756,762,775,780,786],{"__ignoreMap":720},[724,725,728],"span",{"class":726,"line":727},"line",1,[724,729,731],{"class":730},"sAwPA","# npm\n",[724,733,735,739,743,746],{"class":726,"line":734},2,[724,736,738],{"class":737},"svObZ","npm",[724,740,742],{"class":741},"sU2Wk"," install",[724,744,745],{"class":741}," uni-leaflet",[724,747,748],{"class":741}," leaflet\n",[724,750,752],{"class":726,"line":751},3,[724,753,755],{"emptyLinePlaceholder":754},true,"\n",[724,757,759],{"class":726,"line":758},4,[724,760,761],{"class":730},"# pnpm\n",[724,763,765,768,771,773],{"class":726,"line":764},5,[724,766,767],{"class":737},"pnpm",[724,769,770],{"class":741}," add",[724,772,745],{"class":741},[724,774,748],{"class":741},[724,776,778],{"class":726,"line":777},6,[724,779,755],{"emptyLinePlaceholder":754},[724,781,783],{"class":726,"line":782},7,[724,784,785],{"class":730},"# yarn\n",[724,787,789,792,794,796],{"class":726,"line":788},8,[724,790,791],{"class":737},"yarn",[724,793,770],{"class":741},[724,795,745],{"class":741},[724,797,748],{"class":741},[242,799],{},[245,801,803],{"id":802},"快速上手","🚀 快速上手",[805,806,808],"h3",{"id":807},"_1-基础用法-单文件组件内局部引入","1. 基础用法 (单文件组件内局部引入)",[715,810,814],{"className":811,"code":812,"language":813,"meta":720,"style":720},"language-vue shiki shiki-themes github-dark","\u003Ctemplate>\n \u003Cview class=\"map-container\">\n \u003CUniLeafletMap\n v-model:center=\"center\"\n v-model:zoom=\"zoom\"\n :tile-url=\"tileUrl\"\n :subdomains=\"subdomains\"\n height=\"600rpx\"\n @click=\"onMapClick\"\n \u002F>\n \u003C\u002Fview>\n\u003C\u002Ftemplate>\n\n\u003Cscript setup lang=\"ts\">\nimport { ref } from 'vue';\nimport { UniLeafletMap } from 'uni-leaflet';\nimport type { LatLngTuple } from 'uni-leaflet';\n\nconst center = ref\u003CLatLngTuple>([39.9042, 116.4074]); \u002F\u002F 北京\nconst zoom = ref(13);\n\n\u002F\u002F 高德地图道路矢量切片（免 Token，极速加载）\nconst tileUrl = ref('https:\u002F\u002Fwprd0{s}.is.autonavi.com\u002Fappmaptile?x={x}&y={y}&z={z}&lang=zh_cn&size=1&scl=1&style=7');\nconst subdomains = ref(['1', '2', '3', '4']);\n\nfunction onMapClick(e: any) {\n console.log('点击坐标:', e.latLng);\n}\n\u003C\u002Fscript>\n\n\u003Cstyle scoped>\n.map-container {\n width: 100%;\n height: 600rpx;\n}\n\u003C\u002Fstyle>\n","vue",[213,815,816,829,848,856,876,893,910,925,935,953,959,969,979,984,1005,1024,1039,1056,1061,1099,1120,1125,1131,1150,1186,1191,1214,1231,1237,1246,1251,1264,1273,1290,1304,1309],{"__ignoreMap":720},[724,817,818,822,826],{"class":726,"line":727},[724,819,821],{"class":820},"s95oV","\u003C",[724,823,825],{"class":824},"s4JwU","template",[724,827,828],{"class":820},">\n",[724,830,831,834,837,840,843,846],{"class":726,"line":734},[724,832,833],{"class":820}," \u003C",[724,835,836],{"class":824},"view",[724,838,839],{"class":737}," class",[724,841,842],{"class":820},"=",[724,844,845],{"class":741},"\"map-container\"",[724,847,828],{"class":820},[724,849,850,853],{"class":726,"line":751},[724,851,852],{"class":820}," \u003C",[724,854,855],{"class":824},"UniLeafletMap\n",[724,857,858,861,864,866,868,871,873],{"class":726,"line":758},[724,859,860],{"class":737}," v-model",[724,862,863],{"class":820},":",[724,865,656],{"class":737},[724,867,842],{"class":820},[724,869,870],{"class":741},"\"",[724,872,656],{"class":820},[724,874,875],{"class":741},"\"\n",[724,877,878,880,882,885,887,889,891],{"class":726,"line":764},[724,879,860],{"class":737},[724,881,863],{"class":820},[724,883,884],{"class":737},"zoom",[724,886,842],{"class":820},[724,888,870],{"class":741},[724,890,884],{"class":820},[724,892,875],{"class":741},[724,894,895,898,901,903,905,908],{"class":726,"line":777},[724,896,897],{"class":820}," :",[724,899,900],{"class":737},"tile-url",[724,902,842],{"class":820},[724,904,870],{"class":741},[724,906,907],{"class":820},"tileUrl",[724,909,875],{"class":741},[724,911,912,914,917,919,921,923],{"class":726,"line":782},[724,913,897],{"class":820},[724,915,916],{"class":737},"subdomains",[724,918,842],{"class":820},[724,920,870],{"class":741},[724,922,916],{"class":820},[724,924,875],{"class":741},[724,926,927,930,932],{"class":726,"line":788},[724,928,929],{"class":737}," height",[724,931,842],{"class":820},[724,933,934],{"class":741},"\"600rpx\"\n",[724,936,938,941,944,946,948,951],{"class":726,"line":937},9,[724,939,940],{"class":820}," @",[724,942,943],{"class":737},"click",[724,945,842],{"class":820},[724,947,870],{"class":741},[724,949,950],{"class":820},"onMapClick",[724,952,875],{"class":741},[724,954,956],{"class":726,"line":955},10,[724,957,958],{"class":820}," \u002F>\n",[724,960,962,965,967],{"class":726,"line":961},11,[724,963,964],{"class":820}," \u003C\u002F",[724,966,836],{"class":824},[724,968,828],{"class":820},[724,970,972,975,977],{"class":726,"line":971},12,[724,973,974],{"class":820},"\u003C\u002F",[724,976,825],{"class":824},[724,978,828],{"class":820},[724,980,982],{"class":726,"line":981},13,[724,983,755],{"emptyLinePlaceholder":754},[724,985,987,989,992,995,998,1000,1003],{"class":726,"line":986},14,[724,988,821],{"class":820},[724,990,991],{"class":824},"script",[724,993,994],{"class":737}," setup",[724,996,997],{"class":737}," lang",[724,999,842],{"class":820},[724,1001,1002],{"class":741},"\"ts\"",[724,1004,828],{"class":820},[724,1006,1008,1012,1015,1018,1021],{"class":726,"line":1007},15,[724,1009,1011],{"class":1010},"snl16","import",[724,1013,1014],{"class":820}," { ref } ",[724,1016,1017],{"class":1010},"from",[724,1019,1020],{"class":741}," 'vue'",[724,1022,1023],{"class":820},";\n",[724,1025,1027,1029,1032,1034,1037],{"class":726,"line":1026},16,[724,1028,1011],{"class":1010},[724,1030,1031],{"class":820}," { UniLeafletMap } ",[724,1033,1017],{"class":1010},[724,1035,1036],{"class":741}," 'uni-leaflet'",[724,1038,1023],{"class":820},[724,1040,1042,1044,1047,1050,1052,1054],{"class":726,"line":1041},17,[724,1043,1011],{"class":1010},[724,1045,1046],{"class":1010}," type",[724,1048,1049],{"class":820}," { LatLngTuple } ",[724,1051,1017],{"class":1010},[724,1053,1036],{"class":741},[724,1055,1023],{"class":820},[724,1057,1059],{"class":726,"line":1058},18,[724,1060,755],{"emptyLinePlaceholder":754},[724,1062,1064,1067,1071,1074,1077,1079,1082,1085,1088,1090,1093,1096],{"class":726,"line":1063},19,[724,1065,1066],{"class":1010},"const",[724,1068,1070],{"class":1069},"sDLfK"," center",[724,1072,1073],{"class":1010}," =",[724,1075,1076],{"class":737}," ref",[724,1078,821],{"class":820},[724,1080,1081],{"class":737},"LatLngTuple",[724,1083,1084],{"class":820},">([",[724,1086,1087],{"class":1069},"39.9042",[724,1089,333],{"class":820},[724,1091,1092],{"class":1069},"116.4074",[724,1094,1095],{"class":820},"]); ",[724,1097,1098],{"class":730},"\u002F\u002F 北京\n",[724,1100,1102,1104,1107,1109,1111,1114,1117],{"class":726,"line":1101},20,[724,1103,1066],{"class":1010},[724,1105,1106],{"class":1069}," zoom",[724,1108,1073],{"class":1010},[724,1110,1076],{"class":737},[724,1112,1113],{"class":820},"(",[724,1115,1116],{"class":1069},"13",[724,1118,1119],{"class":820},");\n",[724,1121,1123],{"class":726,"line":1122},21,[724,1124,755],{"emptyLinePlaceholder":754},[724,1126,1128],{"class":726,"line":1127},22,[724,1129,1130],{"class":730},"\u002F\u002F 高德地图道路矢量切片（免 Token，极速加载）\n",[724,1132,1134,1136,1139,1141,1143,1145,1148],{"class":726,"line":1133},23,[724,1135,1066],{"class":1010},[724,1137,1138],{"class":1069}," tileUrl",[724,1140,1073],{"class":1010},[724,1142,1076],{"class":737},[724,1144,1113],{"class":820},[724,1146,1147],{"class":741},"'https:\u002F\u002Fwprd0{s}.is.autonavi.com\u002Fappmaptile?x={x}&y={y}&z={z}&lang=zh_cn&size=1&scl=1&style=7'",[724,1149,1119],{"class":820},[724,1151,1153,1155,1158,1160,1162,1165,1168,1170,1173,1175,1178,1180,1183],{"class":726,"line":1152},24,[724,1154,1066],{"class":1010},[724,1156,1157],{"class":1069}," subdomains",[724,1159,1073],{"class":1010},[724,1161,1076],{"class":737},[724,1163,1164],{"class":820},"([",[724,1166,1167],{"class":741},"'1'",[724,1169,333],{"class":820},[724,1171,1172],{"class":741},"'2'",[724,1174,333],{"class":820},[724,1176,1177],{"class":741},"'3'",[724,1179,333],{"class":820},[724,1181,1182],{"class":741},"'4'",[724,1184,1185],{"class":820},"]);\n",[724,1187,1189],{"class":726,"line":1188},25,[724,1190,755],{"emptyLinePlaceholder":754},[724,1192,1194,1197,1200,1202,1206,1208,1211],{"class":726,"line":1193},26,[724,1195,1196],{"class":1010},"function",[724,1198,1199],{"class":737}," onMapClick",[724,1201,1113],{"class":820},[724,1203,1205],{"class":1204},"s9osk","e",[724,1207,863],{"class":1010},[724,1209,1210],{"class":1069}," any",[724,1212,1213],{"class":820},") {\n",[724,1215,1217,1220,1223,1225,1228],{"class":726,"line":1216},27,[724,1218,1219],{"class":820}," console.",[724,1221,1222],{"class":737},"log",[724,1224,1113],{"class":820},[724,1226,1227],{"class":741},"'点击坐标:'",[724,1229,1230],{"class":820},", e.latLng);\n",[724,1232,1234],{"class":726,"line":1233},28,[724,1235,1236],{"class":820},"}\n",[724,1238,1240,1242,1244],{"class":726,"line":1239},29,[724,1241,974],{"class":820},[724,1243,991],{"class":824},[724,1245,828],{"class":820},[724,1247,1249],{"class":726,"line":1248},30,[724,1250,755],{"emptyLinePlaceholder":754},[724,1252,1254,1256,1259,1262],{"class":726,"line":1253},31,[724,1255,821],{"class":820},[724,1257,1258],{"class":824},"style",[724,1260,1261],{"class":737}," scoped",[724,1263,828],{"class":820},[724,1265,1267,1270],{"class":726,"line":1266},32,[724,1268,1269],{"class":737},".map-container",[724,1271,1272],{"class":820}," {\n",[724,1274,1276,1279,1282,1285,1288],{"class":726,"line":1275},33,[724,1277,1278],{"class":1069}," width",[724,1280,1281],{"class":820},": ",[724,1283,1284],{"class":1069},"100",[724,1286,1287],{"class":1010},"%",[724,1289,1023],{"class":820},[724,1291,1293,1296,1298,1301],{"class":726,"line":1292},34,[724,1294,1295],{"class":1069}," height",[724,1297,1281],{"class":820},[724,1299,1300],{"class":1069},"600",[724,1302,1303],{"class":820},"rpx;\n",[724,1305,1307],{"class":726,"line":1306},35,[724,1308,1236],{"class":820},[724,1310,1312,1314,1316],{"class":726,"line":1311},36,[724,1313,974],{"class":820},[724,1315,1258],{"class":824},[724,1317,828],{"class":820},[242,1319],{},[805,1321,1323,1324,1327],{"id":1322},"_2-全局注册-maints","2. 全局注册 (",[213,1325,1326],{},"main.ts",")",[715,1329,1333],{"className":1330,"code":1331,"language":1332,"meta":720,"style":720},"language-typescript shiki shiki-themes github-dark","import { createSSRApp } from 'vue';\nimport App from '.\u002FApp.vue';\nimport UniLeaflet from 'uni-leaflet';\n\nexport function createApp() {\n const app = createSSRApp(App);\n app.use(UniLeaflet); \u002F\u002F 全局注册 \u003CUniLeafletMap> 组件\n return { app };\n}\n","typescript",[213,1334,1335,1348,1362,1375,1379,1393,1409,1423,1431],{"__ignoreMap":720},[724,1336,1337,1339,1342,1344,1346],{"class":726,"line":727},[724,1338,1011],{"class":1010},[724,1340,1341],{"class":820}," { createSSRApp } ",[724,1343,1017],{"class":1010},[724,1345,1020],{"class":741},[724,1347,1023],{"class":820},[724,1349,1350,1352,1355,1357,1360],{"class":726,"line":734},[724,1351,1011],{"class":1010},[724,1353,1354],{"class":820}," App ",[724,1356,1017],{"class":1010},[724,1358,1359],{"class":741}," '.\u002FApp.vue'",[724,1361,1023],{"class":820},[724,1363,1364,1366,1369,1371,1373],{"class":726,"line":751},[724,1365,1011],{"class":1010},[724,1367,1368],{"class":820}," UniLeaflet ",[724,1370,1017],{"class":1010},[724,1372,1036],{"class":741},[724,1374,1023],{"class":820},[724,1376,1377],{"class":726,"line":758},[724,1378,755],{"emptyLinePlaceholder":754},[724,1380,1381,1384,1387,1390],{"class":726,"line":764},[724,1382,1383],{"class":1010},"export",[724,1385,1386],{"class":1010}," function",[724,1388,1389],{"class":737}," createApp",[724,1391,1392],{"class":820},"() {\n",[724,1394,1395,1398,1401,1403,1406],{"class":726,"line":777},[724,1396,1397],{"class":1010}," const",[724,1399,1400],{"class":1069}," app",[724,1402,1073],{"class":1010},[724,1404,1405],{"class":737}," createSSRApp",[724,1407,1408],{"class":820},"(App);\n",[724,1410,1411,1414,1417,1420],{"class":726,"line":782},[724,1412,1413],{"class":820}," app.",[724,1415,1416],{"class":737},"use",[724,1418,1419],{"class":820},"(UniLeaflet); ",[724,1421,1422],{"class":730},"\u002F\u002F 全局注册 \u003CUniLeafletMap> 组件\n",[724,1424,1425,1428],{"class":726,"line":788},[724,1426,1427],{"class":1010}," return",[724,1429,1430],{"class":820}," { app };\n",[724,1432,1433],{"class":726,"line":937},[724,1434,1236],{"class":820},[242,1436],{},[805,1438,1440],{"id":1439},"_3-多图层叠加-例如天地图卫星影像-文字地名注记","3. 多图层叠加 (例如：天地图卫星影像 + 文字地名注记)",[715,1442,1444],{"className":811,"code":1443,"language":813,"meta":720,"style":720},"\u003Ctemplate>\n \u003CUniLeafletMap\n :center=\"[39.9163, 116.3972]\"\n :zoom=\"13\"\n :layers=\"layers\"\n height=\"100vh\"\n \u002F>\n\u003C\u002Ftemplate>\n\n\u003Cscript setup lang=\"ts\">\nimport { ref } from 'vue';\nimport { UniLeafletMap } from 'uni-leaflet';\nimport type { TileLayerConfig } from 'uni-leaflet';\n\nconst myTiandituToken = 'YOUR_TIANDITU_TOKEN';\n\nconst layers = ref\u003CTileLayerConfig[]>([\n \u002F\u002F 1. 底层：天地图卫星影像底图 (img_w)\n {\n id: 'img',\n url: `https:\u002F\u002Ft{s}.tianditu.gov.cn\u002Fimg_w\u002Fwmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=img&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=${myTiandituToken}`,\n subdomains: ['0', '1', '2', '3', '4', '5', '6', '7'],\n },\n \u002F\u002F 2. 顶层：天地图文字地名注记 (cia_w - 透明 PNG)\n {\n id: 'cia',\n url: `https:\u002F\u002Ft{s}.tianditu.gov.cn\u002Fcia_w\u002Fwmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=cia&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=${myTiandituToken}`,\n subdomains: ['0', '1', '2', '3', '4', '5', '6', '7'],\n zIndex: 10,\n },\n]);\n\u003C\u002Fscript>\n",[213,1445,1446,1454,1460,1487,1501,1516,1526,1531,1539,1543,1559,1571,1583,1598,1602,1616,1620,1639,1644,1649,1660,1676,1718,1723,1728,1732,1741,1754,1790,1800,1804,1808],{"__ignoreMap":720},[724,1447,1448,1450,1452],{"class":726,"line":727},[724,1449,821],{"class":820},[724,1451,825],{"class":824},[724,1453,828],{"class":820},[724,1455,1456,1458],{"class":726,"line":734},[724,1457,833],{"class":820},[724,1459,855],{"class":824},[724,1461,1462,1465,1467,1469,1471,1474,1477,1479,1482,1485],{"class":726,"line":751},[724,1463,1464],{"class":820}," :",[724,1466,656],{"class":737},[724,1468,842],{"class":820},[724,1470,870],{"class":741},[724,1472,1473],{"class":820},"[",[724,1475,1476],{"class":1069},"39.9163",[724,1478,333],{"class":820},[724,1480,1481],{"class":1069},"116.3972",[724,1483,1484],{"class":820},"]",[724,1486,875],{"class":741},[724,1488,1489,1491,1493,1495,1497,1499],{"class":726,"line":758},[724,1490,1464],{"class":820},[724,1492,884],{"class":737},[724,1494,842],{"class":820},[724,1496,870],{"class":741},[724,1498,1116],{"class":1069},[724,1500,875],{"class":741},[724,1502,1503,1505,1508,1510,1512,1514],{"class":726,"line":764},[724,1504,1464],{"class":820},[724,1506,1507],{"class":737},"layers",[724,1509,842],{"class":820},[724,1511,870],{"class":741},[724,1513,1507],{"class":820},[724,1515,875],{"class":741},[724,1517,1518,1521,1523],{"class":726,"line":777},[724,1519,1520],{"class":737}," height",[724,1522,842],{"class":820},[724,1524,1525],{"class":741},"\"100vh\"\n",[724,1527,1528],{"class":726,"line":782},[724,1529,1530],{"class":820}," \u002F>\n",[724,1532,1533,1535,1537],{"class":726,"line":788},[724,1534,974],{"class":820},[724,1536,825],{"class":824},[724,1538,828],{"class":820},[724,1540,1541],{"class":726,"line":937},[724,1542,755],{"emptyLinePlaceholder":754},[724,1544,1545,1547,1549,1551,1553,1555,1557],{"class":726,"line":955},[724,1546,821],{"class":820},[724,1548,991],{"class":824},[724,1550,994],{"class":737},[724,1552,997],{"class":737},[724,1554,842],{"class":820},[724,1556,1002],{"class":741},[724,1558,828],{"class":820},[724,1560,1561,1563,1565,1567,1569],{"class":726,"line":961},[724,1562,1011],{"class":1010},[724,1564,1014],{"class":820},[724,1566,1017],{"class":1010},[724,1568,1020],{"class":741},[724,1570,1023],{"class":820},[724,1572,1573,1575,1577,1579,1581],{"class":726,"line":971},[724,1574,1011],{"class":1010},[724,1576,1031],{"class":820},[724,1578,1017],{"class":1010},[724,1580,1036],{"class":741},[724,1582,1023],{"class":820},[724,1584,1585,1587,1589,1592,1594,1596],{"class":726,"line":981},[724,1586,1011],{"class":1010},[724,1588,1046],{"class":1010},[724,1590,1591],{"class":820}," { TileLayerConfig } ",[724,1593,1017],{"class":1010},[724,1595,1036],{"class":741},[724,1597,1023],{"class":820},[724,1599,1600],{"class":726,"line":986},[724,1601,755],{"emptyLinePlaceholder":754},[724,1603,1604,1606,1609,1611,1614],{"class":726,"line":1007},[724,1605,1066],{"class":1010},[724,1607,1608],{"class":1069}," myTiandituToken",[724,1610,1073],{"class":1010},[724,1612,1613],{"class":741}," 'YOUR_TIANDITU_TOKEN'",[724,1615,1023],{"class":820},[724,1617,1618],{"class":726,"line":1026},[724,1619,755],{"emptyLinePlaceholder":754},[724,1621,1622,1624,1627,1629,1631,1633,1636],{"class":726,"line":1041},[724,1623,1066],{"class":1010},[724,1625,1626],{"class":1069}," layers",[724,1628,1073],{"class":1010},[724,1630,1076],{"class":737},[724,1632,821],{"class":820},[724,1634,1635],{"class":737},"TileLayerConfig",[724,1637,1638],{"class":820},"[]>([\n",[724,1640,1641],{"class":726,"line":1058},[724,1642,1643],{"class":730}," \u002F\u002F 1. 底层：天地图卫星影像底图 (img_w)\n",[724,1645,1646],{"class":726,"line":1063},[724,1647,1648],{"class":820}," {\n",[724,1650,1651,1654,1657],{"class":726,"line":1101},[724,1652,1653],{"class":820}," id: ",[724,1655,1656],{"class":741},"'img'",[724,1658,1659],{"class":820},",\n",[724,1661,1662,1665,1668,1671,1674],{"class":726,"line":1122},[724,1663,1664],{"class":820}," url: ",[724,1666,1667],{"class":741},"`https:\u002F\u002Ft{s}.tianditu.gov.cn\u002Fimg_w\u002Fwmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=img&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=${",[724,1669,1670],{"class":820},"myTiandituToken",[724,1672,1673],{"class":741},"}`",[724,1675,1659],{"class":820},[724,1677,1678,1681,1684,1686,1688,1690,1692,1694,1696,1698,1700,1702,1705,1707,1710,1712,1715],{"class":726,"line":1127},[724,1679,1680],{"class":820}," subdomains: [",[724,1682,1683],{"class":741},"'0'",[724,1685,333],{"class":820},[724,1687,1167],{"class":741},[724,1689,333],{"class":820},[724,1691,1172],{"class":741},[724,1693,333],{"class":820},[724,1695,1177],{"class":741},[724,1697,333],{"class":820},[724,1699,1182],{"class":741},[724,1701,333],{"class":820},[724,1703,1704],{"class":741},"'5'",[724,1706,333],{"class":820},[724,1708,1709],{"class":741},"'6'",[724,1711,333],{"class":820},[724,1713,1714],{"class":741},"'7'",[724,1716,1717],{"class":820},"],\n",[724,1719,1720],{"class":726,"line":1133},[724,1721,1722],{"class":820}," },\n",[724,1724,1725],{"class":726,"line":1152},[724,1726,1727],{"class":730}," \u002F\u002F 2. 顶层：天地图文字地名注记 (cia_w - 透明 PNG)\n",[724,1729,1730],{"class":726,"line":1188},[724,1731,1648],{"class":820},[724,1733,1734,1736,1739],{"class":726,"line":1193},[724,1735,1653],{"class":820},[724,1737,1738],{"class":741},"'cia'",[724,1740,1659],{"class":820},[724,1742,1743,1745,1748,1750,1752],{"class":726,"line":1216},[724,1744,1664],{"class":820},[724,1746,1747],{"class":741},"`https:\u002F\u002Ft{s}.tianditu.gov.cn\u002Fcia_w\u002Fwmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=cia&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=${",[724,1749,1670],{"class":820},[724,1751,1673],{"class":741},[724,1753,1659],{"class":820},[724,1755,1756,1758,1760,1762,1764,1766,1768,1770,1772,1774,1776,1778,1780,1782,1784,1786,1788],{"class":726,"line":1233},[724,1757,1680],{"class":820},[724,1759,1683],{"class":741},[724,1761,333],{"class":820},[724,1763,1167],{"class":741},[724,1765,333],{"class":820},[724,1767,1172],{"class":741},[724,1769,333],{"class":820},[724,1771,1177],{"class":741},[724,1773,333],{"class":820},[724,1775,1182],{"class":741},[724,1777,333],{"class":820},[724,1779,1704],{"class":741},[724,1781,333],{"class":820},[724,1783,1709],{"class":741},[724,1785,333],{"class":820},[724,1787,1714],{"class":741},[724,1789,1717],{"class":820},[724,1791,1792,1795,1798],{"class":726,"line":1239},[724,1793,1794],{"class":820}," zIndex: ",[724,1796,1797],{"class":1069},"10",[724,1799,1659],{"class":820},[724,1801,1802],{"class":726,"line":1248},[724,1803,1722],{"class":820},[724,1805,1806],{"class":726,"line":1253},[724,1807,1185],{"class":820},[724,1809,1810,1812,1814],{"class":726,"line":1266},[724,1811,974],{"class":820},[724,1813,991],{"class":824},[724,1815,828],{"class":820},[242,1817],{},[805,1819,1821],{"id":1820},"_4-点图标-emoji-png-svg-文件-svg-内联代码-及矢量要素","4. 点图标 (Emoji \u002F PNG \u002F SVG 文件 \u002F SVG 内联代码) 及矢量要素",[715,1823,1825],{"className":811,"code":1824,"language":813,"meta":720,"style":720},"\u003Ctemplate>\n \u003CUniLeafletMap\n ref=\"mapRef\"\n :center=\"[39.9163, 116.3972]\"\n :zoom=\"14\"\n :markers=\"markers\"\n :polylines=\"polylines\"\n :polygons=\"polygons\"\n :circles=\"circles\"\n @overlay-click=\"onOverlayClick\"\n \u002F>\n\u003C\u002Ftemplate>\n\n\u003Cscript setup lang=\"ts\">\nimport { ref } from 'vue';\nimport { UniLeafletMap } from 'uni-leaflet';\nimport type {\n MarkerOptions,\n PolylineOptions,\n PolygonOptions,\n CircleOptions,\n OverlayClickEvent,\n} from 'uni-leaflet';\n\n\u002F\u002F 1. 点标注 (支持 Emoji \u002F PNG 图片 \u002F SVG 矢量文件 \u002F SVG 内联代码)\nconst markers = ref\u003CMarkerOptions[]>([\n \u002F\u002F A. Emoji 字符图标\n {\n id: 'm1',\n latLng: [39.9163, 116.3972],\n title: '故宫博物院',\n icon: { text: '🏛️', size: [34, 34] },\n label: { text: '故宫博物院 (Emoji)', offset: [0, -28] },\n },\n\n \u002F\u002F B. PNG 图片图标 (支持 static 相对路径、网络 URL 或 Base64)\n {\n id: 'm2',\n latLng: [39.9242, 116.3995],\n title: '景山公园万春亭',\n icon: {\n url: '\u002Fstatic\u002Ficons\u002Fpin-purple.png',\n size: [32, 40],\n anchor: [16, 40], \u002F\u002F 底部尖端对齐\n },\n label: { text: '景山公园万春亭 (PNG)', offset: [0, -32] },\n },\n\n \u002F\u002F C. SVG 矢量文件图标 (无损缩放，高分屏超清晰)\n {\n id: 'm3',\n latLng: [39.9100, 116.3910],\n title: '中山公园摄影打卡点',\n icon: {\n url: '\u002Fstatic\u002Ficons\u002Fcamera.svg',\n size: [36, 36],\n anchor: [18, 36],\n },\n label: { text: '摄影打卡点 (SVG)', offset: [0, -30] },\n },\n\n \u002F\u002F D. SVG 内联代码 (直接传入 SVG 标签字符串，支持动态渐变与任意矢量图形)\n {\n id: 'm4',\n latLng: [39.9045, 116.3895],\n title: '国家大剧院',\n icon: {\n svg: `\u003Csvg viewBox=\"0 0 36 36\" width=\"36\" height=\"36\">\n \u003Cdefs>\n \u003ClinearGradient id=\"gTheater\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n \u003Cstop offset=\"0%\" stop-color=\"#ec4899\"\u002F>\n \u003Cstop offset=\"100%\" stop-color=\"#8b5cf6\"\u002F>\n \u003C\u002FlinearGradient>\n \u003C\u002Fdefs>\n \u003Ccircle cx=\"18\" cy=\"18\" r=\"16\" fill=\"url(#gTheater)\" stroke=\"#ffffff\" stroke-width=\"2\"\u002F>\n \u003Ctext x=\"18\" y=\"24\" font-size=\"16\" text-anchor=\"middle\" fill=\"#ffffff\">🎭\u003C\u002Ftext>\n \u003C\u002Fsvg>`,\n size: [36, 36],\n anchor: [18, 18], \u002F\u002F 中心对齐\n },\n label: { text: '国家大剧院 (内联SVG)', offset: [0, -26] },\n },\n \u002F\u002F E. 头像\u002F照片气泡 (开箱即用头像气泡模板，带角标与心跳光晕动效)\n {\n id: 'm5_avatar',\n latLng: [39.9195, 116.3972],\n title: '旅行博主 小羽',\n icon: {\n type: 'avatar',\n url: '\u002Fstatic\u002Ficons\u002Fpin-purple.png',\n size: [32, 32], \u002F\u002F 默认与其它点状要素一致 [32, 32]，亦可自定义如 [48, 48]\n badgeText: '❤️', \u002F\u002F 角标 Emoji 或文字\n pulse: true, \u002F\u002F 呼吸脉冲光晕微动效\n borderColor: '#f43f5e', \u002F\u002F 外边框颜色\n },\n label: { text: '小羽 (❤️ 实时足迹)' },\n },\n]);\n\n\u002F\u002F 2. 路线折线 (支持弧线旅行航线、流动虚线动效与中点 Label)\nconst polylines = ref\u003CPolylineOptions[]>([\n {\n id: 'l1',\n latLngs: [\n [39.9295, 116.3972],\n [39.9163, 116.3972],\n [39.8985, 116.3972],\n ],\n color: '#3b82f6',\n width: 5,\n label: '中轴线景观路线',\n },\n {\n id: 'l2',\n latLngs: [\n [39.9042, 116.4074], \u002F\u002F 北京\n [31.2304, 121.4737], \u002F\u002F 上海\n ],\n color: '#06b6d4',\n width: 4,\n curved: true, \u002F\u002F 开启二次贝塞尔弧线\n curvature: 0.25, \u002F\u002F 弧线曲率 (正数上弧，负数下弧)\n flowing: true, \u002F\u002F 开启粒子流光\u002F流动蚂蚁线\n flowSpeed: 1.5, \u002F\u002F 流动速度\n dashArray: [10, 8], \u002F\u002F 虚线分段\n label: '京沪航线 (弧线流光)',\n },\n]);\n\n\u002F\u002F 3. 多边形区域 (带质心 Label)\nconst polygons = ref\u003CPolygonOptions[]>([\n {\n id: 'p1',\n latLngs: [\n [39.9240, 116.3915],\n [39.9240, 116.4025],\n [39.9115, 116.4025],\n [39.9115, 116.3915],\n ],\n color: '#ef4444',\n fillColor: 'rgba(239, 68, 68, 0.22)',\n label: '故宫紫禁城核心区',\n },\n]);\n\n\u002F\u002F 4. 圆形辐射范围 (米制半径)\nconst circles = ref\u003CCircleOptions[]>([\n {\n id: 'c1',\n latLng: [39.9055, 116.3976],\n radius: 1000, \u002F\u002F 1000 米\n color: '#10b981',\n fillColor: 'rgba(16, 185, 129, 0.18)',\n label: '1km 核心辐射圈',\n },\n]);\n\nfunction onOverlayClick(e: OverlayClickEvent) {\n console.log('点击了要素:', e.type, e.data);\n}\n\u003C\u002Fscript>\n",[213,1826,1827,1835,1841,1851,1873,1888,1903,1918,1933,1948,1965,1969,1977,1981,1997,2009,2021,2029,2034,2039,2044,2049,2054,2065,2069,2074,2092,2097,2101,2110,2123,2133,2154,2178,2182,2186,2191,2196,2206,2221,2231,2237,2248,2264,2283,2289,2309,2314,2319,2325,2330,2340,2355,2365,2370,2380,2394,2408,2413,2434,2439,2444,2450,2455,2465,2480,2490,2495,2504,2510,2516,2522,2528,2534,2540,2546,2552,2560,2573,2589,2594,2615,2620,2626,2631,2641,2655,2665,2670,2681,2690,2707,2721,2736,2750,2755,2766,2771,2776,2781,2787,2806,2811,2821,2827,2842,2855,2869,2875,2886,2897,2908,2913,2918,2928,2933,2948,2966,2971,2981,2991,3004,3019,3033,3048,3067,3077,3082,3087,3092,3098,3117,3122,3132,3137,3152,3166,3180,3193,3198,3208,3219,3229,3234,3239,3244,3250,3269,3274,3284,3299,3313,3323,3333,3343,3348,3353,3358,3377,3392,3397],{"__ignoreMap":720},[724,1828,1829,1831,1833],{"class":726,"line":727},[724,1830,821],{"class":820},[724,1832,825],{"class":824},[724,1834,828],{"class":820},[724,1836,1837,1839],{"class":726,"line":734},[724,1838,833],{"class":820},[724,1840,855],{"class":824},[724,1842,1843,1846,1848],{"class":726,"line":751},[724,1844,1845],{"class":737}," ref",[724,1847,842],{"class":820},[724,1849,1850],{"class":741},"\"mapRef\"\n",[724,1852,1853,1855,1857,1859,1861,1863,1865,1867,1869,1871],{"class":726,"line":758},[724,1854,1464],{"class":820},[724,1856,656],{"class":737},[724,1858,842],{"class":820},[724,1860,870],{"class":741},[724,1862,1473],{"class":820},[724,1864,1476],{"class":1069},[724,1866,333],{"class":820},[724,1868,1481],{"class":1069},[724,1870,1484],{"class":820},[724,1872,875],{"class":741},[724,1874,1875,1877,1879,1881,1883,1886],{"class":726,"line":764},[724,1876,1464],{"class":820},[724,1878,884],{"class":737},[724,1880,842],{"class":820},[724,1882,870],{"class":741},[724,1884,1885],{"class":1069},"14",[724,1887,875],{"class":741},[724,1889,1890,1892,1895,1897,1899,1901],{"class":726,"line":777},[724,1891,1464],{"class":820},[724,1893,1894],{"class":737},"markers",[724,1896,842],{"class":820},[724,1898,870],{"class":741},[724,1900,1894],{"class":820},[724,1902,875],{"class":741},[724,1904,1905,1907,1910,1912,1914,1916],{"class":726,"line":782},[724,1906,1464],{"class":820},[724,1908,1909],{"class":737},"polylines",[724,1911,842],{"class":820},[724,1913,870],{"class":741},[724,1915,1909],{"class":820},[724,1917,875],{"class":741},[724,1919,1920,1922,1925,1927,1929,1931],{"class":726,"line":788},[724,1921,1464],{"class":820},[724,1923,1924],{"class":737},"polygons",[724,1926,842],{"class":820},[724,1928,870],{"class":741},[724,1930,1924],{"class":820},[724,1932,875],{"class":741},[724,1934,1935,1937,1940,1942,1944,1946],{"class":726,"line":937},[724,1936,1464],{"class":820},[724,1938,1939],{"class":737},"circles",[724,1941,842],{"class":820},[724,1943,870],{"class":741},[724,1945,1939],{"class":820},[724,1947,875],{"class":741},[724,1949,1950,1953,1956,1958,1960,1963],{"class":726,"line":955},[724,1951,1952],{"class":820}," @",[724,1954,1955],{"class":737},"overlay-click",[724,1957,842],{"class":820},[724,1959,870],{"class":741},[724,1961,1962],{"class":820},"onOverlayClick",[724,1964,875],{"class":741},[724,1966,1967],{"class":726,"line":961},[724,1968,1530],{"class":820},[724,1970,1971,1973,1975],{"class":726,"line":971},[724,1972,974],{"class":820},[724,1974,825],{"class":824},[724,1976,828],{"class":820},[724,1978,1979],{"class":726,"line":981},[724,1980,755],{"emptyLinePlaceholder":754},[724,1982,1983,1985,1987,1989,1991,1993,1995],{"class":726,"line":986},[724,1984,821],{"class":820},[724,1986,991],{"class":824},[724,1988,994],{"class":737},[724,1990,997],{"class":737},[724,1992,842],{"class":820},[724,1994,1002],{"class":741},[724,1996,828],{"class":820},[724,1998,1999,2001,2003,2005,2007],{"class":726,"line":1007},[724,2000,1011],{"class":1010},[724,2002,1014],{"class":820},[724,2004,1017],{"class":1010},[724,2006,1020],{"class":741},[724,2008,1023],{"class":820},[724,2010,2011,2013,2015,2017,2019],{"class":726,"line":1026},[724,2012,1011],{"class":1010},[724,2014,1031],{"class":820},[724,2016,1017],{"class":1010},[724,2018,1036],{"class":741},[724,2020,1023],{"class":820},[724,2022,2023,2025,2027],{"class":726,"line":1041},[724,2024,1011],{"class":1010},[724,2026,1046],{"class":1010},[724,2028,1272],{"class":820},[724,2030,2031],{"class":726,"line":1058},[724,2032,2033],{"class":820}," MarkerOptions,\n",[724,2035,2036],{"class":726,"line":1063},[724,2037,2038],{"class":820}," PolylineOptions,\n",[724,2040,2041],{"class":726,"line":1101},[724,2042,2043],{"class":820}," PolygonOptions,\n",[724,2045,2046],{"class":726,"line":1122},[724,2047,2048],{"class":820}," CircleOptions,\n",[724,2050,2051],{"class":726,"line":1127},[724,2052,2053],{"class":820}," OverlayClickEvent,\n",[724,2055,2056,2059,2061,2063],{"class":726,"line":1133},[724,2057,2058],{"class":820},"} ",[724,2060,1017],{"class":1010},[724,2062,1036],{"class":741},[724,2064,1023],{"class":820},[724,2066,2067],{"class":726,"line":1152},[724,2068,755],{"emptyLinePlaceholder":754},[724,2070,2071],{"class":726,"line":1188},[724,2072,2073],{"class":730},"\u002F\u002F 1. 点标注 (支持 Emoji \u002F PNG 图片 \u002F SVG 矢量文件 \u002F SVG 内联代码)\n",[724,2075,2076,2078,2081,2083,2085,2087,2090],{"class":726,"line":1193},[724,2077,1066],{"class":1010},[724,2079,2080],{"class":1069}," markers",[724,2082,1073],{"class":1010},[724,2084,1076],{"class":737},[724,2086,821],{"class":820},[724,2088,2089],{"class":737},"MarkerOptions",[724,2091,1638],{"class":820},[724,2093,2094],{"class":726,"line":1216},[724,2095,2096],{"class":730}," \u002F\u002F A. Emoji 字符图标\n",[724,2098,2099],{"class":726,"line":1233},[724,2100,1648],{"class":820},[724,2102,2103,2105,2108],{"class":726,"line":1239},[724,2104,1653],{"class":820},[724,2106,2107],{"class":741},"'m1'",[724,2109,1659],{"class":820},[724,2111,2112,2115,2117,2119,2121],{"class":726,"line":1248},[724,2113,2114],{"class":820}," latLng: [",[724,2116,1476],{"class":1069},[724,2118,333],{"class":820},[724,2120,1481],{"class":1069},[724,2122,1717],{"class":820},[724,2124,2125,2128,2131],{"class":726,"line":1253},[724,2126,2127],{"class":820}," title: ",[724,2129,2130],{"class":741},"'故宫博物院'",[724,2132,1659],{"class":820},[724,2134,2135,2138,2141,2144,2147,2149,2151],{"class":726,"line":1266},[724,2136,2137],{"class":820}," icon: { text: ",[724,2139,2140],{"class":741},"'🏛️'",[724,2142,2143],{"class":820},", size: [",[724,2145,2146],{"class":1069},"34",[724,2148,333],{"class":820},[724,2150,2146],{"class":1069},[724,2152,2153],{"class":820},"] },\n",[724,2155,2156,2159,2162,2165,2168,2170,2173,2176],{"class":726,"line":1275},[724,2157,2158],{"class":820}," label: { text: ",[724,2160,2161],{"class":741},"'故宫博物院 (Emoji)'",[724,2163,2164],{"class":820},", offset: [",[724,2166,2167],{"class":1069},"0",[724,2169,333],{"class":820},[724,2171,2172],{"class":1010},"-",[724,2174,2175],{"class":1069},"28",[724,2177,2153],{"class":820},[724,2179,2180],{"class":726,"line":1292},[724,2181,1722],{"class":820},[724,2183,2184],{"class":726,"line":1306},[724,2185,755],{"emptyLinePlaceholder":754},[724,2187,2188],{"class":726,"line":1311},[724,2189,2190],{"class":730}," \u002F\u002F B. PNG 图片图标 (支持 static 相对路径、网络 URL 或 Base64)\n",[724,2192,2194],{"class":726,"line":2193},37,[724,2195,1648],{"class":820},[724,2197,2199,2201,2204],{"class":726,"line":2198},38,[724,2200,1653],{"class":820},[724,2202,2203],{"class":741},"'m2'",[724,2205,1659],{"class":820},[724,2207,2209,2211,2214,2216,2219],{"class":726,"line":2208},39,[724,2210,2114],{"class":820},[724,2212,2213],{"class":1069},"39.9242",[724,2215,333],{"class":820},[724,2217,2218],{"class":1069},"116.3995",[724,2220,1717],{"class":820},[724,2222,2224,2226,2229],{"class":726,"line":2223},40,[724,2225,2127],{"class":820},[724,2227,2228],{"class":741},"'景山公园万春亭'",[724,2230,1659],{"class":820},[724,2232,2234],{"class":726,"line":2233},41,[724,2235,2236],{"class":820}," icon: {\n",[724,2238,2240,2243,2246],{"class":726,"line":2239},42,[724,2241,2242],{"class":820}," url: ",[724,2244,2245],{"class":741},"'\u002Fstatic\u002Ficons\u002Fpin-purple.png'",[724,2247,1659],{"class":820},[724,2249,2251,2254,2257,2259,2262],{"class":726,"line":2250},43,[724,2252,2253],{"class":820}," size: [",[724,2255,2256],{"class":1069},"32",[724,2258,333],{"class":820},[724,2260,2261],{"class":1069},"40",[724,2263,1717],{"class":820},[724,2265,2267,2270,2273,2275,2277,2280],{"class":726,"line":2266},44,[724,2268,2269],{"class":820}," anchor: [",[724,2271,2272],{"class":1069},"16",[724,2274,333],{"class":820},[724,2276,2261],{"class":1069},[724,2278,2279],{"class":820},"], ",[724,2281,2282],{"class":730},"\u002F\u002F 底部尖端对齐\n",[724,2284,2286],{"class":726,"line":2285},45,[724,2287,2288],{"class":820}," },\n",[724,2290,2292,2294,2297,2299,2301,2303,2305,2307],{"class":726,"line":2291},46,[724,2293,2158],{"class":820},[724,2295,2296],{"class":741},"'景山公园万春亭 (PNG)'",[724,2298,2164],{"class":820},[724,2300,2167],{"class":1069},[724,2302,333],{"class":820},[724,2304,2172],{"class":1010},[724,2306,2256],{"class":1069},[724,2308,2153],{"class":820},[724,2310,2312],{"class":726,"line":2311},47,[724,2313,1722],{"class":820},[724,2315,2317],{"class":726,"line":2316},48,[724,2318,755],{"emptyLinePlaceholder":754},[724,2320,2322],{"class":726,"line":2321},49,[724,2323,2324],{"class":730}," \u002F\u002F C. SVG 矢量文件图标 (无损缩放，高分屏超清晰)\n",[724,2326,2328],{"class":726,"line":2327},50,[724,2329,1648],{"class":820},[724,2331,2333,2335,2338],{"class":726,"line":2332},51,[724,2334,1653],{"class":820},[724,2336,2337],{"class":741},"'m3'",[724,2339,1659],{"class":820},[724,2341,2343,2345,2348,2350,2353],{"class":726,"line":2342},52,[724,2344,2114],{"class":820},[724,2346,2347],{"class":1069},"39.9100",[724,2349,333],{"class":820},[724,2351,2352],{"class":1069},"116.3910",[724,2354,1717],{"class":820},[724,2356,2358,2360,2363],{"class":726,"line":2357},53,[724,2359,2127],{"class":820},[724,2361,2362],{"class":741},"'中山公园摄影打卡点'",[724,2364,1659],{"class":820},[724,2366,2368],{"class":726,"line":2367},54,[724,2369,2236],{"class":820},[724,2371,2373,2375,2378],{"class":726,"line":2372},55,[724,2374,2242],{"class":820},[724,2376,2377],{"class":741},"'\u002Fstatic\u002Ficons\u002Fcamera.svg'",[724,2379,1659],{"class":820},[724,2381,2383,2385,2388,2390,2392],{"class":726,"line":2382},56,[724,2384,2253],{"class":820},[724,2386,2387],{"class":1069},"36",[724,2389,333],{"class":820},[724,2391,2387],{"class":1069},[724,2393,1717],{"class":820},[724,2395,2397,2399,2402,2404,2406],{"class":726,"line":2396},57,[724,2398,2269],{"class":820},[724,2400,2401],{"class":1069},"18",[724,2403,333],{"class":820},[724,2405,2387],{"class":1069},[724,2407,1717],{"class":820},[724,2409,2411],{"class":726,"line":2410},58,[724,2412,2288],{"class":820},[724,2414,2416,2418,2421,2423,2425,2427,2429,2432],{"class":726,"line":2415},59,[724,2417,2158],{"class":820},[724,2419,2420],{"class":741},"'摄影打卡点 (SVG)'",[724,2422,2164],{"class":820},[724,2424,2167],{"class":1069},[724,2426,333],{"class":820},[724,2428,2172],{"class":1010},[724,2430,2431],{"class":1069},"30",[724,2433,2153],{"class":820},[724,2435,2437],{"class":726,"line":2436},60,[724,2438,1722],{"class":820},[724,2440,2442],{"class":726,"line":2441},61,[724,2443,755],{"emptyLinePlaceholder":754},[724,2445,2447],{"class":726,"line":2446},62,[724,2448,2449],{"class":730}," \u002F\u002F D. SVG 内联代码 (直接传入 SVG 标签字符串，支持动态渐变与任意矢量图形)\n",[724,2451,2453],{"class":726,"line":2452},63,[724,2454,1648],{"class":820},[724,2456,2458,2460,2463],{"class":726,"line":2457},64,[724,2459,1653],{"class":820},[724,2461,2462],{"class":741},"'m4'",[724,2464,1659],{"class":820},[724,2466,2468,2470,2473,2475,2478],{"class":726,"line":2467},65,[724,2469,2114],{"class":820},[724,2471,2472],{"class":1069},"39.9045",[724,2474,333],{"class":820},[724,2476,2477],{"class":1069},"116.3895",[724,2479,1717],{"class":820},[724,2481,2483,2485,2488],{"class":726,"line":2482},66,[724,2484,2127],{"class":820},[724,2486,2487],{"class":741},"'国家大剧院'",[724,2489,1659],{"class":820},[724,2491,2493],{"class":726,"line":2492},67,[724,2494,2236],{"class":820},[724,2496,2498,2501],{"class":726,"line":2497},68,[724,2499,2500],{"class":820}," svg: ",[724,2502,2503],{"class":741},"`\u003Csvg viewBox=\"0 0 36 36\" width=\"36\" height=\"36\">\n",[724,2505,2507],{"class":726,"line":2506},69,[724,2508,2509],{"class":741}," \u003Cdefs>\n",[724,2511,2513],{"class":726,"line":2512},70,[724,2514,2515],{"class":741}," \u003ClinearGradient id=\"gTheater\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n",[724,2517,2519],{"class":726,"line":2518},71,[724,2520,2521],{"class":741}," \u003Cstop offset=\"0%\" stop-color=\"#ec4899\"\u002F>\n",[724,2523,2525],{"class":726,"line":2524},72,[724,2526,2527],{"class":741}," \u003Cstop offset=\"100%\" stop-color=\"#8b5cf6\"\u002F>\n",[724,2529,2531],{"class":726,"line":2530},73,[724,2532,2533],{"class":741}," \u003C\u002FlinearGradient>\n",[724,2535,2537],{"class":726,"line":2536},74,[724,2538,2539],{"class":741}," \u003C\u002Fdefs>\n",[724,2541,2543],{"class":726,"line":2542},75,[724,2544,2545],{"class":741}," \u003Ccircle cx=\"18\" cy=\"18\" r=\"16\" fill=\"url(#gTheater)\" stroke=\"#ffffff\" stroke-width=\"2\"\u002F>\n",[724,2547,2549],{"class":726,"line":2548},76,[724,2550,2551],{"class":741}," \u003Ctext x=\"18\" y=\"24\" font-size=\"16\" text-anchor=\"middle\" fill=\"#ffffff\">🎭\u003C\u002Ftext>\n",[724,2553,2555,2558],{"class":726,"line":2554},77,[724,2556,2557],{"class":741}," \u003C\u002Fsvg>`",[724,2559,1659],{"class":820},[724,2561,2563,2565,2567,2569,2571],{"class":726,"line":2562},78,[724,2564,2253],{"class":820},[724,2566,2387],{"class":1069},[724,2568,333],{"class":820},[724,2570,2387],{"class":1069},[724,2572,1717],{"class":820},[724,2574,2576,2578,2580,2582,2584,2586],{"class":726,"line":2575},79,[724,2577,2269],{"class":820},[724,2579,2401],{"class":1069},[724,2581,333],{"class":820},[724,2583,2401],{"class":1069},[724,2585,2279],{"class":820},[724,2587,2588],{"class":730},"\u002F\u002F 中心对齐\n",[724,2590,2592],{"class":726,"line":2591},80,[724,2593,2288],{"class":820},[724,2595,2597,2599,2602,2604,2606,2608,2610,2613],{"class":726,"line":2596},81,[724,2598,2158],{"class":820},[724,2600,2601],{"class":741},"'国家大剧院 (内联SVG)'",[724,2603,2164],{"class":820},[724,2605,2167],{"class":1069},[724,2607,333],{"class":820},[724,2609,2172],{"class":1010},[724,2611,2612],{"class":1069},"26",[724,2614,2153],{"class":820},[724,2616,2618],{"class":726,"line":2617},82,[724,2619,1722],{"class":820},[724,2621,2623],{"class":726,"line":2622},83,[724,2624,2625],{"class":730}," \u002F\u002F E. 头像\u002F照片气泡 (开箱即用头像气泡模板，带角标与心跳光晕动效)\n",[724,2627,2629],{"class":726,"line":2628},84,[724,2630,1648],{"class":820},[724,2632,2634,2636,2639],{"class":726,"line":2633},85,[724,2635,1653],{"class":820},[724,2637,2638],{"class":741},"'m5_avatar'",[724,2640,1659],{"class":820},[724,2642,2644,2646,2649,2651,2653],{"class":726,"line":2643},86,[724,2645,2114],{"class":820},[724,2647,2648],{"class":1069},"39.9195",[724,2650,333],{"class":820},[724,2652,1481],{"class":1069},[724,2654,1717],{"class":820},[724,2656,2658,2660,2663],{"class":726,"line":2657},87,[724,2659,2127],{"class":820},[724,2661,2662],{"class":741},"'旅行博主 小羽'",[724,2664,1659],{"class":820},[724,2666,2668],{"class":726,"line":2667},88,[724,2669,2236],{"class":820},[724,2671,2673,2676,2679],{"class":726,"line":2672},89,[724,2674,2675],{"class":820}," type: ",[724,2677,2678],{"class":741},"'avatar'",[724,2680,1659],{"class":820},[724,2682,2684,2686,2688],{"class":726,"line":2683},90,[724,2685,2242],{"class":820},[724,2687,2245],{"class":741},[724,2689,1659],{"class":820},[724,2691,2693,2695,2697,2699,2701,2704],{"class":726,"line":2692},91,[724,2694,2253],{"class":820},[724,2696,2256],{"class":1069},[724,2698,333],{"class":820},[724,2700,2256],{"class":1069},[724,2702,2703],{"class":820},"], ",[724,2705,2706],{"class":730},"\u002F\u002F 默认与其它点状要素一致 [32, 32]，亦可自定义如 [48, 48]\n",[724,2708,2710,2713,2715,2718],{"class":726,"line":2709},92,[724,2711,2712],{"class":820}," badgeText: ",[724,2714,332],{"class":741},[724,2716,2717],{"class":820},", ",[724,2719,2720],{"class":730},"\u002F\u002F 角标 Emoji 或文字\n",[724,2722,2724,2727,2730,2733],{"class":726,"line":2723},93,[724,2725,2726],{"class":820}," pulse: ",[724,2728,2729],{"class":1069},"true",[724,2731,2732],{"class":820},", ",[724,2734,2735],{"class":730},"\u002F\u002F 呼吸脉冲光晕微动效\n",[724,2737,2739,2742,2745,2747],{"class":726,"line":2738},94,[724,2740,2741],{"class":820}," borderColor: ",[724,2743,2744],{"class":741},"'#f43f5e'",[724,2746,333],{"class":820},[724,2748,2749],{"class":730},"\u002F\u002F 外边框颜色\n",[724,2751,2753],{"class":726,"line":2752},95,[724,2754,2288],{"class":820},[724,2756,2758,2760,2763],{"class":726,"line":2757},96,[724,2759,2158],{"class":820},[724,2761,2762],{"class":741},"'小羽 (❤️ 实时足迹)'",[724,2764,2765],{"class":820}," },\n",[724,2767,2769],{"class":726,"line":2768},97,[724,2770,1722],{"class":820},[724,2772,2774],{"class":726,"line":2773},98,[724,2775,1185],{"class":820},[724,2777,2779],{"class":726,"line":2778},99,[724,2780,755],{"emptyLinePlaceholder":754},[724,2782,2784],{"class":726,"line":2783},100,[724,2785,2786],{"class":730},"\u002F\u002F 2. 路线折线 (支持弧线旅行航线、流动虚线动效与中点 Label)\n",[724,2788,2790,2792,2795,2797,2799,2801,2804],{"class":726,"line":2789},101,[724,2791,1066],{"class":1010},[724,2793,2794],{"class":1069}," polylines",[724,2796,1073],{"class":1010},[724,2798,1076],{"class":737},[724,2800,821],{"class":820},[724,2802,2803],{"class":737},"PolylineOptions",[724,2805,1638],{"class":820},[724,2807,2809],{"class":726,"line":2808},102,[724,2810,1648],{"class":820},[724,2812,2814,2816,2819],{"class":726,"line":2813},103,[724,2815,1653],{"class":820},[724,2817,2818],{"class":741},"'l1'",[724,2820,1659],{"class":820},[724,2822,2824],{"class":726,"line":2823},104,[724,2825,2826],{"class":820}," latLngs: [\n",[724,2828,2830,2833,2836,2838,2840],{"class":726,"line":2829},105,[724,2831,2832],{"class":820}," [",[724,2834,2835],{"class":1069},"39.9295",[724,2837,333],{"class":820},[724,2839,1481],{"class":1069},[724,2841,1717],{"class":820},[724,2843,2845,2847,2849,2851,2853],{"class":726,"line":2844},106,[724,2846,2832],{"class":820},[724,2848,1476],{"class":1069},[724,2850,333],{"class":820},[724,2852,1481],{"class":1069},[724,2854,1717],{"class":820},[724,2856,2858,2860,2863,2865,2867],{"class":726,"line":2857},107,[724,2859,2832],{"class":820},[724,2861,2862],{"class":1069},"39.8985",[724,2864,333],{"class":820},[724,2866,1481],{"class":1069},[724,2868,1717],{"class":820},[724,2870,2872],{"class":726,"line":2871},108,[724,2873,2874],{"class":820}," ],\n",[724,2876,2878,2881,2884],{"class":726,"line":2877},109,[724,2879,2880],{"class":820}," color: ",[724,2882,2883],{"class":741},"'#3b82f6'",[724,2885,1659],{"class":820},[724,2887,2889,2892,2895],{"class":726,"line":2888},110,[724,2890,2891],{"class":820}," width: ",[724,2893,2894],{"class":1069},"5",[724,2896,1659],{"class":820},[724,2898,2900,2903,2906],{"class":726,"line":2899},111,[724,2901,2902],{"class":820}," label: ",[724,2904,2905],{"class":741},"'中轴线景观路线'",[724,2907,1659],{"class":820},[724,2909,2911],{"class":726,"line":2910},112,[724,2912,1722],{"class":820},[724,2914,2916],{"class":726,"line":2915},113,[724,2917,1648],{"class":820},[724,2919,2921,2923,2926],{"class":726,"line":2920},114,[724,2922,1653],{"class":820},[724,2924,2925],{"class":741},"'l2'",[724,2927,1659],{"class":820},[724,2929,2931],{"class":726,"line":2930},115,[724,2932,2826],{"class":820},[724,2934,2936,2938,2940,2942,2944,2946],{"class":726,"line":2935},116,[724,2937,2832],{"class":820},[724,2939,1087],{"class":1069},[724,2941,333],{"class":820},[724,2943,1092],{"class":1069},[724,2945,2279],{"class":820},[724,2947,1098],{"class":730},[724,2949,2951,2953,2956,2958,2961,2963],{"class":726,"line":2950},117,[724,2952,2832],{"class":820},[724,2954,2955],{"class":1069},"31.2304",[724,2957,333],{"class":820},[724,2959,2960],{"class":1069},"121.4737",[724,2962,2279],{"class":820},[724,2964,2965],{"class":730},"\u002F\u002F 上海\n",[724,2967,2969],{"class":726,"line":2968},118,[724,2970,2874],{"class":820},[724,2972,2974,2976,2979],{"class":726,"line":2973},119,[724,2975,2880],{"class":820},[724,2977,2978],{"class":741},"'#06b6d4'",[724,2980,1659],{"class":820},[724,2982,2984,2986,2989],{"class":726,"line":2983},120,[724,2985,2891],{"class":820},[724,2987,2988],{"class":1069},"4",[724,2990,1659],{"class":820},[724,2992,2994,2997,2999,3001],{"class":726,"line":2993},121,[724,2995,2996],{"class":820}," curved: ",[724,2998,2729],{"class":1069},[724,3000,2717],{"class":820},[724,3002,3003],{"class":730},"\u002F\u002F 开启二次贝塞尔弧线\n",[724,3005,3007,3010,3013,3016],{"class":726,"line":3006},122,[724,3008,3009],{"class":820}," curvature: ",[724,3011,3012],{"class":1069},"0.25",[724,3014,3015],{"class":820},", ",[724,3017,3018],{"class":730},"\u002F\u002F 弧线曲率 (正数上弧，负数下弧)\n",[724,3020,3022,3025,3027,3030],{"class":726,"line":3021},123,[724,3023,3024],{"class":820}," flowing: ",[724,3026,2729],{"class":1069},[724,3028,3029],{"class":820},", ",[724,3031,3032],{"class":730},"\u002F\u002F 开启粒子流光\u002F流动蚂蚁线\n",[724,3034,3036,3039,3042,3045],{"class":726,"line":3035},124,[724,3037,3038],{"class":820}," flowSpeed: ",[724,3040,3041],{"class":1069},"1.5",[724,3043,3044],{"class":820},", ",[724,3046,3047],{"class":730},"\u002F\u002F 流动速度\n",[724,3049,3051,3054,3056,3058,3061,3064],{"class":726,"line":3050},125,[724,3052,3053],{"class":820}," dashArray: [",[724,3055,1797],{"class":1069},[724,3057,333],{"class":820},[724,3059,3060],{"class":1069},"8",[724,3062,3063],{"class":820},"], ",[724,3065,3066],{"class":730},"\u002F\u002F 虚线分段\n",[724,3068,3070,3072,3075],{"class":726,"line":3069},126,[724,3071,2902],{"class":820},[724,3073,3074],{"class":741},"'京沪航线 (弧线流光)'",[724,3076,1659],{"class":820},[724,3078,3080],{"class":726,"line":3079},127,[724,3081,1722],{"class":820},[724,3083,3085],{"class":726,"line":3084},128,[724,3086,1185],{"class":820},[724,3088,3090],{"class":726,"line":3089},129,[724,3091,755],{"emptyLinePlaceholder":754},[724,3093,3095],{"class":726,"line":3094},130,[724,3096,3097],{"class":730},"\u002F\u002F 3. 多边形区域 (带质心 Label)\n",[724,3099,3101,3103,3106,3108,3110,3112,3115],{"class":726,"line":3100},131,[724,3102,1066],{"class":1010},[724,3104,3105],{"class":1069}," polygons",[724,3107,1073],{"class":1010},[724,3109,1076],{"class":737},[724,3111,821],{"class":820},[724,3113,3114],{"class":737},"PolygonOptions",[724,3116,1638],{"class":820},[724,3118,3120],{"class":726,"line":3119},132,[724,3121,1648],{"class":820},[724,3123,3125,3127,3130],{"class":726,"line":3124},133,[724,3126,1653],{"class":820},[724,3128,3129],{"class":741},"'p1'",[724,3131,1659],{"class":820},[724,3133,3135],{"class":726,"line":3134},134,[724,3136,2826],{"class":820},[724,3138,3140,3142,3145,3147,3150],{"class":726,"line":3139},135,[724,3141,2832],{"class":820},[724,3143,3144],{"class":1069},"39.9240",[724,3146,333],{"class":820},[724,3148,3149],{"class":1069},"116.3915",[724,3151,1717],{"class":820},[724,3153,3155,3157,3159,3161,3164],{"class":726,"line":3154},136,[724,3156,2832],{"class":820},[724,3158,3144],{"class":1069},[724,3160,333],{"class":820},[724,3162,3163],{"class":1069},"116.4025",[724,3165,1717],{"class":820},[724,3167,3169,3171,3174,3176,3178],{"class":726,"line":3168},137,[724,3170,2832],{"class":820},[724,3172,3173],{"class":1069},"39.9115",[724,3175,333],{"class":820},[724,3177,3163],{"class":1069},[724,3179,1717],{"class":820},[724,3181,3183,3185,3187,3189,3191],{"class":726,"line":3182},138,[724,3184,2832],{"class":820},[724,3186,3173],{"class":1069},[724,3188,333],{"class":820},[724,3190,3149],{"class":1069},[724,3192,1717],{"class":820},[724,3194,3196],{"class":726,"line":3195},139,[724,3197,2874],{"class":820},[724,3199,3201,3203,3206],{"class":726,"line":3200},140,[724,3202,2880],{"class":820},[724,3204,3205],{"class":741},"'#ef4444'",[724,3207,1659],{"class":820},[724,3209,3211,3214,3217],{"class":726,"line":3210},141,[724,3212,3213],{"class":820}," fillColor: ",[724,3215,3216],{"class":741},"'rgba(239, 68, 68, 0.22)'",[724,3218,1659],{"class":820},[724,3220,3222,3224,3227],{"class":726,"line":3221},142,[724,3223,2902],{"class":820},[724,3225,3226],{"class":741},"'故宫紫禁城核心区'",[724,3228,1659],{"class":820},[724,3230,3232],{"class":726,"line":3231},143,[724,3233,1722],{"class":820},[724,3235,3237],{"class":726,"line":3236},144,[724,3238,1185],{"class":820},[724,3240,3242],{"class":726,"line":3241},145,[724,3243,755],{"emptyLinePlaceholder":754},[724,3245,3247],{"class":726,"line":3246},146,[724,3248,3249],{"class":730},"\u002F\u002F 4. 圆形辐射范围 (米制半径)\n",[724,3251,3253,3255,3258,3260,3262,3264,3267],{"class":726,"line":3252},147,[724,3254,1066],{"class":1010},[724,3256,3257],{"class":1069}," circles",[724,3259,1073],{"class":1010},[724,3261,1076],{"class":737},[724,3263,821],{"class":820},[724,3265,3266],{"class":737},"CircleOptions",[724,3268,1638],{"class":820},[724,3270,3272],{"class":726,"line":3271},148,[724,3273,1648],{"class":820},[724,3275,3277,3279,3282],{"class":726,"line":3276},149,[724,3278,1653],{"class":820},[724,3280,3281],{"class":741},"'c1'",[724,3283,1659],{"class":820},[724,3285,3287,3289,3292,3294,3297],{"class":726,"line":3286},150,[724,3288,2114],{"class":820},[724,3290,3291],{"class":1069},"39.9055",[724,3293,333],{"class":820},[724,3295,3296],{"class":1069},"116.3976",[724,3298,1717],{"class":820},[724,3300,3302,3305,3308,3310],{"class":726,"line":3301},151,[724,3303,3304],{"class":820}," radius: ",[724,3306,3307],{"class":1069},"1000",[724,3309,333],{"class":820},[724,3311,3312],{"class":730},"\u002F\u002F 1000 米\n",[724,3314,3316,3318,3321],{"class":726,"line":3315},152,[724,3317,2880],{"class":820},[724,3319,3320],{"class":741},"'#10b981'",[724,3322,1659],{"class":820},[724,3324,3326,3328,3331],{"class":726,"line":3325},153,[724,3327,3213],{"class":820},[724,3329,3330],{"class":741},"'rgba(16, 185, 129, 0.18)'",[724,3332,1659],{"class":820},[724,3334,3336,3338,3341],{"class":726,"line":3335},154,[724,3337,2902],{"class":820},[724,3339,3340],{"class":741},"'1km 核心辐射圈'",[724,3342,1659],{"class":820},[724,3344,3346],{"class":726,"line":3345},155,[724,3347,1722],{"class":820},[724,3349,3351],{"class":726,"line":3350},156,[724,3352,1185],{"class":820},[724,3354,3356],{"class":726,"line":3355},157,[724,3357,755],{"emptyLinePlaceholder":754},[724,3359,3361,3363,3366,3368,3370,3372,3375],{"class":726,"line":3360},158,[724,3362,1196],{"class":1010},[724,3364,3365],{"class":737}," onOverlayClick",[724,3367,1113],{"class":820},[724,3369,1205],{"class":1204},[724,3371,863],{"class":1010},[724,3373,3374],{"class":737}," OverlayClickEvent",[724,3376,1213],{"class":820},[724,3378,3380,3382,3384,3386,3389],{"class":726,"line":3379},159,[724,3381,1219],{"class":820},[724,3383,1222],{"class":737},[724,3385,1113],{"class":820},[724,3387,3388],{"class":741},"'点击了要素:'",[724,3390,3391],{"class":820},", e.type, e.data);\n",[724,3393,3395],{"class":726,"line":3394},160,[724,3396,1236],{"class":820},[724,3398,3400,3402,3404],{"class":726,"line":3399},161,[724,3401,974],{"class":820},[724,3403,991],{"class":824},[724,3405,828],{"class":820},[242,3407],{},[805,3409,3411],{"id":3410},"_5-海量点聚合-marker-clustering","5. 海量点聚合 (Marker Clustering)",[193,3413,3414,3415,3418],{},"当页面存在成百上千个点要素时，开启 ",[213,3416,3417],{},"enable-cluster"," 可大幅提升渲染性能并避免视觉杂乱。聚合气泡不仅支持自适应计算数量，还支持点击局部展开下钻：",[715,3420,3422],{"className":811,"code":3421,"language":813,"meta":720,"style":720},"\u003Ctemplate>\n \u003CUniLeafletMap\n :center=\"[39.9042, 116.4074]\"\n :zoom=\"12\"\n :markers=\"markers\"\n :enable-cluster=\"true\"\n :cluster-radius=\"60\"\n :cluster-max-zoom=\"17\"\n @cluster-click=\"onClusterClick\"\n @marker-click=\"onMarkerClick\"\n \u002F>\n\u003C\u002Ftemplate>\n\n\u003Cscript setup lang=\"ts\">\nimport { ref } from 'vue';\nimport { UniLeafletMap } from 'uni-leaflet';\nimport type { MarkerOptions, ClusterGroup } from 'uni-leaflet';\n\nconst markers = ref\u003CMarkerOptions[]>([\n \u002F\u002F 传入数十至成千上万个 Marker 均可流畅运行\n { id: 'p1', latLng: [39.9042, 116.4074], title: '站点 1' },\n { id: 'p2', latLng: [39.9055, 116.4085], title: '站点 2' },\n { id: 'p3', latLng: [39.9080, 116.4110], title: '站点 3' },\n]);\n\nfunction onClusterClick(cluster: ClusterGroup) {\n console.log('点击了聚合气泡，包含点数:', cluster.count, '范围:', cluster.bounds);\n}\n\nfunction onMarkerClick(marker: MarkerOptions) {\n console.log('点击了独立点:', marker.title);\n}\n\u003C\u002Fscript>\n",[213,3423,3424,3432,3438,3460,3475,3489,3503,3519,3535,3551,3567,3571,3579,3583,3599,3611,3623,3638,3642,3658,3663,3687,3710,3734,3738,3742,3761,3781,3785,3789,3808,3822,3826],{"__ignoreMap":720},[724,3425,3426,3428,3430],{"class":726,"line":727},[724,3427,821],{"class":820},[724,3429,825],{"class":824},[724,3431,828],{"class":820},[724,3433,3434,3436],{"class":726,"line":734},[724,3435,833],{"class":820},[724,3437,855],{"class":824},[724,3439,3440,3442,3444,3446,3448,3450,3452,3454,3456,3458],{"class":726,"line":751},[724,3441,1464],{"class":820},[724,3443,656],{"class":737},[724,3445,842],{"class":820},[724,3447,870],{"class":741},[724,3449,1473],{"class":820},[724,3451,1087],{"class":1069},[724,3453,333],{"class":820},[724,3455,1092],{"class":1069},[724,3457,1484],{"class":820},[724,3459,875],{"class":741},[724,3461,3462,3464,3466,3468,3470,3473],{"class":726,"line":758},[724,3463,1464],{"class":820},[724,3465,884],{"class":737},[724,3467,842],{"class":820},[724,3469,870],{"class":741},[724,3471,3472],{"class":1069},"12",[724,3474,875],{"class":741},[724,3476,3477,3479,3481,3483,3485,3487],{"class":726,"line":764},[724,3478,1464],{"class":820},[724,3480,1894],{"class":737},[724,3482,842],{"class":820},[724,3484,870],{"class":741},[724,3486,1894],{"class":820},[724,3488,875],{"class":741},[724,3490,3491,3493,3495,3497,3499,3501],{"class":726,"line":777},[724,3492,1464],{"class":820},[724,3494,3417],{"class":737},[724,3496,842],{"class":820},[724,3498,870],{"class":741},[724,3500,2729],{"class":1069},[724,3502,875],{"class":741},[724,3504,3505,3507,3510,3512,3514,3517],{"class":726,"line":782},[724,3506,1464],{"class":820},[724,3508,3509],{"class":737},"cluster-radius",[724,3511,842],{"class":820},[724,3513,870],{"class":741},[724,3515,3516],{"class":1069},"60",[724,3518,875],{"class":741},[724,3520,3521,3523,3526,3528,3530,3533],{"class":726,"line":788},[724,3522,1464],{"class":820},[724,3524,3525],{"class":737},"cluster-max-zoom",[724,3527,842],{"class":820},[724,3529,870],{"class":741},[724,3531,3532],{"class":1069},"17",[724,3534,875],{"class":741},[724,3536,3537,3539,3542,3544,3546,3549],{"class":726,"line":937},[724,3538,1952],{"class":820},[724,3540,3541],{"class":737},"cluster-click",[724,3543,842],{"class":820},[724,3545,870],{"class":741},[724,3547,3548],{"class":820},"onClusterClick",[724,3550,875],{"class":741},[724,3552,3553,3555,3558,3560,3562,3565],{"class":726,"line":955},[724,3554,1952],{"class":820},[724,3556,3557],{"class":737},"marker-click",[724,3559,842],{"class":820},[724,3561,870],{"class":741},[724,3563,3564],{"class":820},"onMarkerClick",[724,3566,875],{"class":741},[724,3568,3569],{"class":726,"line":961},[724,3570,1530],{"class":820},[724,3572,3573,3575,3577],{"class":726,"line":971},[724,3574,974],{"class":820},[724,3576,825],{"class":824},[724,3578,828],{"class":820},[724,3580,3581],{"class":726,"line":981},[724,3582,755],{"emptyLinePlaceholder":754},[724,3584,3585,3587,3589,3591,3593,3595,3597],{"class":726,"line":986},[724,3586,821],{"class":820},[724,3588,991],{"class":824},[724,3590,994],{"class":737},[724,3592,997],{"class":737},[724,3594,842],{"class":820},[724,3596,1002],{"class":741},[724,3598,828],{"class":820},[724,3600,3601,3603,3605,3607,3609],{"class":726,"line":1007},[724,3602,1011],{"class":1010},[724,3604,1014],{"class":820},[724,3606,1017],{"class":1010},[724,3608,1020],{"class":741},[724,3610,1023],{"class":820},[724,3612,3613,3615,3617,3619,3621],{"class":726,"line":1026},[724,3614,1011],{"class":1010},[724,3616,1031],{"class":820},[724,3618,1017],{"class":1010},[724,3620,1036],{"class":741},[724,3622,1023],{"class":820},[724,3624,3625,3627,3629,3632,3634,3636],{"class":726,"line":1041},[724,3626,1011],{"class":1010},[724,3628,1046],{"class":1010},[724,3630,3631],{"class":820}," { MarkerOptions, ClusterGroup } ",[724,3633,1017],{"class":1010},[724,3635,1036],{"class":741},[724,3637,1023],{"class":820},[724,3639,3640],{"class":726,"line":1058},[724,3641,755],{"emptyLinePlaceholder":754},[724,3643,3644,3646,3648,3650,3652,3654,3656],{"class":726,"line":1063},[724,3645,1066],{"class":1010},[724,3647,2080],{"class":1069},[724,3649,1073],{"class":1010},[724,3651,1076],{"class":737},[724,3653,821],{"class":820},[724,3655,2089],{"class":737},[724,3657,1638],{"class":820},[724,3659,3660],{"class":726,"line":1101},[724,3661,3662],{"class":730}," \u002F\u002F 传入数十至成千上万个 Marker 均可流畅运行\n",[724,3664,3665,3668,3670,3673,3675,3677,3679,3682,3685],{"class":726,"line":1122},[724,3666,3667],{"class":820}," { id: ",[724,3669,3129],{"class":741},[724,3671,3672],{"class":820},", latLng: [",[724,3674,1087],{"class":1069},[724,3676,333],{"class":820},[724,3678,1092],{"class":1069},[724,3680,3681],{"class":820},"], title: ",[724,3683,3684],{"class":741},"'站点 1'",[724,3686,2765],{"class":820},[724,3688,3689,3691,3694,3696,3698,3700,3703,3705,3708],{"class":726,"line":1127},[724,3690,3667],{"class":820},[724,3692,3693],{"class":741},"'p2'",[724,3695,3672],{"class":820},[724,3697,3291],{"class":1069},[724,3699,333],{"class":820},[724,3701,3702],{"class":1069},"116.4085",[724,3704,3681],{"class":820},[724,3706,3707],{"class":741},"'站点 2'",[724,3709,2765],{"class":820},[724,3711,3712,3714,3717,3719,3722,3724,3727,3729,3732],{"class":726,"line":1133},[724,3713,3667],{"class":820},[724,3715,3716],{"class":741},"'p3'",[724,3718,3672],{"class":820},[724,3720,3721],{"class":1069},"39.9080",[724,3723,333],{"class":820},[724,3725,3726],{"class":1069},"116.4110",[724,3728,3681],{"class":820},[724,3730,3731],{"class":741},"'站点 3'",[724,3733,2765],{"class":820},[724,3735,3736],{"class":726,"line":1152},[724,3737,1185],{"class":820},[724,3739,3740],{"class":726,"line":1188},[724,3741,755],{"emptyLinePlaceholder":754},[724,3743,3744,3746,3749,3751,3754,3756,3759],{"class":726,"line":1193},[724,3745,1196],{"class":1010},[724,3747,3748],{"class":737}," onClusterClick",[724,3750,1113],{"class":820},[724,3752,3753],{"class":1204},"cluster",[724,3755,863],{"class":1010},[724,3757,3758],{"class":737}," ClusterGroup",[724,3760,1213],{"class":820},[724,3762,3763,3765,3767,3769,3772,3775,3778],{"class":726,"line":1216},[724,3764,1219],{"class":820},[724,3766,1222],{"class":737},[724,3768,1113],{"class":820},[724,3770,3771],{"class":741},"'点击了聚合气泡，包含点数:'",[724,3773,3774],{"class":820},", cluster.count, ",[724,3776,3777],{"class":741},"'范围:'",[724,3779,3780],{"class":820},", cluster.bounds);\n",[724,3782,3783],{"class":726,"line":1233},[724,3784,1236],{"class":820},[724,3786,3787],{"class":726,"line":1239},[724,3788,755],{"emptyLinePlaceholder":754},[724,3790,3791,3793,3796,3798,3801,3803,3806],{"class":726,"line":1248},[724,3792,1196],{"class":1010},[724,3794,3795],{"class":737}," onMarkerClick",[724,3797,1113],{"class":820},[724,3799,3800],{"class":1204},"marker",[724,3802,863],{"class":1010},[724,3804,3805],{"class":737}," MarkerOptions",[724,3807,1213],{"class":820},[724,3809,3810,3812,3814,3816,3819],{"class":726,"line":1253},[724,3811,1219],{"class":820},[724,3813,1222],{"class":737},[724,3815,1113],{"class":820},[724,3817,3818],{"class":741},"'点击了独立点:'",[724,3820,3821],{"class":820},", marker.title);\n",[724,3823,3824],{"class":726,"line":1266},[724,3825,1236],{"class":820},[724,3827,3828,3830,3832],{"class":726,"line":1275},[724,3829,974],{"class":820},[724,3831,991],{"class":824},[724,3833,828],{"class":820},[242,3835],{},[805,3837,3839],{"id":3838},"_6-geojson-矢量图层与行政区划边界","6. GeoJSON 矢量图层与行政区划边界",[193,3841,3842],{},"支持直接载入中国行政区划、省市区边界或自定义地理要素 GeoJSON。全端（H5 \u002F App \u002F 微信小程序）无缝支持，支持动态样式函数与点击事件：",[715,3844,3846],{"className":811,"code":3845,"language":813,"meta":720,"style":720},"\u003Ctemplate>\n \u003CUniLeafletMap\n ref=\"mapRef\"\n :geojson=\"districtGeoJson\"\n :geojson-style=\"getDistrictStyle\"\n @geojson-click=\"onGeoJsonClick\"\n \u002F>\n\u003C\u002Ftemplate>\n\n\u003Cscript setup lang=\"ts\">\nimport { ref, onMounted } from 'vue';\nimport { UniLeafletMap } from 'uni-leaflet';\nimport type { GeoJsonStyleOptions } from 'uni-leaflet';\n\nconst mapRef = ref\u003CInstanceType\u003Ctypeof UniLeafletMap> | null>(null);\nconst districtGeoJson = ref\u003Cany>(null);\n\n\u002F\u002F 动态自定义样式配置或样式函数\nfunction getDistrictStyle(feature: any): GeoJsonStyleOptions {\n const isSelected = feature.properties?.name === '朝阳区';\n return {\n color: isSelected ? '#ef4444' : '#3b82f6',\n weight: isSelected ? 3 : 1.5,\n fillColor: isSelected ? '#ef4444' : '#60a5fa',\n fillOpacity: isSelected ? 0.35 : 0.12,\n };\n}\n\nfunction onGeoJsonClick(feature: any) {\n uni.showToast({\n title: `选中区域: ${feature.properties?.name || '未知区域'}`,\n icon: 'none',\n });\n}\n\nonMounted(async () => {\n \u002F\u002F 模拟异步拉取行政区划 GeoJSON 数据\n \u002F\u002F const res = await uni.request({ url: 'https:\u002F\u002Fgeo.datav.aliyun.com\u002Fareas_v3\u002Fbound\u002F110000_full.json' });\n \u002F\u002F districtGeoJson.value = res.data;\n \u002F\u002F 载入完成后一键自适应缩放以包裹整个行政边界：\n \u002F\u002F mapRef.value?.fitBounds('geojson', { padding: [40, 40] });\n});\n\u003C\u002Fscript>\n",[213,3847,3848,3856,3862,3870,3886,3902,3918,3922,3930,3934,3950,3963,3975,3990,3994,4032,4054,4058,4063,4088,4108,4114,4133,4150,4166,4183,4188,4192,4196,4213,4224,4253,4263,4268,4272,4276,4294,4299,4304,4309,4314,4319,4324],{"__ignoreMap":720},[724,3849,3850,3852,3854],{"class":726,"line":727},[724,3851,821],{"class":820},[724,3853,825],{"class":824},[724,3855,828],{"class":820},[724,3857,3858,3860],{"class":726,"line":734},[724,3859,833],{"class":820},[724,3861,855],{"class":824},[724,3863,3864,3866,3868],{"class":726,"line":751},[724,3865,1845],{"class":737},[724,3867,842],{"class":820},[724,3869,1850],{"class":741},[724,3871,3872,3874,3877,3879,3881,3884],{"class":726,"line":758},[724,3873,1464],{"class":820},[724,3875,3876],{"class":737},"geojson",[724,3878,842],{"class":820},[724,3880,870],{"class":741},[724,3882,3883],{"class":820},"districtGeoJson",[724,3885,875],{"class":741},[724,3887,3888,3890,3893,3895,3897,3900],{"class":726,"line":764},[724,3889,1464],{"class":820},[724,3891,3892],{"class":737},"geojson-style",[724,3894,842],{"class":820},[724,3896,870],{"class":741},[724,3898,3899],{"class":820},"getDistrictStyle",[724,3901,875],{"class":741},[724,3903,3904,3906,3909,3911,3913,3916],{"class":726,"line":777},[724,3905,1952],{"class":820},[724,3907,3908],{"class":737},"geojson-click",[724,3910,842],{"class":820},[724,3912,870],{"class":741},[724,3914,3915],{"class":820},"onGeoJsonClick",[724,3917,875],{"class":741},[724,3919,3920],{"class":726,"line":782},[724,3921,1530],{"class":820},[724,3923,3924,3926,3928],{"class":726,"line":788},[724,3925,974],{"class":820},[724,3927,825],{"class":824},[724,3929,828],{"class":820},[724,3931,3932],{"class":726,"line":937},[724,3933,755],{"emptyLinePlaceholder":754},[724,3935,3936,3938,3940,3942,3944,3946,3948],{"class":726,"line":955},[724,3937,821],{"class":820},[724,3939,991],{"class":824},[724,3941,994],{"class":737},[724,3943,997],{"class":737},[724,3945,842],{"class":820},[724,3947,1002],{"class":741},[724,3949,828],{"class":820},[724,3951,3952,3954,3957,3959,3961],{"class":726,"line":961},[724,3953,1011],{"class":1010},[724,3955,3956],{"class":820}," { ref, onMounted } ",[724,3958,1017],{"class":1010},[724,3960,1020],{"class":741},[724,3962,1023],{"class":820},[724,3964,3965,3967,3969,3971,3973],{"class":726,"line":971},[724,3966,1011],{"class":1010},[724,3968,1031],{"class":820},[724,3970,1017],{"class":1010},[724,3972,1036],{"class":741},[724,3974,1023],{"class":820},[724,3976,3977,3979,3981,3984,3986,3988],{"class":726,"line":981},[724,3978,1011],{"class":1010},[724,3980,1046],{"class":1010},[724,3982,3983],{"class":820}," { GeoJsonStyleOptions } ",[724,3985,1017],{"class":1010},[724,3987,1036],{"class":741},[724,3989,1023],{"class":820},[724,3991,3992],{"class":726,"line":986},[724,3993,755],{"emptyLinePlaceholder":754},[724,3995,3996,3998,4001,4003,4005,4007,4010,4012,4015,4018,4021,4024,4027,4030],{"class":726,"line":1007},[724,3997,1066],{"class":1010},[724,3999,4000],{"class":1069}," mapRef",[724,4002,1073],{"class":1010},[724,4004,1076],{"class":737},[724,4006,821],{"class":820},[724,4008,4009],{"class":737},"InstanceType",[724,4011,821],{"class":820},[724,4013,4014],{"class":1010},"typeof",[724,4016,4017],{"class":820}," UniLeafletMap> ",[724,4019,4020],{"class":1010},"|",[724,4022,4023],{"class":1069}," null",[724,4025,4026],{"class":820},">(",[724,4028,4029],{"class":1069},"null",[724,4031,1119],{"class":820},[724,4033,4034,4036,4039,4041,4043,4045,4048,4050,4052],{"class":726,"line":1026},[724,4035,1066],{"class":1010},[724,4037,4038],{"class":1069}," districtGeoJson",[724,4040,1073],{"class":1010},[724,4042,1076],{"class":737},[724,4044,821],{"class":820},[724,4046,4047],{"class":1069},"any",[724,4049,4026],{"class":820},[724,4051,4029],{"class":1069},[724,4053,1119],{"class":820},[724,4055,4056],{"class":726,"line":1041},[724,4057,755],{"emptyLinePlaceholder":754},[724,4059,4060],{"class":726,"line":1058},[724,4061,4062],{"class":730},"\u002F\u002F 动态自定义样式配置或样式函数\n",[724,4064,4065,4067,4070,4072,4075,4077,4079,4081,4083,4086],{"class":726,"line":1063},[724,4066,1196],{"class":1010},[724,4068,4069],{"class":737}," getDistrictStyle",[724,4071,1113],{"class":820},[724,4073,4074],{"class":1204},"feature",[724,4076,863],{"class":1010},[724,4078,1210],{"class":1069},[724,4080,1327],{"class":820},[724,4082,863],{"class":1010},[724,4084,4085],{"class":737}," GeoJsonStyleOptions",[724,4087,1272],{"class":820},[724,4089,4090,4092,4095,4097,4100,4103,4106],{"class":726,"line":1101},[724,4091,1397],{"class":1010},[724,4093,4094],{"class":1069}," isSelected",[724,4096,1073],{"class":1010},[724,4098,4099],{"class":820}," feature.properties?.name ",[724,4101,4102],{"class":1010},"===",[724,4104,4105],{"class":741}," '朝阳区'",[724,4107,1023],{"class":820},[724,4109,4110,4112],{"class":726,"line":1122},[724,4111,1427],{"class":1010},[724,4113,1272],{"class":820},[724,4115,4116,4119,4122,4125,4128,4131],{"class":726,"line":1127},[724,4117,4118],{"class":820}," color: isSelected ",[724,4120,4121],{"class":1010},"?",[724,4123,4124],{"class":741}," '#ef4444'",[724,4126,4127],{"class":1010}," :",[724,4129,4130],{"class":741}," '#3b82f6'",[724,4132,1659],{"class":820},[724,4134,4135,4138,4140,4143,4145,4148],{"class":726,"line":1133},[724,4136,4137],{"class":820}," weight: isSelected ",[724,4139,4121],{"class":1010},[724,4141,4142],{"class":1069}," 3",[724,4144,4127],{"class":1010},[724,4146,4147],{"class":1069}," 1.5",[724,4149,1659],{"class":820},[724,4151,4152,4155,4157,4159,4161,4164],{"class":726,"line":1152},[724,4153,4154],{"class":820}," fillColor: isSelected ",[724,4156,4121],{"class":1010},[724,4158,4124],{"class":741},[724,4160,4127],{"class":1010},[724,4162,4163],{"class":741}," '#60a5fa'",[724,4165,1659],{"class":820},[724,4167,4168,4171,4173,4176,4178,4181],{"class":726,"line":1188},[724,4169,4170],{"class":820}," fillOpacity: isSelected ",[724,4172,4121],{"class":1010},[724,4174,4175],{"class":1069}," 0.35",[724,4177,4127],{"class":1010},[724,4179,4180],{"class":1069}," 0.12",[724,4182,1659],{"class":820},[724,4184,4185],{"class":726,"line":1193},[724,4186,4187],{"class":820}," };\n",[724,4189,4190],{"class":726,"line":1216},[724,4191,1236],{"class":820},[724,4193,4194],{"class":726,"line":1233},[724,4195,755],{"emptyLinePlaceholder":754},[724,4197,4198,4200,4203,4205,4207,4209,4211],{"class":726,"line":1239},[724,4199,1196],{"class":1010},[724,4201,4202],{"class":737}," onGeoJsonClick",[724,4204,1113],{"class":820},[724,4206,4074],{"class":1204},[724,4208,863],{"class":1010},[724,4210,1210],{"class":1069},[724,4212,1213],{"class":820},[724,4214,4215,4218,4221],{"class":726,"line":1248},[724,4216,4217],{"class":820}," uni.",[724,4219,4220],{"class":737},"showToast",[724,4222,4223],{"class":820},"({\n",[724,4225,4226,4228,4231,4233,4236,4239,4242,4245,4248,4251],{"class":726,"line":1253},[724,4227,2127],{"class":820},[724,4229,4230],{"class":741},"`选中区域: ${",[724,4232,4074],{"class":820},[724,4234,4235],{"class":741},".",[724,4237,4238],{"class":820},"properties",[724,4240,4241],{"class":741},"?.",[724,4243,4244],{"class":820},"name",[724,4246,4247],{"class":1010}," ||",[724,4249,4250],{"class":741}," '未知区域'}`",[724,4252,1659],{"class":820},[724,4254,4255,4258,4261],{"class":726,"line":1266},[724,4256,4257],{"class":820}," icon: ",[724,4259,4260],{"class":741},"'none'",[724,4262,1659],{"class":820},[724,4264,4265],{"class":726,"line":1275},[724,4266,4267],{"class":820}," });\n",[724,4269,4270],{"class":726,"line":1292},[724,4271,1236],{"class":820},[724,4273,4274],{"class":726,"line":1306},[724,4275,755],{"emptyLinePlaceholder":754},[724,4277,4278,4281,4283,4286,4289,4292],{"class":726,"line":1311},[724,4279,4280],{"class":737},"onMounted",[724,4282,1113],{"class":820},[724,4284,4285],{"class":1010},"async",[724,4287,4288],{"class":820}," () ",[724,4290,4291],{"class":1010},"=>",[724,4293,1272],{"class":820},[724,4295,4296],{"class":726,"line":2193},[724,4297,4298],{"class":730}," \u002F\u002F 模拟异步拉取行政区划 GeoJSON 数据\n",[724,4300,4301],{"class":726,"line":2198},[724,4302,4303],{"class":730}," \u002F\u002F const res = await uni.request({ url: 'https:\u002F\u002Fgeo.datav.aliyun.com\u002Fareas_v3\u002Fbound\u002F110000_full.json' });\n",[724,4305,4306],{"class":726,"line":2208},[724,4307,4308],{"class":730}," \u002F\u002F districtGeoJson.value = res.data;\n",[724,4310,4311],{"class":726,"line":2223},[724,4312,4313],{"class":730}," \u002F\u002F 载入完成后一键自适应缩放以包裹整个行政边界：\n",[724,4315,4316],{"class":726,"line":2233},[724,4317,4318],{"class":730}," \u002F\u002F mapRef.value?.fitBounds('geojson', { padding: [40, 40] });\n",[724,4320,4321],{"class":726,"line":2239},[724,4322,4323],{"class":820},"});\n",[724,4325,4326,4328,4330],{"class":726,"line":2250},[724,4327,974],{"class":820},[724,4329,991],{"class":824},[724,4331,828],{"class":820},[242,4333],{},[245,4335,4337],{"id":4336},"api-参考","📖 API 参考",[805,4339,4341],{"id":4340},"props","Props",[635,4343,4344,4360],{},[638,4345,4346],{},[641,4347,4348,4351,4354,4357],{},[644,4349,4350],{"align":646},"参数",[644,4352,4353],{"align":646},"类型",[644,4355,4356],{"align":646},"默认值",[644,4358,4359],{"align":646},"说明",[659,4361,4362,4385,4404,4423,4441,4458,4477,4496,4515,4533,4551,4569,4588,4605,4641,4660,4677,4694,4721,4740,4758],{},[641,4363,4364,4369,4374,4379],{},[664,4365,4366],{"align":646},[213,4367,4368],{},"v-model:center",[664,4370,4371],{"align":646},[213,4372,4373],{},"[number, number]",[664,4375,4376],{"align":646},[213,4377,4378],{},"[39.9042, 116.4074]",[664,4380,4381,4382],{"align":646},"地图中心点经纬度 ",[213,4383,4384],{},"[纬度, 经度]",[641,4386,4387,4392,4397,4401],{},[664,4388,4389],{"align":646},[213,4390,4391],{},"v-model:zoom",[664,4393,4394],{"align":646},[213,4395,4396],{},"number",[664,4398,4399],{"align":646},[213,4400,1116],{},[664,4402,4403],{"align":646},"地图缩放级别",[641,4405,4406,4411,4415,4420],{},[664,4407,4408],{"align":646},[213,4409,4410],{},"min-zoom",[664,4412,4413],{"align":646},[213,4414,4396],{},[664,4416,4417],{"align":646},[213,4418,4419],{},"3",[664,4421,4422],{"align":646},"最小缩放层级",[641,4424,4425,4430,4434,4438],{},[664,4426,4427],{"align":646},[213,4428,4429],{},"max-zoom",[664,4431,4432],{"align":646},[213,4433,4396],{},[664,4435,4436],{"align":646},[213,4437,2401],{},[664,4439,4440],{"align":646},"最大缩放层级",[641,4442,4443,4447,4452,4455],{},[664,4444,4445],{"align":646},[213,4446,900],{},[664,4448,4449],{"align":646},[213,4450,4451],{},"string",[664,4453,4454],{"align":646},"OSM URL",[664,4456,4457],{"align":646},"单图层瓦片模板地址",[641,4459,4460,4464,4469,4474],{},[664,4461,4462],{"align":646},[213,4463,916],{},[664,4465,4466],{"align":646},[213,4467,4468],{},"string[]",[664,4470,4471],{"align":646},[213,4472,4473],{},"['a', 'b', 'c']",[664,4475,4476],{"align":646},"瓦片子域名轮换配置",[641,4478,4479,4483,4488,4493],{},[664,4480,4481],{"align":646},[213,4482,1507],{},[664,4484,4485],{"align":646},[213,4486,4487],{},"TileLayerConfig[]",[664,4489,4490],{"align":646},[213,4491,4492],{},"undefined",[664,4494,4495],{"align":646},"多图层叠加配置数组（按顺序自底向上叠加）",[641,4497,4498,4502,4507,4512],{},[664,4499,4500],{"align":646},[213,4501,1894],{},[664,4503,4504],{"align":646},[213,4505,4506],{},"MarkerOptions[]",[664,4508,4509],{"align":646},[213,4510,4511],{},"[]",[664,4513,4514],{"align":646},"点标注数组",[641,4516,4517,4521,4526,4530],{},[664,4518,4519],{"align":646},[213,4520,1909],{},[664,4522,4523],{"align":646},[213,4524,4525],{},"PolylineOptions[]",[664,4527,4528],{"align":646},[213,4529,4511],{},[664,4531,4532],{"align":646},"折线路线数组",[641,4534,4535,4539,4544,4548],{},[664,4536,4537],{"align":646},[213,4538,1924],{},[664,4540,4541],{"align":646},[213,4542,4543],{},"PolygonOptions[]",[664,4545,4546],{"align":646},[213,4547,4511],{},[664,4549,4550],{"align":646},"多边形面数组",[641,4552,4553,4557,4562,4566],{},[664,4554,4555],{"align":646},[213,4556,1939],{},[664,4558,4559],{"align":646},[213,4560,4561],{},"CircleOptions[]",[664,4563,4564],{"align":646},[213,4565,4511],{},[664,4567,4568],{"align":646},"圆形范围数组",[641,4570,4571,4576,4581,4585],{},[664,4572,4573],{"align":646},[213,4574,4575],{},"overlays",[664,4577,4578],{"align":646},[213,4579,4580],{},"MapOverlays",[664,4582,4583],{"align":646},[213,4584,4492],{},[664,4586,4587],{"align":646},"综合覆盖物对象",[641,4589,4590,4594,4598,4602],{},[664,4591,4592],{"align":646},[213,4593,3876],{},[664,4595,4596],{"align":646},[213,4597,4047],{},[664,4599,4600],{"align":646},[213,4601,4029],{},[664,4603,4604],{"align":646},"标准 GeoJSON 数据对象 (支持 FeatureCollection \u002F Feature \u002F 几何对象)，自动渲染城市或行政区边界",[641,4606,4607,4611,4616,4620],{},[664,4608,4609],{"align":646},[213,4610,3892],{},[664,4612,4613],{"align":646},[213,4614,4615],{},"GeoJsonStyleOptions | ((feature: any) => GeoJsonStyleOptions)",[664,4617,4618],{"align":646},[213,4619,4492],{},[664,4621,4622,4623,4625,4626,4629,4630,4633,4634,4637,4638,4640],{"align":646},"GeoJSON 矢量样式配置 (可设置描边色 ",[213,4624,486],{},"、线宽 ",[213,4627,4628],{},"weight","、填充色 ",[213,4631,4632],{},"fillColor","、填充透明度 ",[213,4635,4636],{},"fillOpacity","、虚线 ",[213,4639,580],{}," 等)",[641,4642,4643,4647,4652,4657],{},[664,4644,4645],{"align":646},[213,4646,3417],{},[664,4648,4649],{"align":646},[213,4650,4651],{},"boolean",[664,4653,4654],{"align":646},[213,4655,4656],{},"false",[664,4658,4659],{"align":646},"是否开启点聚合功能。开启后在当前缩放级别下像素距离接近的点自动合并为圆形数字气泡",[641,4661,4662,4666,4670,4674],{},[664,4663,4664],{"align":646},[213,4665,3509],{},[664,4667,4668],{"align":646},[213,4669,4396],{},[664,4671,4672],{"align":646},[213,4673,3516],{},[664,4675,4676],{"align":646},"点聚合的屏幕像素距离阈值 (px)",[641,4678,4679,4683,4687,4691],{},[664,4680,4681],{"align":646},[213,4682,3525],{},[664,4684,4685],{"align":646},[213,4686,4396],{},[664,4688,4689],{"align":646},[213,4690,2401],{},[664,4692,4693],{"align":646},"最大聚合层级，超过此缩放层级不再聚合，显示为独立散点",[641,4695,4696,4701,4706,4710],{},[664,4697,4698],{"align":646},[213,4699,4700],{},"cluster-options",[664,4702,4703],{"align":646},[213,4704,4705],{},"ClusterOptions",[664,4707,4708],{"align":646},[213,4709,4492],{},[664,4711,4712,4713,333,4716,333,4718,4640],{"align":646},"高级点聚合配置对象 (包含 ",[213,4714,4715],{},"radius",[213,4717,400],{},[213,4719,4720],{},"zoomOnClick",[641,4722,4723,4728,4732,4737],{},[664,4724,4725],{"align":646},[213,4726,4727],{},"width",[664,4729,4730],{"align":646},[213,4731,4451],{},[664,4733,4734],{"align":646},[213,4735,4736],{},"'100%'",[664,4738,4739],{"align":646},"地图宽度",[641,4741,4742,4747,4751,4755],{},[664,4743,4744],{"align":646},[213,4745,4746],{},"height",[664,4748,4749],{"align":646},[213,4750,4451],{},[664,4752,4753],{"align":646},[213,4754,4736],{},[664,4756,4757],{"align":646},"地图高度",[641,4759,4760,4765,4769,4773],{},[664,4761,4762],{"align":646},[213,4763,4764],{},"show-controls",[664,4766,4767],{"align":646},[213,4768,4651],{},[664,4770,4771],{"align":646},[213,4772,2729],{},[664,4774,4775],{"align":646},"是否显示右上方缩放控件按钮（H5\u002FApp 为悬浮组件，小程序为 Canvas 2D 顶层渲染）",[242,4777],{},[805,4779,4781],{"id":4780},"markericonoptions-图标详细配置","MarkerIconOptions (图标详细配置)",[635,4783,4784,4797],{},[638,4785,4786],{},[641,4787,4788,4791,4793,4795],{},[644,4789,4790],{"align":646},"字段",[644,4792,4353],{"align":646},[644,4794,4356],{"align":646},[644,4796,4359],{"align":646},[659,4798,4799,4822,4843,4869,4890,4908,4925,4949,4968,4991,5010,5028,5049,5066],{},[641,4800,4801,4806,4811,4816],{},[664,4802,4803],{"align":646},[213,4804,4805],{},"type",[664,4807,4808],{"align":646},[213,4809,4810],{},"'default' | 'image' | 'emoji' | 'svg' | 'html' | 'avatar'",[664,4812,4813],{"align":646},[213,4814,4815],{},"'default'",[664,4817,4818,4819,4821],{"align":646},"图标模板类型。设置为 ",[213,4820,2678],{}," 时自动启用头像\u002F照片气泡快捷模板",[641,4823,4824,4829,4833,4837],{},[664,4825,4826],{"align":646},[213,4827,4828],{},"url",[664,4830,4831],{"align":646},[213,4832,4451],{},[664,4834,4835],{"align":646},[213,4836,4492],{},[664,4838,4839,4840],{"align":646},"图片\u002F头像缩略图路径、网络 URL 或 Base64 Data URI，如 ",[213,4841,4842],{},"'\u002Fstatic\u002Ficons\u002Fpin-blue.png'",[641,4844,4845,4850,4854,4858],{},[664,4846,4847],{"align":646},[213,4848,4849],{},"text",[664,4851,4852],{"align":646},[213,4853,4451],{},[664,4855,4856],{"align":646},[213,4857,4492],{},[664,4859,4860,4861,333,4863,333,4866],{"align":646},"Emoji 字符或文字图标，如 ",[213,4862,2140],{},[213,4864,4865],{},"'🚩'",[213,4867,4868],{},"'☕'",[641,4870,4871,4876,4880,4884],{},[664,4872,4873],{"align":646},[213,4874,4875],{},"svg",[664,4877,4878],{"align":646},[213,4879,4451],{},[664,4881,4882],{"align":646},[213,4883,4492],{},[664,4885,4886,4887],{"align":646},"原始 SVG XML 字符串，支持动态渐变与任意矢量图形，如 ",[213,4888,4889],{},"'\u003Csvg viewBox=\"0 0 36 36\">...\u003C\u002Fsvg>'",[641,4891,4892,4897,4901,4905],{},[664,4893,4894],{"align":646},[213,4895,4896],{},"html",[664,4898,4899],{"align":646},[213,4900,4451],{},[664,4902,4903],{"align":646},[213,4904,4492],{},[664,4906,4907],{"align":646},"自定义 HTML 结构 (仅 H5 与 App renderjs 生效)",[641,4909,4910,4914,4918,4922],{},[664,4911,4912],{"align":646},[213,4913,486],{},[664,4915,4916],{"align":646},[213,4917,4451],{},[664,4919,4920],{"align":646},[213,4921,3205],{},[664,4923,4924],{"align":646},"默认矢量 Pin 图钉的主题填充色",[641,4926,4927,4931,4935,4940],{},[664,4928,4929],{"align":646},[213,4930,566],{},[664,4932,4933],{"align":646},[213,4934,4373],{},[664,4936,4937],{"align":646},[213,4938,4939],{},"[32, 32]",[664,4941,4942,4943,4946,4947],{"align":646},"图标渲染尺寸 ",[213,4944,4945],{},"[宽, 高]"," (px)，气泡头像默认也与其它点状要素一致为 ",[213,4948,4939],{},[641,4950,4951,4955,4959,4962],{},[664,4952,4953],{"align":646},[213,4954,570],{},[664,4956,4957],{"align":646},[213,4958,4373],{},[664,4960,4961],{"align":646},"居中或底部",[664,4963,4964,4965],{"align":646},"图标锚点 ",[213,4966,4967],{},"[x, y]",[641,4969,4970,4974,4978,4982],{},[664,4971,4972],{"align":646},[213,4973,324],{},[664,4975,4976],{"align":646},[213,4977,4451],{},[664,4979,4980],{"align":646},[213,4981,4492],{},[664,4983,4984,4985,333,4987,333,4989],{"align":646},"头像气泡右上角角标文本或 Emoji，如 ",[213,4986,332],{},[213,4988,336],{},[213,4990,339],{},[641,4992,4993,4997,5001,5007],{},[664,4994,4995],{"align":646},[213,4996,328],{},[664,4998,4999],{"align":646},[213,5000,4451],{},[664,5002,5003,5006],{"align":646},[213,5004,5005],{},"'#ffffff'"," (白底)",[664,5008,5009],{"align":646},"角标背景填充色，默认采用精致白底，也可自定义设置",[641,5011,5012,5017,5021,5025],{},[664,5013,5014],{"align":646},[213,5015,5016],{},"pulse",[664,5018,5019],{"align":646},[213,5020,4651],{},[664,5022,5023],{"align":646},[213,5024,4656],{},[664,5026,5027],{"align":646},"头像气泡是否开启呼吸心跳脉冲光晕微动效",[641,5029,5030,5035,5039,5046],{},[664,5031,5032],{"align":646},[213,5033,5034],{},"pulseColor",[664,5036,5037],{"align":646},[213,5038,4451],{},[664,5040,5041,5042,5045],{"align":646},"与 ",[213,5043,5044],{},"borderColor"," 一致",[664,5047,5048],{"align":646},"脉冲光晕波纹颜色",[641,5050,5051,5055,5059,5063],{},[664,5052,5053],{"align":646},[213,5054,5044],{},[664,5056,5057],{"align":646},[213,5058,4451],{},[664,5060,5061],{"align":646},[213,5062,2883],{},[664,5064,5065],{"align":646},"头像气泡外圆环边框颜色",[641,5067,5068,5073,5077,5081],{},[664,5069,5070],{"align":646},[213,5071,5072],{},"borderWidth",[664,5074,5075],{"align":646},[213,5076,4396],{},[664,5078,5079],{"align":646},[213,5080,4419],{},[664,5082,5083],{"align":646},"头像气泡外圆环边框宽度 (px)",[242,5085],{},[805,5087,5089],{"id":5088},"polylineoptions-折线路线配置","PolylineOptions (折线路线配置)",[635,5091,5092,5104],{},[638,5093,5094],{},[641,5095,5096,5098,5100,5102],{},[644,5097,4790],{"align":646},[644,5099,4353],{"align":646},[644,5101,4356],{"align":646},[644,5103,4359],{"align":646},[659,5105,5106,5125,5148,5165,5182,5201,5222,5240,5258,5277,5295,5313],{},[641,5107,5108,5113,5118,5122],{},[664,5109,5110],{"align":646},[213,5111,5112],{},"id",[664,5114,5115],{"align":646},[213,5116,5117],{},"string | number",[664,5119,5120],{"align":646},[213,5121,4492],{},[664,5123,5124],{"align":646},"路线唯一标识",[641,5126,5127,5132,5137,5142],{},[664,5128,5129],{"align":646},[213,5130,5131],{},"latLngs",[664,5133,5134],{"align":646},[213,5135,5136],{},"LatLngTuple[]",[664,5138,5139],{"align":646},[200,5140,5141],{},"必填",[664,5143,5144,5145],{"align":646},"折线坐标点数组 ",[213,5146,5147],{},"[[lat, lng], ...]",[641,5149,5150,5154,5158,5162],{},[664,5151,5152],{"align":646},[213,5153,486],{},[664,5155,5156],{"align":646},[213,5157,4451],{},[664,5159,5160],{"align":646},[213,5161,2883],{},[664,5163,5164],{"align":646},"路线颜色",[641,5166,5167,5171,5175,5179],{},[664,5168,5169],{"align":646},[213,5170,4727],{},[664,5172,5173],{"align":646},[213,5174,4396],{},[664,5176,5177],{"align":646},[213,5178,2988],{},[664,5180,5181],{"align":646},"路线线宽 (px)",[641,5183,5184,5189,5193,5198],{},[664,5185,5186],{"align":646},[213,5187,5188],{},"opacity",[664,5190,5191],{"align":646},[213,5192,4396],{},[664,5194,5195],{"align":646},[213,5196,5197],{},"1.0",[664,5199,5200],{"align":646},"线条透明度 (0 ~ 1)",[641,5202,5203,5207,5212,5216],{},[664,5204,5205],{"align":646},[213,5206,580],{},[664,5208,5209],{"align":646},[213,5210,5211],{},"number[]",[664,5213,5214],{"align":646},[213,5215,4492],{},[664,5217,5218,5219],{"align":646},"虚线分段配置，例如 ",[213,5220,5221],{},"[10, 8]",[641,5223,5224,5229,5233,5237],{},[664,5225,5226],{"align":646},[213,5227,5228],{},"dashOffset",[664,5230,5231],{"align":646},[213,5232,4396],{},[664,5234,5235],{"align":646},[213,5236,2167],{},[664,5238,5239],{"align":646},"静态虚线偏移量",[641,5241,5242,5247,5251,5255],{},[664,5243,5244],{"align":646},[213,5245,5246],{},"curved",[664,5248,5249],{"align":646},[213,5250,4651],{},[664,5252,5253],{"align":646},[213,5254,4656],{},[664,5256,5257],{"align":646},"是否开启二次贝塞尔平滑弧线（旅行航线\u002F航迹线）",[641,5259,5260,5265,5269,5274],{},[664,5261,5262],{"align":646},[213,5263,5264],{},"curvature",[664,5266,5267],{"align":646},[213,5268,4396],{},[664,5270,5271],{"align":646},[213,5272,5273],{},"0.2",[664,5275,5276],{"align":646},"弧线曲率系数（正数向左\u002F上一侧拱起，负数向右\u002F下一侧拱起）",[641,5278,5279,5284,5288,5292],{},[664,5280,5281],{"align":646},[213,5282,5283],{},"flowing",[664,5285,5286],{"align":646},[213,5287,4651],{},[664,5289,5290],{"align":646},[213,5291,4656],{},[664,5293,5294],{"align":646},"是否开启粒子流光\u002F虚线流动动效",[641,5296,5297,5302,5306,5310],{},[664,5298,5299],{"align":646},[213,5300,5301],{},"flowSpeed",[664,5303,5304],{"align":646},[213,5305,4396],{},[664,5307,5308],{"align":646},[213,5309,5197],{},[664,5311,5312],{"align":646},"流动速度倍率（数值越大流动越快，负数反向流动）",[641,5314,5315,5320,5325,5329],{},[664,5316,5317],{"align":646},[213,5318,5319],{},"label",[664,5321,5322],{"align":646},[213,5323,5324],{},"string | MarkerLabelOptions",[664,5326,5327],{"align":646},[213,5328,4492],{},[664,5330,5331],{"align":646},"路线中点徽标文字配置",[242,5333],{},[805,5335,5337],{"id":5336},"polygonoptions-多边形面配置","PolygonOptions (多边形面配置)",[635,5339,5340,5352],{},[638,5341,5342],{},[641,5343,5344,5346,5348,5350],{},[644,5345,4790],{"align":646},[644,5347,4353],{"align":646},[644,5349,4356],{"align":646},[644,5351,4359],{"align":646},[659,5353,5354,5371,5390,5407,5425,5445,5462],{},[641,5355,5356,5360,5364,5368],{},[664,5357,5358],{"align":646},[213,5359,5112],{},[664,5361,5362],{"align":646},[213,5363,5117],{},[664,5365,5366],{"align":646},[213,5367,4492],{},[664,5369,5370],{"align":646},"多边形唯一标识",[641,5372,5373,5377,5381,5385],{},[664,5374,5375],{"align":646},[213,5376,5131],{},[664,5378,5379],{"align":646},[213,5380,5136],{},[664,5382,5383],{"align":646},[200,5384,5141],{},[664,5386,5387,5388],{"align":646},"外轮廓顶点坐标数组 ",[213,5389,5147],{},[641,5391,5392,5396,5400,5404],{},[664,5393,5394],{"align":646},[213,5395,486],{},[664,5397,5398],{"align":646},[213,5399,4451],{},[664,5401,5402],{"align":646},[213,5403,2883],{},[664,5405,5406],{"align":646},"边界线条颜色",[641,5408,5409,5413,5417,5422],{},[664,5410,5411],{"align":646},[213,5412,4727],{},[664,5414,5415],{"align":646},[213,5416,4396],{},[664,5418,5419],{"align":646},[213,5420,5421],{},"2",[664,5423,5424],{"align":646},"边界线宽 (px)",[641,5426,5427,5431,5435,5439],{},[664,5428,5429],{"align":646},[213,5430,4632],{},[664,5432,5433],{"align":646},[213,5434,4451],{},[664,5436,5437],{"align":646},[213,5438,2883],{},[664,5440,5441,5442,1327],{"align":646},"填充色 (支持十六进制、",[213,5443,5444],{},"rgba(...)",[641,5446,5447,5451,5455,5459],{},[664,5448,5449],{"align":646},[213,5450,4636],{},[664,5452,5453],{"align":646},[213,5454,4396],{},[664,5456,5457],{"align":646},[213,5458,5273],{},[664,5460,5461],{"align":646},"填充透明度 (0 ~ 1)",[641,5463,5464,5468,5472,5476],{},[664,5465,5466],{"align":646},[213,5467,5319],{},[664,5469,5470],{"align":646},[213,5471,5324],{},[664,5473,5474],{"align":646},[213,5475,4492],{},[664,5477,5478],{"align":646},"几何质心中心徽标文字配置",[242,5480],{},[805,5482,5484],{"id":5483},"circleoptions-圆形范围配置","CircleOptions (圆形范围配置)",[635,5486,5487,5499],{},[638,5488,5489],{},[641,5490,5491,5493,5495,5497],{},[644,5492,4790],{"align":646},[644,5494,4353],{"align":646},[644,5496,4356],{"align":646},[644,5498,4359],{"align":646},[659,5500,5501,5518,5539,5556,5573,5590,5607,5623],{},[641,5502,5503,5507,5511,5515],{},[664,5504,5505],{"align":646},[213,5506,5112],{},[664,5508,5509],{"align":646},[213,5510,5117],{},[664,5512,5513],{"align":646},[213,5514,4492],{},[664,5516,5517],{"align":646},"圆形唯一标识",[641,5519,5520,5525,5529,5533],{},[664,5521,5522],{"align":646},[213,5523,5524],{},"latLng",[664,5526,5527],{"align":646},[213,5528,1081],{},[664,5530,5531],{"align":646},[200,5532,5141],{},[664,5534,5535,5536],{"align":646},"圆心坐标 ",[213,5537,5538],{},"[lat, lng]",[641,5540,5541,5545,5549,5553],{},[664,5542,5543],{"align":646},[213,5544,4715],{},[664,5546,5547],{"align":646},[213,5548,4396],{},[664,5550,5551],{"align":646},[200,5552,5141],{},[664,5554,5555],{"align":646},"真实地理半径 (单位：米)",[641,5557,5558,5562,5566,5570],{},[664,5559,5560],{"align":646},[213,5561,486],{},[664,5563,5564],{"align":646},[213,5565,4451],{},[664,5567,5568],{"align":646},[213,5569,3320],{},[664,5571,5572],{"align":646},"边框线条颜色",[641,5574,5575,5579,5583,5587],{},[664,5576,5577],{"align":646},[213,5578,4727],{},[664,5580,5581],{"align":646},[213,5582,4396],{},[664,5584,5585],{"align":646},[213,5586,5421],{},[664,5588,5589],{"align":646},"边框线宽 (px)",[641,5591,5592,5596,5600,5604],{},[664,5593,5594],{"align":646},[213,5595,4632],{},[664,5597,5598],{"align":646},[213,5599,4451],{},[664,5601,5602],{"align":646},[213,5603,3320],{},[664,5605,5606],{"align":646},"填充色",[641,5608,5609,5613,5617,5621],{},[664,5610,5611],{"align":646},[213,5612,4636],{},[664,5614,5615],{"align":646},[213,5616,4396],{},[664,5618,5619],{"align":646},[213,5620,5273],{},[664,5622,5461],{"align":646},[641,5624,5625,5629,5633,5637],{},[664,5626,5627],{"align":646},[213,5628,5319],{},[664,5630,5631],{"align":646},[213,5632,5324],{},[664,5634,5635],{"align":646},[213,5636,4492],{},[664,5638,5639],{"align":646},"圆心徽标文字配置",[242,5641],{},[805,5643,5645],{"id":5644},"clusteroptions-海量点聚合高级配置","ClusterOptions (海量点聚合高级配置)",[635,5647,5648,5660],{},[638,5649,5650],{},[641,5651,5652,5654,5656,5658],{},[644,5653,4790],{"align":646},[644,5655,4353],{"align":646},[644,5657,4356],{"align":646},[644,5659,4359],{"align":646},[659,5661,5662,5680,5698],{},[641,5663,5664,5669,5673,5677],{},[664,5665,5666],{"align":646},[213,5667,5668],{},"enable",[664,5670,5671],{"align":646},[213,5672,4651],{},[664,5674,5675],{"align":646},[213,5676,2729],{},[664,5678,5679],{"align":646},"是否启用点聚合",[641,5681,5682,5687,5691,5695],{},[664,5683,5684],{"align":646},[213,5685,5686],{},"clusterRadius",[664,5688,5689],{"align":646},[213,5690,4396],{},[664,5692,5693],{"align":646},[213,5694,3516],{},[664,5696,5697],{"align":646},"点聚合的屏幕像素网格半径阈值 (px)",[641,5699,5700,5705,5709,5713],{},[664,5701,5702],{"align":646},[213,5703,5704],{},"clusterMaxZoom",[664,5706,5707],{"align":646},[213,5708,4396],{},[664,5710,5711],{"align":646},[213,5712,3532],{},[664,5714,5715],{"align":646},"最大聚合缩放级别，达到或超过该层级自动展开为单点",[242,5717],{},[805,5719,5721],{"id":5720},"geojsonstyleoptions-geojson-样式配置","GeoJsonStyleOptions (GeoJSON 样式配置)",[635,5723,5724,5736],{},[638,5725,5726],{},[641,5727,5728,5730,5732,5734],{},[644,5729,4790],{"align":646},[644,5731,4353],{"align":646},[644,5733,4356],{"align":646},[644,5735,4359],{"align":646},[659,5737,5738,5755,5771,5789,5806,5824],{},[641,5739,5740,5744,5748,5752],{},[664,5741,5742],{"align":646},[213,5743,486],{},[664,5745,5746],{"align":646},[213,5747,4451],{},[664,5749,5750],{"align":646},[213,5751,2883],{},[664,5753,5754],{"align":646},"矢量边框描边颜色",[641,5756,5757,5761,5765,5769],{},[664,5758,5759],{"align":646},[213,5760,4628],{},[664,5762,5763],{"align":646},[213,5764,4396],{},[664,5766,5767],{"align":646},[213,5768,5421],{},[664,5770,5589],{"align":646},[641,5772,5773,5777,5781,5786],{},[664,5774,5775],{"align":646},[213,5776,5188],{},[664,5778,5779],{"align":646},[213,5780,4396],{},[664,5782,5783],{"align":646},[213,5784,5785],{},"0.8",[664,5787,5788],{"align":646},"边框透明度",[641,5790,5791,5795,5799,5803],{},[664,5792,5793],{"align":646},[213,5794,4632],{},[664,5796,5797],{"align":646},[213,5798,4451],{},[664,5800,5801],{"align":646},[213,5802,2883],{},[664,5804,5805],{"align":646},"面要素填充颜色",[641,5807,5808,5812,5816,5821],{},[664,5809,5810],{"align":646},[213,5811,4636],{},[664,5813,5814],{"align":646},[213,5815,4396],{},[664,5817,5818],{"align":646},[213,5819,5820],{},"0.15",[664,5822,5823],{"align":646},"面要素填充透明度",[641,5825,5826,5830,5834,5838],{},[664,5827,5828],{"align":646},[213,5829,580],{},[664,5831,5832],{"align":646},[213,5833,5211],{},[664,5835,5836],{"align":646},[213,5837,4492],{},[664,5839,5840,5841],{"align":646},"虚线线型配置，例如 ",[213,5842,5843],{},"[6, 6]",[242,5845],{},[805,5847,5849],{"id":5848},"events","Events",[635,5851,5852,5863],{},[638,5853,5854],{},[641,5855,5856,5859,5861],{},[644,5857,5858],{"align":646},"事件名",[644,5860,4350],{"align":646},[644,5862,4359],{"align":646},[659,5864,5865,5880,5895,5910,5924,5939,5953,5968,5983,5998,6013,6028,6043],{},[641,5866,5867,5872,5877],{},[664,5868,5869],{"align":646},[213,5870,5871],{},"@ready",[664,5873,5874],{"align":646},[213,5875,5876],{},"(engine: IMapEngine) => void",[664,5878,5879],{"align":646},"地图引擎初始化完成时触发",[641,5881,5882,5887,5892],{},[664,5883,5884],{"align":646},[213,5885,5886],{},"@click",[664,5888,5889],{"align":646},[213,5890,5891],{},"({ latLng, point }) => void",[664,5893,5894],{"align":646},"点击地图空白区域时触发",[641,5896,5897,5902,5907],{},[664,5898,5899],{"align":646},[213,5900,5901],{},"@move",[664,5903,5904],{"align":646},[213,5905,5906],{},"({ center, zoom }) => void",[664,5908,5909],{"align":646},"地图平移漫游中持续触发",[641,5911,5912,5917,5921],{},[664,5913,5914],{"align":646},[213,5915,5916],{},"@moveend",[664,5918,5919],{"align":646},[213,5920,5906],{},[664,5922,5923],{"align":646},"地图平移结束时触发",[641,5925,5926,5931,5936],{},[664,5927,5928],{"align":646},[213,5929,5930],{},"@zoom",[664,5932,5933],{"align":646},[213,5934,5935],{},"(zoom: number) => void",[664,5937,5938],{"align":646},"地图缩放中持续触发",[641,5940,5941,5946,5950],{},[664,5942,5943],{"align":646},[213,5944,5945],{},"@zoomend",[664,5947,5948],{"align":646},[213,5949,5935],{},[664,5951,5952],{"align":646},"地图缩放结束时触发",[641,5954,5955,5960,5965],{},[664,5956,5957],{"align":646},[213,5958,5959],{},"@overlay-click",[664,5961,5962],{"align":646},[213,5963,5964],{},"(event: OverlayClickEvent) => void",[664,5966,5967],{"align":646},"点击任意点、线、面、圆要素时触发",[641,5969,5970,5975,5980],{},[664,5971,5972],{"align":646},[213,5973,5974],{},"@marker-click",[664,5976,5977],{"align":646},[213,5978,5979],{},"(marker: MarkerOptions) => void",[664,5981,5982],{"align":646},"点击点图标时触发",[641,5984,5985,5990,5995],{},[664,5986,5987],{"align":646},[213,5988,5989],{},"@cluster-click",[664,5991,5992],{"align":646},[213,5993,5994],{},"(cluster: ClusterGroup) => void",[664,5996,5997],{"align":646},"点击聚合气泡时触发 (默认自动缩放并局部展开包裹聚合点)",[641,5999,6000,6005,6010],{},[664,6001,6002],{"align":646},[213,6003,6004],{},"@geojson-click",[664,6006,6007],{"align":646},[213,6008,6009],{},"(feature: any) => void",[664,6011,6012],{"align":646},"点击 GeoJSON 矢量要素时触发",[641,6014,6015,6020,6025],{},[664,6016,6017],{"align":646},[213,6018,6019],{},"@polyline-click",[664,6021,6022],{"align":646},[213,6023,6024],{},"(polyline: PolylineOptions) => void",[664,6026,6027],{"align":646},"点击折线时触发",[641,6029,6030,6035,6040],{},[664,6031,6032],{"align":646},[213,6033,6034],{},"@polygon-click",[664,6036,6037],{"align":646},[213,6038,6039],{},"(polygon: PolygonOptions) => void",[664,6041,6042],{"align":646},"点击多边形时触发",[641,6044,6045,6050,6055],{},[664,6046,6047],{"align":646},[213,6048,6049],{},"@circle-click",[664,6051,6052],{"align":646},[213,6053,6054],{},"(circle: CircleOptions) => void",[664,6056,6057],{"align":646},"点击圆形时触发",[242,6059],{},[805,6061,6063,6064,6067],{"id":6062},"methods-通过-ref-获取实例","Methods (通过 ",[213,6065,6066],{},"ref"," 获取实例)",[635,6069,6070,6081],{},[638,6071,6072],{},[641,6073,6074,6077,6079],{},[644,6075,6076],{"align":646},"方法名",[644,6078,4350],{"align":646},[644,6080,4359],{"align":646},[659,6082,6083,6098,6113,6128,6142,6156,6171,6186,6201,6216,6231,6246,6261,6276,6290,6305,6321,6335],{},[641,6084,6085,6090,6095],{},[664,6086,6087],{"align":646},[213,6088,6089],{},"setCenter",[664,6091,6092],{"align":646},[213,6093,6094],{},"(center: LatLngTuple, animate?: boolean)",[664,6096,6097],{"align":646},"设置地图中心点",[641,6099,6100,6105,6110],{},[664,6101,6102],{"align":646},[213,6103,6104],{},"setZoom",[664,6106,6107],{"align":646},[213,6108,6109],{},"(zoom: number)",[664,6111,6112],{"align":646},"设置缩放层级",[641,6114,6115,6120,6125],{},[664,6116,6117],{"align":646},[213,6118,6119],{},"zoomIn",[664,6121,6122],{"align":646},[213,6123,6124],{},"()",[664,6126,6127],{"align":646},"放大一级",[641,6129,6130,6135,6139],{},[664,6131,6132],{"align":646},[213,6133,6134],{},"zoomOut",[664,6136,6137],{"align":646},[213,6138,6124],{},[664,6140,6141],{"align":646},"缩小一级",[641,6143,6144,6148,6153],{},[664,6145,6146],{"align":646},[213,6147,607],{},[664,6149,6150],{"align":646},[213,6151,6152],{},"(center: LatLngTuple, duration?: number)",[664,6154,6155],{"align":646},"平滑缓动平移至指定坐标",[641,6157,6158,6163,6168],{},[664,6159,6160],{"align":646},[213,6161,6162],{},"fitBounds",[664,6164,6165],{"align":646},[213,6166,6167],{},"(bounds: LatLngBoundsExpression | LatLngTuple[] | MapBounds, options?: { padding?: [number, number]; maxZoom?: number; animate?: boolean })",[664,6169,6170],{"align":646},"自动缩放视野以包裹指定坐标点\u002F足迹点集合，支持设置内边距与最大缩放层级",[641,6172,6173,6178,6183],{},[664,6174,6175],{"align":646},[213,6176,6177],{},"setTileUrl",[664,6179,6180],{"align":646},[213,6181,6182],{},"(url: string, subdomains?: string[])",[664,6184,6185],{"align":646},"切换单底图源",[641,6187,6188,6193,6198],{},[664,6189,6190],{"align":646},[213,6191,6192],{},"setLayers",[664,6194,6195],{"align":646},[213,6196,6197],{},"(layers: TileLayerConfig[])",[664,6199,6200],{"align":646},"动态切换多图层源",[641,6202,6203,6208,6213],{},[664,6204,6205],{"align":646},[213,6206,6207],{},"setMarkers",[664,6209,6210],{"align":646},[213,6211,6212],{},"(markers: MarkerOptions[])",[664,6214,6215],{"align":646},"动态更新点标注",[641,6217,6218,6223,6228],{},[664,6219,6220],{"align":646},[213,6221,6222],{},"setPolylines",[664,6224,6225],{"align":646},[213,6226,6227],{},"(polylines: PolylineOptions[])",[664,6229,6230],{"align":646},"动态更新折线",[641,6232,6233,6238,6243],{},[664,6234,6235],{"align":646},[213,6236,6237],{},"setPolygons",[664,6239,6240],{"align":646},[213,6241,6242],{},"(polygons: PolygonOptions[])",[664,6244,6245],{"align":646},"动态更新多边形",[641,6247,6248,6253,6258],{},[664,6249,6250],{"align":646},[213,6251,6252],{},"setCircles",[664,6254,6255],{"align":646},[213,6256,6257],{},"(circles: CircleOptions[])",[664,6259,6260],{"align":646},"动态更新圆形",[641,6262,6263,6268,6273],{},[664,6264,6265],{"align":646},[213,6266,6267],{},"setGeoJSON",[664,6269,6270],{"align":646},[213,6271,6272],{},"(data: any, style?: GeoJsonStyle)",[664,6274,6275],{"align":646},"动态更新\u002F替换 GeoJSON 矢量图层数据与样式",[641,6277,6278,6283,6287],{},[664,6279,6280],{"align":646},[213,6281,6282],{},"clearOverlays",[664,6284,6285],{"align":646},[213,6286,6124],{},[664,6288,6289],{"align":646},"清空所有覆盖物与矢量图层",[641,6291,6292,6297,6302],{},[664,6293,6294],{"align":646},[213,6295,6296],{},"resize",[664,6298,6299],{"align":646},[213,6300,6301],{},"(width?: number, height?: number)",[664,6303,6304],{"align":646},"重新计算视口尺寸与 DPR 适配",[641,6306,6307,6312,6316],{},[664,6308,6309],{"align":646},[213,6310,6311],{},"getCenter",[664,6313,6314],{"align":646},[213,6315,6124],{},[664,6317,6318,6319],{"align":646},"获取当前中心点 ",[213,6320,5538],{},[641,6322,6323,6328,6332],{},[664,6324,6325],{"align":646},[213,6326,6327],{},"getZoom",[664,6329,6330],{"align":646},[213,6331,6124],{},[664,6333,6334],{"align":646},"获取当前缩放层级",[641,6336,6337,6342,6346],{},[664,6338,6339],{"align":646},[213,6340,6341],{},"getNativeInstance",[664,6343,6344],{"align":646},[213,6345,6124],{},[664,6347,6348,6349,6352,6353,6356],{"align":646},"获取底层原生实例（H5\u002FApp 为 Leaflet ",[213,6350,6351],{},"L.map","，小程序为 ",[213,6354,6355],{},"canvas"," 节点）",[6358,6359,6361],"h4",{"id":6360},"自动视野缩放包裹指定要素-fitbounds-示例","🎯 自动视野缩放包裹指定要素 (fitBounds 示例)",[715,6363,6365],{"className":811,"code":6364,"language":813,"meta":720,"style":720},"\u003Ctemplate>\n \u003CUniLeafletMap\n ref=\"mapRef\"\n :markers=\"markers\"\n :polylines=\"polylines\"\n :polygons=\"polygons\"\n :geojson=\"cityGeoJson\"\n \u002F>\n\u003C\u002Ftemplate>\n\n\u003Cscript setup lang=\"ts\">\nimport { ref } from 'vue';\nimport UniLeafletMap from '@\u002Fcomponents\u002Funi-leaflet\u002FUniLeafletMap.vue';\n\nconst mapRef = ref\u003CInstanceType\u003Ctypeof UniLeafletMap> | null>(null);\n\n\u002F\u002F 1. 快捷包裹【城市行政区划 GeoJSON 边界】(传入 'geojson' 或直接传入 GeoJSON 数据)\nmapRef.value?.fitBounds('geojson', { padding: [50, 50] });\n\n\u002F\u002F 2. 快捷包裹【点】(传入 'markers' \u002F 'points'，或传入点标记数组\u002F经纬度数组)\nmapRef.value?.fitBounds('markers', { padding: [40, 40] });\n\n\u002F\u002F 3. 快捷包裹【线】(传入 'polylines' \u002F 'lines'，或传入折线对象列表)\nmapRef.value?.fitBounds('polylines', { padding: [40, 40] });\n\n\u002F\u002F 4. 快捷包裹【面】(传入 'polygons'，或传入多边形对象列表)\nmapRef.value?.fitBounds('polygons', { padding: [40, 40] });\n\n\u002F\u002F 5. 包裹【全部当前显示要素】(传入 'all' 或直接不传参)\nmapRef.value?.fitBounds('all', { padding: [50, 50] });\n\n\u002F\u002F 5. 传入自定义足迹点经纬度数组\nconst trackPoints = [\n [39.9042, 116.4074],\n [39.9163, 116.3972],\n [39.9289, 116.3883],\n];\nmapRef.value?.fitBounds(trackPoints, {\n padding: [40, 40],\n maxZoom: 16,\n animate: true,\n});\n\u003C\u002Fscript>\n",[213,6366,6367,6375,6381,6389,6403,6417,6431,6446,6450,6458,6462,6478,6490,6504,6508,6538,6542,6547,6571,6575,6580,6600,6604,6609,6629,6633,6638,6658,6662,6667,6687,6691,6696,6708,6721,6733,6747,6752,6761,6774,6783,6792,6796],{"__ignoreMap":720},[724,6368,6369,6371,6373],{"class":726,"line":727},[724,6370,821],{"class":820},[724,6372,825],{"class":824},[724,6374,828],{"class":820},[724,6376,6377,6379],{"class":726,"line":734},[724,6378,833],{"class":820},[724,6380,855],{"class":824},[724,6382,6383,6385,6387],{"class":726,"line":751},[724,6384,1845],{"class":737},[724,6386,842],{"class":820},[724,6388,1850],{"class":741},[724,6390,6391,6393,6395,6397,6399,6401],{"class":726,"line":758},[724,6392,1464],{"class":820},[724,6394,1894],{"class":737},[724,6396,842],{"class":820},[724,6398,870],{"class":741},[724,6400,1894],{"class":820},[724,6402,875],{"class":741},[724,6404,6405,6407,6409,6411,6413,6415],{"class":726,"line":764},[724,6406,1464],{"class":820},[724,6408,1909],{"class":737},[724,6410,842],{"class":820},[724,6412,870],{"class":741},[724,6414,1909],{"class":820},[724,6416,875],{"class":741},[724,6418,6419,6421,6423,6425,6427,6429],{"class":726,"line":777},[724,6420,1464],{"class":820},[724,6422,1924],{"class":737},[724,6424,842],{"class":820},[724,6426,870],{"class":741},[724,6428,1924],{"class":820},[724,6430,875],{"class":741},[724,6432,6433,6435,6437,6439,6441,6444],{"class":726,"line":782},[724,6434,1464],{"class":820},[724,6436,3876],{"class":737},[724,6438,842],{"class":820},[724,6440,870],{"class":741},[724,6442,6443],{"class":820},"cityGeoJson",[724,6445,875],{"class":741},[724,6447,6448],{"class":726,"line":788},[724,6449,1530],{"class":820},[724,6451,6452,6454,6456],{"class":726,"line":937},[724,6453,974],{"class":820},[724,6455,825],{"class":824},[724,6457,828],{"class":820},[724,6459,6460],{"class":726,"line":955},[724,6461,755],{"emptyLinePlaceholder":754},[724,6463,6464,6466,6468,6470,6472,6474,6476],{"class":726,"line":961},[724,6465,821],{"class":820},[724,6467,991],{"class":824},[724,6469,994],{"class":737},[724,6471,997],{"class":737},[724,6473,842],{"class":820},[724,6475,1002],{"class":741},[724,6477,828],{"class":820},[724,6479,6480,6482,6484,6486,6488],{"class":726,"line":971},[724,6481,1011],{"class":1010},[724,6483,1014],{"class":820},[724,6485,1017],{"class":1010},[724,6487,1020],{"class":741},[724,6489,1023],{"class":820},[724,6491,6492,6494,6497,6499,6502],{"class":726,"line":981},[724,6493,1011],{"class":1010},[724,6495,6496],{"class":820}," UniLeafletMap ",[724,6498,1017],{"class":1010},[724,6500,6501],{"class":741}," '@\u002Fcomponents\u002Funi-leaflet\u002FUniLeafletMap.vue'",[724,6503,1023],{"class":820},[724,6505,6506],{"class":726,"line":986},[724,6507,755],{"emptyLinePlaceholder":754},[724,6509,6510,6512,6514,6516,6518,6520,6522,6524,6526,6528,6530,6532,6534,6536],{"class":726,"line":1007},[724,6511,1066],{"class":1010},[724,6513,4000],{"class":1069},[724,6515,1073],{"class":1010},[724,6517,1076],{"class":737},[724,6519,821],{"class":820},[724,6521,4009],{"class":737},[724,6523,821],{"class":820},[724,6525,4014],{"class":1010},[724,6527,4017],{"class":820},[724,6529,4020],{"class":1010},[724,6531,4023],{"class":1069},[724,6533,4026],{"class":820},[724,6535,4029],{"class":1069},[724,6537,1119],{"class":820},[724,6539,6540],{"class":726,"line":1026},[724,6541,755],{"emptyLinePlaceholder":754},[724,6543,6544],{"class":726,"line":1041},[724,6545,6546],{"class":730},"\u002F\u002F 1. 快捷包裹【城市行政区划 GeoJSON 边界】(传入 'geojson' 或直接传入 GeoJSON 数据)\n",[724,6548,6549,6552,6554,6556,6558,6561,6564,6566,6568],{"class":726,"line":1058},[724,6550,6551],{"class":820},"mapRef.value?.",[724,6553,6162],{"class":737},[724,6555,1113],{"class":820},[724,6557,422],{"class":741},[724,6559,6560],{"class":820},", { padding: [",[724,6562,6563],{"class":1069},"50",[724,6565,333],{"class":820},[724,6567,6563],{"class":1069},[724,6569,6570],{"class":820},"] });\n",[724,6572,6573],{"class":726,"line":1063},[724,6574,755],{"emptyLinePlaceholder":754},[724,6576,6577],{"class":726,"line":1101},[724,6578,6579],{"class":730},"\u002F\u002F 2. 快捷包裹【点】(传入 'markers' \u002F 'points'，或传入点标记数组\u002F经纬度数组)\n",[724,6581,6582,6584,6586,6588,6590,6592,6594,6596,6598],{"class":726,"line":1122},[724,6583,6551],{"class":820},[724,6585,6162],{"class":737},[724,6587,1113],{"class":820},[724,6589,410],{"class":741},[724,6591,6560],{"class":820},[724,6593,2261],{"class":1069},[724,6595,333],{"class":820},[724,6597,2261],{"class":1069},[724,6599,6570],{"class":820},[724,6601,6602],{"class":726,"line":1127},[724,6603,755],{"emptyLinePlaceholder":754},[724,6605,6606],{"class":726,"line":1133},[724,6607,6608],{"class":730},"\u002F\u002F 3. 快捷包裹【线】(传入 'polylines' \u002F 'lines'，或传入折线对象列表)\n",[724,6610,6611,6613,6615,6617,6619,6621,6623,6625,6627],{"class":726,"line":1152},[724,6612,6551],{"class":820},[724,6614,6162],{"class":737},[724,6616,1113],{"class":820},[724,6618,414],{"class":741},[724,6620,6560],{"class":820},[724,6622,2261],{"class":1069},[724,6624,333],{"class":820},[724,6626,2261],{"class":1069},[724,6628,6570],{"class":820},[724,6630,6631],{"class":726,"line":1188},[724,6632,755],{"emptyLinePlaceholder":754},[724,6634,6635],{"class":726,"line":1193},[724,6636,6637],{"class":730},"\u002F\u002F 4. 快捷包裹【面】(传入 'polygons'，或传入多边形对象列表)\n",[724,6639,6640,6642,6644,6646,6648,6650,6652,6654,6656],{"class":726,"line":1216},[724,6641,6551],{"class":820},[724,6643,6162],{"class":737},[724,6645,1113],{"class":820},[724,6647,418],{"class":741},[724,6649,6560],{"class":820},[724,6651,2261],{"class":1069},[724,6653,333],{"class":820},[724,6655,2261],{"class":1069},[724,6657,6570],{"class":820},[724,6659,6660],{"class":726,"line":1233},[724,6661,755],{"emptyLinePlaceholder":754},[724,6663,6664],{"class":726,"line":1239},[724,6665,6666],{"class":730},"\u002F\u002F 5. 包裹【全部当前显示要素】(传入 'all' 或直接不传参)\n",[724,6668,6669,6671,6673,6675,6677,6679,6681,6683,6685],{"class":726,"line":1248},[724,6670,6551],{"class":820},[724,6672,6162],{"class":737},[724,6674,1113],{"class":820},[724,6676,406],{"class":741},[724,6678,6560],{"class":820},[724,6680,6563],{"class":1069},[724,6682,333],{"class":820},[724,6684,6563],{"class":1069},[724,6686,6570],{"class":820},[724,6688,6689],{"class":726,"line":1253},[724,6690,755],{"emptyLinePlaceholder":754},[724,6692,6693],{"class":726,"line":1266},[724,6694,6695],{"class":730},"\u002F\u002F 5. 传入自定义足迹点经纬度数组\n",[724,6697,6698,6700,6703,6705],{"class":726,"line":1275},[724,6699,1066],{"class":1010},[724,6701,6702],{"class":1069}," trackPoints",[724,6704,1073],{"class":1010},[724,6706,6707],{"class":820}," [\n",[724,6709,6710,6713,6715,6717,6719],{"class":726,"line":1292},[724,6711,6712],{"class":820}," [",[724,6714,1087],{"class":1069},[724,6716,333],{"class":820},[724,6718,1092],{"class":1069},[724,6720,1717],{"class":820},[724,6722,6723,6725,6727,6729,6731],{"class":726,"line":1306},[724,6724,6712],{"class":820},[724,6726,1476],{"class":1069},[724,6728,333],{"class":820},[724,6730,1481],{"class":1069},[724,6732,1717],{"class":820},[724,6734,6735,6737,6740,6742,6745],{"class":726,"line":1311},[724,6736,6712],{"class":820},[724,6738,6739],{"class":1069},"39.9289",[724,6741,333],{"class":820},[724,6743,6744],{"class":1069},"116.3883",[724,6746,1717],{"class":820},[724,6748,6749],{"class":726,"line":2193},[724,6750,6751],{"class":820},"];\n",[724,6753,6754,6756,6758],{"class":726,"line":2198},[724,6755,6551],{"class":820},[724,6757,6162],{"class":737},[724,6759,6760],{"class":820},"(trackPoints, {\n",[724,6762,6763,6766,6768,6770,6772],{"class":726,"line":2208},[724,6764,6765],{"class":820}," padding: [",[724,6767,2261],{"class":1069},[724,6769,333],{"class":820},[724,6771,2261],{"class":1069},[724,6773,1717],{"class":820},[724,6775,6776,6779,6781],{"class":726,"line":2223},[724,6777,6778],{"class":820}," maxZoom: ",[724,6780,2272],{"class":1069},[724,6782,1659],{"class":820},[724,6784,6785,6788,6790],{"class":726,"line":2233},[724,6786,6787],{"class":820}," animate: ",[724,6789,2729],{"class":1069},[724,6791,1659],{"class":820},[724,6793,6794],{"class":726,"line":2239},[724,6795,4323],{"class":820},[724,6797,6798,6800,6802],{"class":726,"line":2250},[724,6799,974],{"class":820},[724,6801,991],{"class":824},[724,6803,828],{"class":820},[6358,6805,6807],{"id":6806},"️-弧线旅行航线与流动虚线动效","✈️ 弧线旅行航线与流动虚线动效",[193,6809,6810,6811,6814,6815,6818],{},"支持将两点或多点折线基于二次贝塞尔曲线生成平滑的大圆\u002F旅行航线弧度，并开启从起点向终点持续流动的虚线粒子感动效。全端统一实现（H5\u002FApp 端采用高效 GPU CSS ",[213,6812,6813],{},"@keyframes"," 动画，小程序端采用 Canvas 2D ",[213,6816,6817],{},"lineDashOffset"," 按需动画循环）：",[715,6820,6824],{"className":6821,"code":6822,"language":6823,"meta":720,"style":720},"language-ts shiki shiki-themes github-dark","interface PolylineOptions {\n id?: string | number;\n latLngs: LatLngTuple[];\n color?: string;\n width?: number;\n opacity?: number;\n dashArray?: number[]; \u002F\u002F 虚线分段配置，例如 [10, 8]\n dashOffset?: number; \u002F\u002F 静态虚线偏移量\n curved?: boolean; \u002F\u002F 是否开启二次贝塞尔平滑弧线 (默认 false)\n curvature?: number; \u002F\u002F 弧线曲率 (默认 0.2，正数上弧\u002F左凸，负数下弧\u002F右凸)\n flowing?: boolean; \u002F\u002F 是否开启粒子流光\u002F流动虚线动效 (默认 false)\n flowSpeed?: number; \u002F\u002F 流动速度倍率 (默认 1.0，支持正负数控制流动方向)\n label?: string | MarkerLabelOptions; \u002F\u002F 路线中点徽标文字\n}\n","ts",[213,6825,6826,6836,6855,6868,6879,6889,6900,6915,6930,6946,6961,6976,6990,7010],{"__ignoreMap":720},[724,6827,6828,6831,6834],{"class":726,"line":727},[724,6829,6830],{"class":1010},"interface",[724,6832,6833],{"class":737}," PolylineOptions",[724,6835,1272],{"class":820},[724,6837,6838,6841,6844,6847,6850,6853],{"class":726,"line":734},[724,6839,6840],{"class":1204}," id",[724,6842,6843],{"class":1010},"?:",[724,6845,6846],{"class":1069}," string",[724,6848,6849],{"class":1010}," |",[724,6851,6852],{"class":1069}," number",[724,6854,1023],{"class":820},[724,6856,6857,6860,6862,6865],{"class":726,"line":751},[724,6858,6859],{"class":1204}," latLngs",[724,6861,863],{"class":1010},[724,6863,6864],{"class":737}," LatLngTuple",[724,6866,6867],{"class":820},"[];\n",[724,6869,6870,6873,6875,6877],{"class":726,"line":758},[724,6871,6872],{"class":1204}," color",[724,6874,6843],{"class":1010},[724,6876,6846],{"class":1069},[724,6878,1023],{"class":820},[724,6880,6881,6883,6885,6887],{"class":726,"line":764},[724,6882,1278],{"class":1204},[724,6884,6843],{"class":1010},[724,6886,6852],{"class":1069},[724,6888,1023],{"class":820},[724,6890,6891,6894,6896,6898],{"class":726,"line":777},[724,6892,6893],{"class":1204}," opacity",[724,6895,6843],{"class":1010},[724,6897,6852],{"class":1069},[724,6899,1023],{"class":820},[724,6901,6902,6905,6907,6909,6912],{"class":726,"line":782},[724,6903,6904],{"class":1204}," dashArray",[724,6906,6843],{"class":1010},[724,6908,6852],{"class":1069},[724,6910,6911],{"class":820},"[]; ",[724,6913,6914],{"class":730},"\u002F\u002F 虚线分段配置，例如 [10, 8]\n",[724,6916,6917,6920,6922,6924,6927],{"class":726,"line":788},[724,6918,6919],{"class":1204}," dashOffset",[724,6921,6843],{"class":1010},[724,6923,6852],{"class":1069},[724,6925,6926],{"class":820},"; ",[724,6928,6929],{"class":730},"\u002F\u002F 静态虚线偏移量\n",[724,6931,6932,6935,6937,6940,6943],{"class":726,"line":937},[724,6933,6934],{"class":1204}," curved",[724,6936,6843],{"class":1010},[724,6938,6939],{"class":1069}," boolean",[724,6941,6942],{"class":820},"; ",[724,6944,6945],{"class":730},"\u002F\u002F 是否开启二次贝塞尔平滑弧线 (默认 false)\n",[724,6947,6948,6951,6953,6955,6958],{"class":726,"line":955},[724,6949,6950],{"class":1204}," curvature",[724,6952,6843],{"class":1010},[724,6954,6852],{"class":1069},[724,6956,6957],{"class":820},"; ",[724,6959,6960],{"class":730},"\u002F\u002F 弧线曲率 (默认 0.2，正数上弧\u002F左凸，负数下弧\u002F右凸)\n",[724,6962,6963,6966,6968,6970,6973],{"class":726,"line":961},[724,6964,6965],{"class":1204}," flowing",[724,6967,6843],{"class":1010},[724,6969,6939],{"class":1069},[724,6971,6972],{"class":820},"; ",[724,6974,6975],{"class":730},"\u002F\u002F 是否开启粒子流光\u002F流动虚线动效 (默认 false)\n",[724,6977,6978,6981,6983,6985,6987],{"class":726,"line":971},[724,6979,6980],{"class":1204}," flowSpeed",[724,6982,6843],{"class":1010},[724,6984,6852],{"class":1069},[724,6986,6957],{"class":820},[724,6988,6989],{"class":730},"\u002F\u002F 流动速度倍率 (默认 1.0，支持正负数控制流动方向)\n",[724,6991,6992,6995,6997,6999,7001,7004,7007],{"class":726,"line":981},[724,6993,6994],{"class":1204}," label",[724,6996,6843],{"class":1010},[724,6998,6846],{"class":1069},[724,7000,6849],{"class":1010},[724,7002,7003],{"class":737}," MarkerLabelOptions",[724,7005,7006],{"class":820},"; ",[724,7008,7009],{"class":730},"\u002F\u002F 路线中点徽标文字\n",[724,7011,7012],{"class":726,"line":986},[724,7013,1236],{"class":820},[226,7015,7016],{},[193,7017,7018,7021,7022,7024,7025,7028],{},[200,7019,7020],{},"提示","：当设置 ",[213,7023,361],{}," 时，调用 ",[213,7026,7027],{},"fitBounds('polylines')"," 会自动包含二次贝塞尔弧顶的实际最高\u002F最低经纬度，确保完整包裹航线全貌。",[242,7030],{},[245,7032,7034],{"id":7033},"在线体验与示例站点","🎮 在线体验与示例站点",[7036,7037],"prose-iframe",{"orientation":7038,"src":237},"vertical",[1258,7040,7041],{},"html pre.shiki code .sAwPA, html code.shiki .sAwPA{--shiki-default:#6A737D}html pre.shiki code .svObZ, html code.shiki .svObZ{--shiki-default:#B392F0}html pre.shiki code .sU2Wk, html code.shiki .sU2Wk{--shiki-default:#9ECBFF}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 pre.shiki code .s95oV, html code.shiki .s95oV{--shiki-default:#E1E4E8}html pre.shiki code .s4JwU, html code.shiki .s4JwU{--shiki-default:#85E89D}html pre.shiki code .snl16, html code.shiki .snl16{--shiki-default:#F97583}html pre.shiki code .sDLfK, html code.shiki .sDLfK{--shiki-default:#79B8FF}html pre.shiki code .s9osk, html code.shiki .s9osk{--shiki-default:#FFAB70}",{"title":720,"searchDepth":734,"depth":751,"links":7043},[7044,7045,7046,7047,7056,7071],{"id":247,"depth":734,"text":248},{"id":632,"depth":734,"text":633},{"id":712,"depth":734,"text":713},{"id":802,"depth":734,"text":803,"children":7048},[7049,7050,7052,7053,7054,7055],{"id":807,"depth":751,"text":808},{"id":1322,"depth":751,"text":7051},"2. 全局注册 (main.ts)",{"id":1439,"depth":751,"text":1440},{"id":1820,"depth":751,"text":1821},{"id":3410,"depth":751,"text":3411},{"id":3838,"depth":751,"text":3839},{"id":4336,"depth":734,"text":4337,"children":7057},[7058,7059,7060,7061,7062,7063,7064,7065,7066],{"id":4340,"depth":751,"text":4341},{"id":4780,"depth":751,"text":4781},{"id":5088,"depth":751,"text":5089},{"id":5336,"depth":751,"text":5337},{"id":5483,"depth":751,"text":5484},{"id":5644,"depth":751,"text":5645},{"id":5720,"depth":751,"text":5721},{"id":5848,"depth":751,"text":5849},{"id":6062,"depth":751,"text":7067,"children":7068},"Methods (通过 ref 获取实例)",[7069,7070],{"id":6360,"depth":758,"text":6361},{"id":6806,"depth":758,"text":6807},{"id":7033,"depth":734,"text":7034},[7073],"思辨・通用",null,"2026-08-28","md",{},{"title":150,"description":195},[7080,7081,7082],"webgis","Vue","项目","6xv_GHLAqei7uqv64JbGi41wr1Z-duRevbKioiJDtqE",1637,{"title":106,"path":107,"createdAt":7086,"categories":7087,"tags":7089},"2026-07-30",[7088],"思辨・自留",[7090],"两性关系",[7092,7098,7102,7106,7110],{"title":174,"path":175,"createdAt":7093,"categories":7094,"tags":7095},"2023-02-23",[7073],[7096,7097,7081],"笔记","基础",{"title":170,"path":171,"createdAt":7099,"categories":7100,"tags":7101},"2023-02-22",[7073],[7096,7097,7081],{"title":166,"path":167,"createdAt":7103,"categories":7104,"tags":7105},"2023-02-20",[7073],[7096,7097,7081],{"title":162,"path":163,"createdAt":7107,"categories":7108,"tags":7109},"2023-02-18",[7073],[7096,7097,7081],{"title":158,"path":159,"createdAt":7111,"categories":7112,"tags":7113},"2023-02-17",[7073],[7096,7097,7081]]