From b0f2351da601dcc5a1421feae5387e44f7c66700 Mon Sep 17 00:00:00 2001 From: yue1123 <61490799+yue1123@users.noreply.github.com> Date: Tue, 19 Mar 2024 17:51:06 +0000 Subject: [PATCH] =?UTF-8?q?Deploying=20to=20gh-pages=20from=20=20@=20b8492?= =?UTF-8?q?b47fc915e6a2c5ffdd17bb512e041e17f41=20=F0=9F=9A=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- 404.html | 4 +- assets/index.md.H6mwYhbD.js | 1 + assets/index.md.H6mwYhbD.lean.js | 1 + assets/sponsor.md.X-1f35D3.js | 1 + assets/sponsor.md.X-1f35D3.lean.js | 1 + assets/style.zB-f02ZR.css | 1 + ...mponents_autoComplete_index.md.Pa2pZGUC.js | 1 + ...nts_autoComplete_index.md.Pa2pZGUC.lean.js | 1 + ...components_control_citylist.md.Q7jNASqU.js | 1 + ...nents_control_citylist.md.Q7jNASqU.lean.js | 1 + ...onents_control_context-menu.md.fkbF2NCh.js | 1 + ...s_control_context-menu.md.fkbF2NCh.lean.js | 1 + ...omponents_control_copyright.md.sSCKnGFH.js | 1 + ...ents_control_copyright.md.sSCKnGFH.lean.js | 1 + ...N_components_control_custom.md.UcP2ujsc.js | 1 + ...ponents_control_custom.md.UcP2ujsc.lean.js | 1 + ...components_control_location.md.szTkX13x.js | 1 + ...nents_control_location.md.szTkX13x.lean.js | 1 + ...onents_control_navigation3d.md.iReu1i7a.js | 1 + ...s_control_navigation3d.md.iReu1i7a.lean.js | 1 + ...ts_control_panorama-control.md.a2jnnlGQ.js | 1 + ...ntrol_panorama-control.md.a2jnnlGQ.lean.js | 1 + ...CN_components_control_scale.md.T21qzRai.js | 1 + ...mponents_control_scale.md.T21qzRai.lean.js | 1 + ...-CN_components_control_zoom.md.9aesRkwv.js | 1 + ...omponents_control_zoom.md.9aesRkwv.lean.js | 1 + ...onents_layer_district-layer.md.O4eUQeWM.js | 1 + ...s_layer_district-layer.md.O4eUQeWM.lean.js | 1 + ...nts_layer_panorama-coverage.md.O01fCwW6.js | 1 + ...ayer_panorama-coverage.md.O01fCwW6.lean.js | 1 + assets/zh-CN_components_map.md.qRZ4_jbk.js | 62 ++++++++++++++ .../zh-CN_components_map.md.qRZ4_jbk.lean.js | 1 + ...ponents_overlay_bezierCurve.md.ae3YJZ5j.js | 1 + ...ts_overlay_bezierCurve.md.ae3YJZ5j.lean.js | 1 + ...N_components_overlay_circle.md.ZITKZyjc.js | 1 + ...ponents_overlay_circle.md.ZITKZyjc.lean.js | 1 + ...ents_overlay_ground-overlay.md.T1-KSLpR.js | 5 ++ ...overlay_ground-overlay.md.T1-KSLpR.lean.js | 1 + ...mponents_overlay_infowindow.md.8_l9nV4k.js | 1 + ...nts_overlay_infowindow.md.8_l9nV4k.lean.js | 1 + ...CN_components_overlay_label.md.pyBljlYk.js | 1 + ...mponents_overlay_label.md.pyBljlYk.lean.js | 1 + ..._components_overlay_mapMask.md.m9JqJrVy.js | 1 + ...onents_overlay_mapMask.md.m9JqJrVy.lean.js | 1 + ...N_components_overlay_marker.md.9f-yv3bf.js | 1 + ...ponents_overlay_marker.md.9f-yv3bf.lean.js | 1 + ...components_overlay_marker3d.md.7p8_vjNx.js | 1 + ...nents_overlay_marker3d.md.7p8_vjNx.lean.js | 1 + ..._components_overlay_polygon.md.lGzkxvGv.js | 1 + ...onents_overlay_polygon.md.lGzkxvGv.lean.js | 1 + ...components_overlay_polyline.md.w-R2K3lm.js | 1 + ...nents_overlay_polyline.md.w-R2K3lm.lean.js | 1 + ...CN_components_overlay_prism.md.dHc1ejy7.js | 1 + ...mponents_overlay_prism.md.dHc1ejy7.lean.js | 1 + assets/zh-CN_expand_bmap-draw.md.f6Bg1y3Y.js | 3 + ...zh-CN_expand_bmap-draw.md.f6Bg1y3Y.lean.js | 1 + assets/zh-CN_expand_mapv.md.aEB32QET.js | 28 +++++++ assets/zh-CN_expand_mapv.md.aEB32QET.lean.js | 1 + ...h-CN_guide_breaking-changes.md.7W8LTLQp.js | 1 + ...guide_breaking-changes.md.7W8LTLQp.lean.js | 1 + assets/zh-CN_guide_com-events.md.FY4Eb9JV.js | 1 + ...zh-CN_guide_com-events.md.FY4Eb9JV.lean.js | 1 + assets/zh-CN_guide_config.md.hohAJkoW.js | 34 ++++++++ assets/zh-CN_guide_config.md.hohAJkoW.lean.js | 1 + assets/zh-CN_guide_faq.md.rk03BBgf.js | 1 + assets/zh-CN_guide_faq.md.rk03BBgf.lean.js | 1 + .../zh-CN_guide_installation.md.UMm6pe_2.js | 14 ++++ ...-CN_guide_installation.md.UMm6pe_2.lean.js | 2 + .../zh-CN_guide_introduction.md.V0HSUq99.js | 1 + ...-CN_guide_introduction.md.V0HSUq99.lean.js | 1 + assets/zh-CN_guide_quick-start.md.uN56BdSh.js | 20 +++++ ...h-CN_guide_quick-start.md.uN56BdSh.lean.js | 1 + ...CN_hooks_useAddressGeocoder.md.-DV3KvbV.js | 17 ++++ ...oks_useAddressGeocoder.md.-DV3KvbV.lean.js | 1 + ...zh-CN_hooks_useAreaBoundary.md.oyoylJmf.js | 33 ++++++++ ..._hooks_useAreaBoundary.md.oyoylJmf.lean.js | 1 + ...CN_hooks_useBrowserLocation.md.qO0MDNRO.js | 53 ++++++++++++ ...oks_useBrowserLocation.md.qO0MDNRO.lean.js | 1 + ...hooks_useDefaultMarkerIcons.md.dEfYXKrd.js | 40 +++++++++ ..._useDefaultMarkerIcons.md.dEfYXKrd.lean.js | 1 + .../zh-CN_hooks_useIpLocation.md.FoLVu7yq.js | 15 ++++ ...CN_hooks_useIpLocation.md.FoLVu7yq.lean.js | 1 + assets/zh-CN_hooks_usePoint.md.XMOvWuf7.js | 35 ++++++++ .../zh-CN_hooks_usePoint.md.XMOvWuf7.lean.js | 1 + ...-CN_hooks_usePointConvertor.md.HGNPWjzq.js | 80 ++++++++++++++++++ ...ooks_usePointConvertor.md.HGNPWjzq.lean.js | 1 + ...h-CN_hooks_usePointGeocoder.md.X4Yxkn4A.js | 46 ++++++++++ ...hooks_usePointGeocoder.md.X4Yxkn4A.lean.js | 1 + ...-CN_hooks_useTrackAnimation.md.4LlO1R22.js | 71 ++++++++++++++++ ...ooks_useTrackAnimation.md.4LlO1R22.lean.js | 1 + ...h-CN_hooks_useViewAnimation.md.Weq2cXpt.js | 84 +++++++++++++++++++ ...hooks_useViewAnimation.md.Weq2cXpt.lean.js | 1 + assets/zh-CN_index.md.We-71inU.js | 1 + assets/zh-CN_index.md.We-71inU.lean.js | 1 + hashmap.json | 2 +- index.html | 6 +- sponsor.html | 8 +- sw.js | 2 +- zh-CN/components/autoComplete/index.html | 8 +- zh-CN/components/control/citylist.html | 8 +- zh-CN/components/control/context-menu.html | 8 +- zh-CN/components/control/copyright.html | 8 +- zh-CN/components/control/custom.html | 8 +- zh-CN/components/control/location.html | 8 +- zh-CN/components/control/navigation3d.html | 8 +- .../components/control/panorama-control.html | 8 +- zh-CN/components/control/scale.html | 8 +- zh-CN/components/control/zoom.html | 8 +- zh-CN/components/layer/district-layer.html | 8 +- zh-CN/components/layer/panorama-coverage.html | 8 +- zh-CN/components/map.html | 8 +- zh-CN/components/overlay/bezierCurve.html | 8 +- zh-CN/components/overlay/circle.html | 8 +- zh-CN/components/overlay/ground-overlay.html | 8 +- zh-CN/components/overlay/infowindow.html | 8 +- zh-CN/components/overlay/label.html | 8 +- zh-CN/components/overlay/mapMask.html | 8 +- zh-CN/components/overlay/marker.html | 8 +- zh-CN/components/overlay/marker3d.html | 8 +- zh-CN/components/overlay/polygon.html | 8 +- zh-CN/components/overlay/polyline.html | 8 +- zh-CN/components/overlay/prism.html | 8 +- zh-CN/expand/bmap-draw.html | 8 +- zh-CN/expand/mapv.html | 8 +- zh-CN/guide/breaking-changes.html | 8 +- zh-CN/guide/com-events.html | 8 +- zh-CN/guide/config.html | 8 +- zh-CN/guide/faq.html | 8 +- zh-CN/guide/installation.html | 10 +-- zh-CN/guide/introduction.html | 8 +- zh-CN/guide/quick-start.html | 8 +- zh-CN/hooks/useAddressGeocoder.html | 8 +- zh-CN/hooks/useAreaBoundary.html | 8 +- zh-CN/hooks/useBrowserLocation.html | 8 +- zh-CN/hooks/useDefaultMarkerIcons.html | 8 +- zh-CN/hooks/useIpLocation.html | 8 +- zh-CN/hooks/usePoint.html | 8 +- zh-CN/hooks/usePointConvertor.html | 8 +- zh-CN/hooks/usePointGeocoder.html | 8 +- zh-CN/hooks/useTrackAnimation.html | 8 +- zh-CN/hooks/useViewAnimation.html | 8 +- zh-CN/index.html | 6 +- 142 files changed, 904 insertions(+), 187 deletions(-) create mode 100644 assets/index.md.H6mwYhbD.js create mode 100644 assets/index.md.H6mwYhbD.lean.js create mode 100644 assets/sponsor.md.X-1f35D3.js create mode 100644 assets/sponsor.md.X-1f35D3.lean.js create mode 100644 assets/style.zB-f02ZR.css create mode 100644 assets/zh-CN_components_autoComplete_index.md.Pa2pZGUC.js create mode 100644 assets/zh-CN_components_autoComplete_index.md.Pa2pZGUC.lean.js create mode 100644 assets/zh-CN_components_control_citylist.md.Q7jNASqU.js create mode 100644 assets/zh-CN_components_control_citylist.md.Q7jNASqU.lean.js create mode 100644 assets/zh-CN_components_control_context-menu.md.fkbF2NCh.js create mode 100644 assets/zh-CN_components_control_context-menu.md.fkbF2NCh.lean.js create mode 100644 assets/zh-CN_components_control_copyright.md.sSCKnGFH.js create mode 100644 assets/zh-CN_components_control_copyright.md.sSCKnGFH.lean.js create mode 100644 assets/zh-CN_components_control_custom.md.UcP2ujsc.js create mode 100644 assets/zh-CN_components_control_custom.md.UcP2ujsc.lean.js create mode 100644 assets/zh-CN_components_control_location.md.szTkX13x.js create mode 100644 assets/zh-CN_components_control_location.md.szTkX13x.lean.js create mode 100644 assets/zh-CN_components_control_navigation3d.md.iReu1i7a.js create mode 100644 assets/zh-CN_components_control_navigation3d.md.iReu1i7a.lean.js create mode 100644 assets/zh-CN_components_control_panorama-control.md.a2jnnlGQ.js create mode 100644 assets/zh-CN_components_control_panorama-control.md.a2jnnlGQ.lean.js create mode 100644 assets/zh-CN_components_control_scale.md.T21qzRai.js create mode 100644 assets/zh-CN_components_control_scale.md.T21qzRai.lean.js create mode 100644 assets/zh-CN_components_control_zoom.md.9aesRkwv.js create mode 100644 assets/zh-CN_components_control_zoom.md.9aesRkwv.lean.js create mode 100644 assets/zh-CN_components_layer_district-layer.md.O4eUQeWM.js create mode 100644 assets/zh-CN_components_layer_district-layer.md.O4eUQeWM.lean.js create mode 100644 assets/zh-CN_components_layer_panorama-coverage.md.O01fCwW6.js create mode 100644 assets/zh-CN_components_layer_panorama-coverage.md.O01fCwW6.lean.js create mode 100644 assets/zh-CN_components_map.md.qRZ4_jbk.js create mode 100644 assets/zh-CN_components_map.md.qRZ4_jbk.lean.js create mode 100644 assets/zh-CN_components_overlay_bezierCurve.md.ae3YJZ5j.js create mode 100644 assets/zh-CN_components_overlay_bezierCurve.md.ae3YJZ5j.lean.js create mode 100644 assets/zh-CN_components_overlay_circle.md.ZITKZyjc.js create mode 100644 assets/zh-CN_components_overlay_circle.md.ZITKZyjc.lean.js create mode 100644 assets/zh-CN_components_overlay_ground-overlay.md.T1-KSLpR.js create mode 100644 assets/zh-CN_components_overlay_ground-overlay.md.T1-KSLpR.lean.js create mode 100644 assets/zh-CN_components_overlay_infowindow.md.8_l9nV4k.js create mode 100644 assets/zh-CN_components_overlay_infowindow.md.8_l9nV4k.lean.js create mode 100644 assets/zh-CN_components_overlay_label.md.pyBljlYk.js create mode 100644 assets/zh-CN_components_overlay_label.md.pyBljlYk.lean.js create mode 100644 assets/zh-CN_components_overlay_mapMask.md.m9JqJrVy.js create mode 100644 assets/zh-CN_components_overlay_mapMask.md.m9JqJrVy.lean.js create mode 100644 assets/zh-CN_components_overlay_marker.md.9f-yv3bf.js create mode 100644 assets/zh-CN_components_overlay_marker.md.9f-yv3bf.lean.js create mode 100644 assets/zh-CN_components_overlay_marker3d.md.7p8_vjNx.js create mode 100644 assets/zh-CN_components_overlay_marker3d.md.7p8_vjNx.lean.js create mode 100644 assets/zh-CN_components_overlay_polygon.md.lGzkxvGv.js create mode 100644 assets/zh-CN_components_overlay_polygon.md.lGzkxvGv.lean.js create mode 100644 assets/zh-CN_components_overlay_polyline.md.w-R2K3lm.js create mode 100644 assets/zh-CN_components_overlay_polyline.md.w-R2K3lm.lean.js create mode 100644 assets/zh-CN_components_overlay_prism.md.dHc1ejy7.js create mode 100644 assets/zh-CN_components_overlay_prism.md.dHc1ejy7.lean.js create mode 100644 assets/zh-CN_expand_bmap-draw.md.f6Bg1y3Y.js create mode 100644 assets/zh-CN_expand_bmap-draw.md.f6Bg1y3Y.lean.js create mode 100644 assets/zh-CN_expand_mapv.md.aEB32QET.js create mode 100644 assets/zh-CN_expand_mapv.md.aEB32QET.lean.js create mode 100644 assets/zh-CN_guide_breaking-changes.md.7W8LTLQp.js create mode 100644 assets/zh-CN_guide_breaking-changes.md.7W8LTLQp.lean.js create mode 100644 assets/zh-CN_guide_com-events.md.FY4Eb9JV.js create mode 100644 assets/zh-CN_guide_com-events.md.FY4Eb9JV.lean.js create mode 100644 assets/zh-CN_guide_config.md.hohAJkoW.js create mode 100644 assets/zh-CN_guide_config.md.hohAJkoW.lean.js create mode 100644 assets/zh-CN_guide_faq.md.rk03BBgf.js create mode 100644 assets/zh-CN_guide_faq.md.rk03BBgf.lean.js create mode 100644 assets/zh-CN_guide_installation.md.UMm6pe_2.js create mode 100644 assets/zh-CN_guide_installation.md.UMm6pe_2.lean.js create mode 100644 assets/zh-CN_guide_introduction.md.V0HSUq99.js create mode 100644 assets/zh-CN_guide_introduction.md.V0HSUq99.lean.js create mode 100644 assets/zh-CN_guide_quick-start.md.uN56BdSh.js create mode 100644 assets/zh-CN_guide_quick-start.md.uN56BdSh.lean.js create mode 100644 assets/zh-CN_hooks_useAddressGeocoder.md.-DV3KvbV.js create mode 100644 assets/zh-CN_hooks_useAddressGeocoder.md.-DV3KvbV.lean.js create mode 100644 assets/zh-CN_hooks_useAreaBoundary.md.oyoylJmf.js create mode 100644 assets/zh-CN_hooks_useAreaBoundary.md.oyoylJmf.lean.js create mode 100644 assets/zh-CN_hooks_useBrowserLocation.md.qO0MDNRO.js create mode 100644 assets/zh-CN_hooks_useBrowserLocation.md.qO0MDNRO.lean.js create mode 100644 assets/zh-CN_hooks_useDefaultMarkerIcons.md.dEfYXKrd.js create mode 100644 assets/zh-CN_hooks_useDefaultMarkerIcons.md.dEfYXKrd.lean.js create mode 100644 assets/zh-CN_hooks_useIpLocation.md.FoLVu7yq.js create mode 100644 assets/zh-CN_hooks_useIpLocation.md.FoLVu7yq.lean.js create mode 100644 assets/zh-CN_hooks_usePoint.md.XMOvWuf7.js create mode 100644 assets/zh-CN_hooks_usePoint.md.XMOvWuf7.lean.js create mode 100644 assets/zh-CN_hooks_usePointConvertor.md.HGNPWjzq.js create mode 100644 assets/zh-CN_hooks_usePointConvertor.md.HGNPWjzq.lean.js create mode 100644 assets/zh-CN_hooks_usePointGeocoder.md.X4Yxkn4A.js create mode 100644 assets/zh-CN_hooks_usePointGeocoder.md.X4Yxkn4A.lean.js create mode 100644 assets/zh-CN_hooks_useTrackAnimation.md.4LlO1R22.js create mode 100644 assets/zh-CN_hooks_useTrackAnimation.md.4LlO1R22.lean.js create mode 100644 assets/zh-CN_hooks_useViewAnimation.md.Weq2cXpt.js create mode 100644 assets/zh-CN_hooks_useViewAnimation.md.Weq2cXpt.lean.js create mode 100644 assets/zh-CN_index.md.We-71inU.js create mode 100644 assets/zh-CN_index.md.We-71inU.lean.js diff --git a/404.html b/404.html index be590fa4..7b852ff2 100644 --- a/404.html +++ b/404.html @@ -6,7 +6,7 @@ 404 | Vue3 Baidu Map Gl - + @@ -23,7 +23,7 @@
Vue3 Baidu Map Gl

Appearance

404

PAGE NOT FOUND

But if you don't change your direction, and if you keep looking, you may end up where you are heading.
Take me home

Released under the MIT License.

Copyright © 2022-present dh and all contributors

- + \ No newline at end of file diff --git a/assets/index.md.H6mwYhbD.js b/assets/index.md.H6mwYhbD.js new file mode 100644 index 00000000..1ceba7bd --- /dev/null +++ b/assets/index.md.H6mwYhbD.js @@ -0,0 +1 @@ +import{V as e}from"./chunks/vanilla-tilt.es2015.wZKfKoOJ.js";import{d as i,j as a,c as n,o as s}from"./chunks/framework.aeLSa5ZG.js";const c=JSON.parse('{"title":"Vue3 Baidu Map Gl","description":"","frontmatter":{"layout":"home","title":"Vue3 Baidu Map Gl","hero":{"name":"Vue3 Baidu Map Gl","text":"Vue3 & BMapGL 组件库 + hooks 库","tagline":"易用 & 完整 & 性能不错","image":{"src":"/logo.svg","alt":"Vue3 BaiduMap GL"},"actions":[{"theme":"brand","text":"开始使用","link":"/zh-CN/guide/introduction"},{"theme":"alt","text":"View on GitHub","link":"https://github.com/yue1123/vue3-baidu-map-gl"}]},"features":[{"icon":"\\"Rocket\\"","title":"化繁 => 为简","details":"将百度地图繁琐的 API 封装进组件，你只需关注组件本身"},{"icon":"\\"Package\\"","title":"完整","details":"20+ 高质量的开箱即用 Vue 3 组件以及 5+ hooks 封装"},{"icon":"\\"Triangular","title":"易用","details":"遵循直觉的、简约的 Api 设计"},{"icon":"\\"High","title":"高性能","details":"Composition Api，更好的性能"},{"icon":"\\"Hammer\\"","title":"不是 AnyScript","details":"完整的 TypeScript 支持，更好的体验"},{"icon":"\\"Globe","title":"WebGL","details":"基于百度地图Gl版SDK，WebGL对地图、覆盖物等进行渲染，支持3D视角展示地图"}]},"headers":[],"relativePath":"index.md","filePath":"index.md","lastUpdated":1710870588000}'),l={name:"index.md"},h=i({...l,setup(o){return a(()=>{const t=document.querySelector(".image");e.init(t,{reverse:!0,transition:!0})}),(t,r)=>(s(),n("div"))}});export{c as __pageData,h as default}; diff --git a/assets/index.md.H6mwYhbD.lean.js b/assets/index.md.H6mwYhbD.lean.js new file mode 100644 index 00000000..1ceba7bd --- /dev/null +++ b/assets/index.md.H6mwYhbD.lean.js @@ -0,0 +1 @@ +import{V as e}from"./chunks/vanilla-tilt.es2015.wZKfKoOJ.js";import{d as i,j as a,c as n,o as s}from"./chunks/framework.aeLSa5ZG.js";const c=JSON.parse('{"title":"Vue3 Baidu Map Gl","description":"","frontmatter":{"layout":"home","title":"Vue3 Baidu Map Gl","hero":{"name":"Vue3 Baidu Map Gl","text":"Vue3 & BMapGL 组件库 + hooks 库","tagline":"易用 & 完整 & 性能不错","image":{"src":"/logo.svg","alt":"Vue3 BaiduMap GL"},"actions":[{"theme":"brand","text":"开始使用","link":"/zh-CN/guide/introduction"},{"theme":"alt","text":"View on GitHub","link":"https://github.com/yue1123/vue3-baidu-map-gl"}]},"features":[{"icon":"\\"Rocket\\"","title":"化繁 => 为简","details":"将百度地图繁琐的 API 封装进组件，你只需关注组件本身"},{"icon":"\\"Package\\"","title":"完整","details":"20+ 高质量的开箱即用 Vue 3 组件以及 5+ hooks 封装"},{"icon":"\\"Triangular","title":"易用","details":"遵循直觉的、简约的 Api 设计"},{"icon":"\\"High","title":"高性能","details":"Composition Api，更好的性能"},{"icon":"\\"Hammer\\"","title":"不是 AnyScript","details":"完整的 TypeScript 支持，更好的体验"},{"icon":"\\"Globe","title":"WebGL","details":"基于百度地图Gl版SDK，WebGL对地图、覆盖物等进行渲染，支持3D视角展示地图"}]},"headers":[],"relativePath":"index.md","filePath":"index.md","lastUpdated":1710870588000}'),l={name:"index.md"},h=i({...l,setup(o){return a(()=>{const t=document.querySelector(".image");e.init(t,{reverse:!0,transition:!0})}),(t,r)=>(s(),n("div"))}});export{c as __pageData,h as default}; diff --git a/assets/sponsor.md.X-1f35D3.js b/assets/sponsor.md.X-1f35D3.js new file mode 100644 index 00000000..d2b61afa --- /dev/null +++ b/assets/sponsor.md.X-1f35D3.js @@ -0,0 +1 @@ +import{d,h as r,c as h,k as t,a4 as s,a5 as n,a as l,a6 as o,R as p,o as c,a7 as u,a8 as _}from"./chunks/framework.aeLSa5ZG.js";const m=t("h1",{id:"赞助作者-☕️",tabindex:"-1"},[l("赞助作者 ☕️ "),t("a",{class:"header-anchor",href:"#赞助作者-☕️","aria-label":'Permalink to "赞助作者 ☕️"'},"​")],-1),y=t("br",null,null,-1),b=t("br",null,null,-1),v=t("p",null,"维护和开发一个开源项目需要花费大量时间和精力。如果您觉得这个项目对您有所帮助，考虑用一杯咖啡的价格来鼓励和支持我们的工作。您的赞助将激励我们更加积极地更新和改进项目！",-1),g=t("p",null,"或者，给我们的项目点个 star ⭐️，这对于我们来说意义重大。这将有助于让更多的人知道我们的项目，增加项目的曝光度和受欢迎程度。",-1),f=t("h2",{id:"如何赞助",tabindex:"-1"},[l("如何赞助 "),t("a",{class:"header-anchor",href:"#如何赞助","aria-label":'Permalink to "如何赞助"'},"​")],-1),x=t("p",null,"您可以通过微信或者支付宝扫描下面二维码进行赞助，我们会在下面展示您的昵称信息（如果您介意展示，也可在留言中说明）。",-1),k=t("p",null,"非常感谢您的支持。",-1),P=t("br",null,null,-1),w=t("br",null,null,-1),A={class:"CardAnimation appear",style:{display:"inline-block"}},V=t("img",{width:"300",src:u,alt:"",style:{"border-radius":"12px"}},null,-1),j=[V],C={class:"CardAnimation appear",style:{display:"inline-block"}},E=t("img",{width:"300",style:{"border-radius":"12px"},src:_,alt:""},null,-1),S=[E],F=p('

当前赞助者 ​

昵称 Partying Face
充电 High Voltage
友**_A10¥
Song 丶**成眷88.88¥
**满200¥
热心**小马15¥
',2),q=JSON.parse('{"title":"赞助作者 ☕️","description":"","frontmatter":{},"headers":[],"relativePath":"sponsor.md","filePath":"sponsor.md","lastUpdated":1710870588000}'),N={name:"sponsor.md"},D=d({...N,setup(T){const a=r("weiChatPay");return(B,e)=>(c(),h("div",null,[m,y,b,v,g,f,x,k,t("label",null,[s(t("input",{type:"radio","onUpdate:modelValue":e[0]||(e[0]=i=>a.value=i),value:"weiChatPay",name:"pay-type"},null,512),[[n,a.value]]),l(" 微信 ")]),t("label",null,[s(t("input",{type:"radio","onUpdate:modelValue":e[1]||(e[1]=i=>a.value=i),value:"aliPay",name:"pay-type"},null,512),[[n,a.value]]),l(" 支付宝 ")]),P,w,s(t("div",A,j,512),[[o,a.value==="aliPay"]]),s(t("div",C,S,512),[[o,a.value==="weiChatPay"]]),F]))}});export{q as __pageData,D as default}; diff --git a/assets/sponsor.md.X-1f35D3.lean.js b/assets/sponsor.md.X-1f35D3.lean.js new file mode 100644 index 00000000..d2b61afa --- /dev/null +++ b/assets/sponsor.md.X-1f35D3.lean.js @@ -0,0 +1 @@ +import{d,h as r,c as h,k as t,a4 as s,a5 as n,a as l,a6 as o,R as p,o as c,a7 as u,a8 as _}from"./chunks/framework.aeLSa5ZG.js";const m=t("h1",{id:"赞助作者-☕️",tabindex:"-1"},[l("赞助作者 ☕️ "),t("a",{class:"header-anchor",href:"#赞助作者-☕️","aria-label":'Permalink to "赞助作者 ☕️"'},"​")],-1),y=t("br",null,null,-1),b=t("br",null,null,-1),v=t("p",null,"维护和开发一个开源项目需要花费大量时间和精力。如果您觉得这个项目对您有所帮助，考虑用一杯咖啡的价格来鼓励和支持我们的工作。您的赞助将激励我们更加积极地更新和改进项目！",-1),g=t("p",null,"或者，给我们的项目点个 star ⭐️，这对于我们来说意义重大。这将有助于让更多的人知道我们的项目，增加项目的曝光度和受欢迎程度。",-1),f=t("h2",{id:"如何赞助",tabindex:"-1"},[l("如何赞助 "),t("a",{class:"header-anchor",href:"#如何赞助","aria-label":'Permalink to "如何赞助"'},"​")],-1),x=t("p",null,"您可以通过微信或者支付宝扫描下面二维码进行赞助，我们会在下面展示您的昵称信息（如果您介意展示，也可在留言中说明）。",-1),k=t("p",null,"非常感谢您的支持。",-1),P=t("br",null,null,-1),w=t("br",null,null,-1),A={class:"CardAnimation appear",style:{display:"inline-block"}},V=t("img",{width:"300",src:u,alt:"",style:{"border-radius":"12px"}},null,-1),j=[V],C={class:"CardAnimation appear",style:{display:"inline-block"}},E=t("img",{width:"300",style:{"border-radius":"12px"},src:_,alt:""},null,-1),S=[E],F=p('

当前赞助者 ​

昵称 Partying Face
充电 High Voltage
友**_A10¥
Song 丶**成眷88.88¥
**满200¥
热心**小马15¥
',2),q=JSON.parse('{"title":"赞助作者 ☕️","description":"","frontmatter":{},"headers":[],"relativePath":"sponsor.md","filePath":"sponsor.md","lastUpdated":1710870588000}'),N={name:"sponsor.md"},D=d({...N,setup(T){const a=r("weiChatPay");return(B,e)=>(c(),h("div",null,[m,y,b,v,g,f,x,k,t("label",null,[s(t("input",{type:"radio","onUpdate:modelValue":e[0]||(e[0]=i=>a.value=i),value:"weiChatPay",name:"pay-type"},null,512),[[n,a.value]]),l(" 微信 ")]),t("label",null,[s(t("input",{type:"radio","onUpdate:modelValue":e[1]||(e[1]=i=>a.value=i),value:"aliPay",name:"pay-type"},null,512),[[n,a.value]]),l(" 支付宝 ")]),P,w,s(t("div",A,j,512),[[o,a.value==="aliPay"]]),s(t("div",C,S,512),[[o,a.value==="weiChatPay"]]),F]))}});export{q as __pageData,D as default}; diff --git a/assets/style.zB-f02ZR.css b/assets/style.zB-f02ZR.css new file mode 100644 index 00000000..96a78832 --- /dev/null +++ b/assets/style.zB-f02ZR.css @@ -0,0 +1 @@ +@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:normal;font-named-instance:"Regular";src:url(/vue3-baidu-map-gl/assets/inter-roman-cyrillic.jIZ9REo5.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:normal;font-named-instance:"Regular";src:url(/vue3-baidu-map-gl/assets/inter-roman-cyrillic-ext.8T9wMG5w.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:normal;font-named-instance:"Regular";src:url(/vue3-baidu-map-gl/assets/inter-roman-greek.Cb5wWeGA.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:normal;font-named-instance:"Regular";src:url(/vue3-baidu-map-gl/assets/inter-roman-greek-ext.9JiNzaSO.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:normal;font-named-instance:"Regular";src:url(/vue3-baidu-map-gl/assets/inter-roman-latin.bvIUbFQP.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:normal;font-named-instance:"Regular";src:url(/vue3-baidu-map-gl/assets/inter-roman-latin-ext.GZWE-KO4.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:normal;font-named-instance:"Regular";src:url(/vue3-baidu-map-gl/assets/inter-roman-vietnamese.paY3CzEB.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:italic;font-named-instance:"Italic";src:url(/vue3-baidu-map-gl/assets/inter-italic-cyrillic.-nLMcIwj.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:italic;font-named-instance:"Italic";src:url(/vue3-baidu-map-gl/assets/inter-italic-cyrillic-ext.OVycGSDq.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:italic;font-named-instance:"Italic";src:url(/vue3-baidu-map-gl/assets/inter-italic-greek.PSfer2Kc.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:italic;font-named-instance:"Italic";src:url(/vue3-baidu-map-gl/assets/inter-italic-greek-ext.hznxWNZO.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:italic;font-named-instance:"Italic";src:url(/vue3-baidu-map-gl/assets/inter-italic-latin.27E69YJn.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:italic;font-named-instance:"Italic";src:url(/vue3-baidu-map-gl/assets/inter-italic-latin-ext.RnFly65-.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:italic;font-named-instance:"Italic";src:url(/vue3-baidu-map-gl/assets/inter-italic-vietnamese.xzQHe1q1.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Chinese Quotes;src:local("PingFang SC Regular"),local("PingFang SC"),local("SimHei"),local("Source Han Sans SC");unicode-range:U+2018,U+2019,U+201C,U+201D}:root{--vp-c-white: #ffffff;--vp-c-black: #000000;--vp-c-neutral: var(--vp-c-black);--vp-c-neutral-inverse: var(--vp-c-white)}.dark{--vp-c-neutral: var(--vp-c-white);--vp-c-neutral-inverse: var(--vp-c-black)}:root{--vp-c-gray-1: #dddde3;--vp-c-gray-2: #e4e4e9;--vp-c-gray-3: #ebebef;--vp-c-gray-soft: rgba(142, 150, 170, .14);--vp-c-indigo-1: #3451b2;--vp-c-indigo-2: #3a5ccc;--vp-c-indigo-3: #5672cd;--vp-c-indigo-soft: rgba(100, 108, 255, .14);--vp-c-green-1: #18794e;--vp-c-green-2: #299764;--vp-c-green-3: #30a46c;--vp-c-green-soft: rgba(16, 185, 129, .14);--vp-c-yellow-1: #915930;--vp-c-yellow-2: #946300;--vp-c-yellow-3: #9f6a00;--vp-c-yellow-soft: rgba(234, 179, 8, .14);--vp-c-red-1: #b8272c;--vp-c-red-2: #d5393e;--vp-c-red-3: #e0575b;--vp-c-red-soft: rgba(244, 63, 94, .14);--vp-c-sponsor: #db2777}.dark{--vp-c-gray-1: #515c67;--vp-c-gray-2: #414853;--vp-c-gray-3: #32363f;--vp-c-gray-soft: rgba(101, 117, 133, .16);--vp-c-indigo-1: #a8b1ff;--vp-c-indigo-2: #5c73e7;--vp-c-indigo-3: #3e63dd;--vp-c-indigo-soft: rgba(100, 108, 255, .16);--vp-c-green-1: #3dd68c;--vp-c-green-2: #30a46c;--vp-c-green-3: #298459;--vp-c-green-soft: rgba(16, 185, 129, .16);--vp-c-yellow-1: #f9b44e;--vp-c-yellow-2: #da8b17;--vp-c-yellow-3: #a46a0a;--vp-c-yellow-soft: rgba(234, 179, 8, .16);--vp-c-red-1: #f66f81;--vp-c-red-2: #f14158;--vp-c-red-3: #b62a3c;--vp-c-red-soft: rgba(244, 63, 94, .16)}:root{--vp-c-bg: #ffffff;--vp-c-bg-alt: #f6f6f7;--vp-c-bg-elv: #ffffff;--vp-c-bg-soft: #f6f6f7}.dark{--vp-c-bg: #1b1b1f;--vp-c-bg-alt: #161618;--vp-c-bg-elv: #202127;--vp-c-bg-soft: #202127}:root{--vp-c-border: #c2c2c4;--vp-c-divider: #e2e2e3;--vp-c-gutter: #e2e2e3}.dark{--vp-c-border: #3c3f44;--vp-c-divider: #2e2e32;--vp-c-gutter: #000000}:root{--vp-c-text-1: rgba(60, 60, 67);--vp-c-text-2: rgba(60, 60, 67, .78);--vp-c-text-3: rgba(60, 60, 67, .56)}.dark{--vp-c-text-1: rgba(255, 255, 245, .86);--vp-c-text-2: rgba(235, 235, 245, .6);--vp-c-text-3: rgba(235, 235, 245, .38)}:root{--vp-c-default-1: var(--vp-c-gray-1);--vp-c-default-2: var(--vp-c-gray-2);--vp-c-default-3: var(--vp-c-gray-3);--vp-c-default-soft: var(--vp-c-gray-soft);--vp-c-brand-1: var(--vp-c-indigo-1);--vp-c-brand-2: var(--vp-c-indigo-2);--vp-c-brand-3: var(--vp-c-indigo-3);--vp-c-brand-soft: var(--vp-c-indigo-soft);--vp-c-brand: var(--vp-c-brand-1);--vp-c-tip-1: var(--vp-c-brand-1);--vp-c-tip-2: var(--vp-c-brand-2);--vp-c-tip-3: var(--vp-c-brand-3);--vp-c-tip-soft: var(--vp-c-brand-soft);--vp-c-warning-1: var(--vp-c-yellow-1);--vp-c-warning-2: var(--vp-c-yellow-2);--vp-c-warning-3: var(--vp-c-yellow-3);--vp-c-warning-soft: var(--vp-c-yellow-soft);--vp-c-danger-1: var(--vp-c-red-1);--vp-c-danger-2: var(--vp-c-red-2);--vp-c-danger-3: var(--vp-c-red-3);--vp-c-danger-soft: var(--vp-c-red-soft)}:root{--vp-font-family-base: "Chinese Quotes", "Inter var", "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--vp-font-family-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}:root{--vp-shadow-1: 0 1px 2px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .06);--vp-shadow-2: 0 3px 12px rgba(0, 0, 0, .07), 0 1px 4px rgba(0, 0, 0, .07);--vp-shadow-3: 0 12px 32px rgba(0, 0, 0, .1), 0 2px 6px rgba(0, 0, 0, .08);--vp-shadow-4: 0 14px 44px rgba(0, 0, 0, .12), 0 3px 9px rgba(0, 0, 0, .12);--vp-shadow-5: 0 18px 56px rgba(0, 0, 0, .16), 0 4px 12px rgba(0, 0, 0, .16)}:root{--vp-z-index-footer: 10;--vp-z-index-local-nav: 20;--vp-z-index-nav: 30;--vp-z-index-layout-top: 40;--vp-z-index-backdrop: 50;--vp-z-index-sidebar: 60}:root{--vp-icon-copy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' height='20' width='20' stroke='rgba(128,128,128,1)' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2M9 5a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2M9 5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2'/%3E%3C/svg%3E");--vp-icon-copied: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' height='20' width='20' stroke='rgba(128,128,128,1)' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2M9 5a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2M9 5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2m-6 9 2 2 4-4'/%3E%3C/svg%3E")}:root{--vp-layout-max-width: 1440px}:root{--vp-header-anchor-symbol: "#"}:root{--vp-code-line-height: 1.7;--vp-code-font-size: .875em;--vp-code-color: var(--vp-c-brand-1);--vp-code-link-color: var(--vp-c-brand-1);--vp-code-link-hover-color: var(--vp-c-brand-2);--vp-code-bg: var(--vp-c-default-soft);--vp-code-block-color: var(--vp-c-text-2);--vp-code-block-bg: var(--vp-c-bg-alt);--vp-code-block-divider-color: var(--vp-c-gutter);--vp-code-lang-color: var(--vp-c-text-3);--vp-code-line-highlight-color: var(--vp-c-default-soft);--vp-code-line-number-color: var(--vp-c-text-3);--vp-code-line-diff-add-color: var(--vp-c-green-soft);--vp-code-line-diff-add-symbol-color: var(--vp-c-green-1);--vp-code-line-diff-remove-color: var(--vp-c-red-soft);--vp-code-line-diff-remove-symbol-color: var(--vp-c-red-1);--vp-code-line-warning-color: var(--vp-c-yellow-soft);--vp-code-line-error-color: var(--vp-c-red-soft);--vp-code-copy-code-border-color: var(--vp-c-divider);--vp-code-copy-code-bg: var(--vp-c-bg-soft);--vp-code-copy-code-hover-border-color: var(--vp-c-divider);--vp-code-copy-code-hover-bg: var(--vp-c-bg);--vp-code-copy-code-active-text: var(--vp-c-text-2);--vp-code-copy-copied-text-content: "Copied";--vp-code-tab-divider: var(--vp-code-block-divider-color);--vp-code-tab-text-color: var(--vp-c-text-2);--vp-code-tab-bg: var(--vp-code-block-bg);--vp-code-tab-hover-text-color: var(--vp-c-text-1);--vp-code-tab-active-text-color: var(--vp-c-text-1);--vp-code-tab-active-bar-color: var(--vp-c-brand-1)}:root{--vp-button-brand-border: transparent;--vp-button-brand-text: var(--vp-c-white);--vp-button-brand-bg: var(--vp-c-brand-3);--vp-button-brand-hover-border: transparent;--vp-button-brand-hover-text: var(--vp-c-white);--vp-button-brand-hover-bg: var(--vp-c-brand-2);--vp-button-brand-active-border: transparent;--vp-button-brand-active-text: var(--vp-c-white);--vp-button-brand-active-bg: var(--vp-c-brand-1);--vp-button-alt-border: transparent;--vp-button-alt-text: var(--vp-c-text-1);--vp-button-alt-bg: var(--vp-c-default-3);--vp-button-alt-hover-border: transparent;--vp-button-alt-hover-text: var(--vp-c-text-1);--vp-button-alt-hover-bg: var(--vp-c-default-2);--vp-button-alt-active-border: transparent;--vp-button-alt-active-text: var(--vp-c-text-1);--vp-button-alt-active-bg: var(--vp-c-default-1);--vp-button-sponsor-border: var(--vp-c-text-2);--vp-button-sponsor-text: var(--vp-c-text-2);--vp-button-sponsor-bg: transparent;--vp-button-sponsor-hover-border: var(--vp-c-sponsor);--vp-button-sponsor-hover-text: var(--vp-c-sponsor);--vp-button-sponsor-hover-bg: transparent;--vp-button-sponsor-active-border: var(--vp-c-sponsor);--vp-button-sponsor-active-text: var(--vp-c-sponsor);--vp-button-sponsor-active-bg: transparent}:root{--vp-custom-block-font-size: 14px;--vp-custom-block-code-font-size: 13px;--vp-custom-block-info-border: transparent;--vp-custom-block-info-text: var(--vp-c-text-1);--vp-custom-block-info-bg: var(--vp-c-default-soft);--vp-custom-block-info-code-bg: var(--vp-c-default-soft);--vp-custom-block-tip-border: transparent;--vp-custom-block-tip-text: var(--vp-c-text-1);--vp-custom-block-tip-bg: var(--vp-c-brand-soft);--vp-custom-block-tip-code-bg: var(--vp-c-brand-soft);--vp-custom-block-warning-border: transparent;--vp-custom-block-warning-text: var(--vp-c-text-1);--vp-custom-block-warning-bg: var(--vp-c-warning-soft);--vp-custom-block-warning-code-bg: var(--vp-c-warning-soft);--vp-custom-block-danger-border: transparent;--vp-custom-block-danger-text: var(--vp-c-text-1);--vp-custom-block-danger-bg: var(--vp-c-danger-soft);--vp-custom-block-danger-code-bg: var(--vp-c-danger-soft);--vp-custom-block-details-border: var(--vp-custom-block-info-border);--vp-custom-block-details-text: var(--vp-custom-block-info-text);--vp-custom-block-details-bg: var(--vp-custom-block-info-bg);--vp-custom-block-details-code-bg: var(--vp-custom-block-info-code-bg)}:root{--vp-input-border-color: var(--vp-c-border);--vp-input-bg-color: var(--vp-c-bg-alt);--vp-input-switch-bg-color: var(--vp-c-gray-soft)}:root{--vp-nav-height: 64px;--vp-nav-bg-color: var(--vp-c-bg);--vp-nav-screen-bg-color: var(--vp-c-bg);--vp-nav-logo-height: 24px}.hide-nav{--vp-nav-height: 0px}.hide-nav .VPSidebar{--vp-nav-height: 22px}:root{--vp-local-nav-bg-color: var(--vp-c-bg)}:root{--vp-sidebar-width: 272px;--vp-sidebar-bg-color: var(--vp-c-bg-alt)}:root{--vp-backdrop-bg-color: rgba(0, 0, 0, .6)}:root{--vp-home-hero-name-color: var(--vp-c-brand-1);--vp-home-hero-name-background: transparent;--vp-home-hero-image-background-image: none;--vp-home-hero-image-filter: none}:root{--vp-badge-info-border: transparent;--vp-badge-info-text: var(--vp-c-text-2);--vp-badge-info-bg: var(--vp-c-default-soft);--vp-badge-tip-border: transparent;--vp-badge-tip-text: var(--vp-c-brand-1);--vp-badge-tip-bg: var(--vp-c-brand-soft);--vp-badge-warning-border: transparent;--vp-badge-warning-text: var(--vp-c-warning-1);--vp-badge-warning-bg: var(--vp-c-warning-soft);--vp-badge-danger-border: transparent;--vp-badge-danger-text: var(--vp-c-danger-1);--vp-badge-danger-bg: var(--vp-c-danger-soft)}:root{--vp-carbon-ads-text-color: var(--vp-c-text-1);--vp-carbon-ads-poweredby-color: var(--vp-c-text-2);--vp-carbon-ads-bg-color: var(--vp-c-bg-soft);--vp-carbon-ads-hover-text-color: var(--vp-c-brand-1);--vp-carbon-ads-hover-poweredby-color: var(--vp-c-text-1)}:root{--vp-local-search-bg: var(--vp-c-bg);--vp-local-search-result-bg: var(--vp-c-bg);--vp-local-search-result-border: var(--vp-c-divider);--vp-local-search-result-selected-bg: var(--vp-c-bg);--vp-local-search-result-selected-border: var(--vp-c-brand-1);--vp-local-search-highlight-bg: var(--vp-c-brand-1);--vp-local-search-highlight-text: var(--vp-c-neutral-inverse)}@media (prefers-reduced-motion: reduce){*,:before,:after{animation-delay:-1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important;background-attachment:initial!important;scroll-behavior:auto!important;transition-duration:0s!important;transition-delay:0s!important}}*,:before,:after{box-sizing:border-box}html{line-height:1.4;font-size:16px;-webkit-text-size-adjust:100%}html.dark{color-scheme:dark}body{margin:0;width:100%;min-width:320px;min-height:100vh;line-height:24px;font-family:var(--vp-font-family-base);font-size:16px;font-weight:400;color:var(--vp-c-text-1);background-color:var(--vp-c-bg);direction:ltr;font-synthesis:style;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}main{display:block}h1,h2,h3,h4,h5,h6{margin:0;line-height:24px;font-size:16px;font-weight:400}p{margin:0}strong,b{font-weight:600}a,area,button,[role=button],input,label,select,summary,textarea{touch-action:manipulation}a{color:inherit;text-decoration:inherit}ol,ul{list-style:none;margin:0;padding:0}blockquote{margin:0}pre,code,kbd,samp{font-family:var(--vp-font-family-mono)}img,svg,video,canvas,audio,iframe,embed,object{display:block}figure{margin:0}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{border:0;padding:0;line-height:inherit;color:inherit}button{padding:0;font-family:inherit;background-color:transparent;background-image:none}button:enabled,[role=button]:enabled{cursor:pointer}button:focus,button:focus-visible{outline:1px dotted;outline:4px auto -webkit-focus-ring-color}button:focus:not(:focus-visible){outline:none!important}input:focus,textarea:focus,select:focus{outline:none}table{border-collapse:collapse}input{background-color:transparent}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:var(--vp-c-text-3)}input::-ms-input-placeholder,textarea::-ms-input-placeholder{color:var(--vp-c-text-3)}input::placeholder,textarea::placeholder{color:var(--vp-c-text-3)}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}textarea{resize:vertical}select{-webkit-appearance:none}fieldset{margin:0;padding:0}h1,h2,h3,h4,h5,h6,li,p{overflow-wrap:break-word}vite-error-overlay{z-index:9999}mjx-container{display:inline-block;margin:auto 2px -2px}mjx-container>svg{margin:auto}.visually-hidden{position:absolute;width:1px;height:1px;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden}.custom-block{border:1px solid transparent;border-radius:8px;padding:16px 16px 8px;line-height:24px;font-size:var(--vp-custom-block-font-size);color:var(--vp-c-text-2)}.custom-block.info{border-color:var(--vp-custom-block-info-border);color:var(--vp-custom-block-info-text);background-color:var(--vp-custom-block-info-bg)}.custom-block.info a,.custom-block.info code{color:var(--vp-c-brand-1)}.custom-block.info a:hover{color:var(--vp-c-brand-2)}.custom-block.info code{background-color:var(--vp-custom-block-info-code-bg)}.custom-block.tip{border-color:var(--vp-custom-block-tip-border);color:var(--vp-custom-block-tip-text);background-color:var(--vp-custom-block-tip-bg)}.custom-block.tip a,.custom-block.tip code{color:var(--vp-c-brand-1)}.custom-block.tip a:hover{color:var(--vp-c-brand-2)}.custom-block.tip code{background-color:var(--vp-custom-block-tip-code-bg)}.custom-block.warning{border-color:var(--vp-custom-block-warning-border);color:var(--vp-custom-block-warning-text);background-color:var(--vp-custom-block-warning-bg)}.custom-block.warning a,.custom-block.warning code{color:var(--vp-c-warning-1)}.custom-block.warning a:hover{color:var(--vp-c-warning-2)}.custom-block.warning code{background-color:var(--vp-custom-block-warning-code-bg)}.custom-block.danger{border-color:var(--vp-custom-block-danger-border);color:var(--vp-custom-block-danger-text);background-color:var(--vp-custom-block-danger-bg)}.custom-block.danger a,.custom-block.danger code{color:var(--vp-c-danger-1)}.custom-block.danger a:hover{color:var(--vp-c-danger-2)}.custom-block.danger code{background-color:var(--vp-custom-block-danger-code-bg)}.custom-block.details{border-color:var(--vp-custom-block-details-border);color:var(--vp-custom-block-details-text);background-color:var(--vp-custom-block-details-bg)}.custom-block.details a{color:var(--vp-c-brand-1)}.custom-block.details a:hover{color:var(--vp-c-brand-2)}.custom-block.details code{background-color:var(--vp-custom-block-details-code-bg)}.custom-block-title{font-weight:600}.custom-block p+p{margin:8px 0}.custom-block.details summary{margin:0 0 8px;font-weight:700;cursor:pointer}.custom-block.details summary+p{margin:8px 0}.custom-block a{color:inherit;font-weight:600;text-decoration:underline;text-underline-offset:2px;transition:opacity .25s}.custom-block a:hover{opacity:.75}.custom-block code{font-size:var(--vp-custom-block-code-font-size)}.custom-block.custom-block th,.custom-block.custom-block blockquote>p{font-size:var(--vp-custom-block-font-size);color:inherit}.dark .vp-code span{color:var(--shiki-dark, inherit)}html:not(.dark) .vp-code span{color:var(--shiki-light, inherit)}.vp-code-group{margin-top:16px}.vp-code-group .tabs{position:relative;display:flex;margin-right:-24px;margin-left:-24px;padding:0 12px;background-color:var(--vp-code-tab-bg);overflow-x:auto;overflow-y:hidden;box-shadow:inset 0 -1px var(--vp-code-tab-divider)}@media (min-width: 640px){.vp-code-group .tabs{margin-right:0;margin-left:0;border-radius:8px 8px 0 0}}.vp-code-group .tabs input{position:fixed;opacity:0;pointer-events:none}.vp-code-group .tabs label{position:relative;display:inline-block;border-bottom:1px solid transparent;padding:0 12px;line-height:48px;font-size:14px;font-weight:500;color:var(--vp-code-tab-text-color);white-space:nowrap;cursor:pointer;transition:color .25s}.vp-code-group .tabs label:after{position:absolute;right:8px;bottom:-1px;left:8px;z-index:1;height:2px;border-radius:2px;content:"";background-color:transparent;transition:background-color .25s}.vp-code-group label:hover{color:var(--vp-code-tab-hover-text-color)}.vp-code-group input:checked+label{color:var(--vp-code-tab-active-text-color)}.vp-code-group input:checked+label:after{background-color:var(--vp-code-tab-active-bar-color)}.vp-code-group div[class*=language-],.vp-block{display:none;margin-top:0!important;border-top-left-radius:0!important;border-top-right-radius:0!important}.vp-code-group div[class*=language-].active,.vp-block.active{display:block}.vp-block{padding:20px 24px}.vp-doc h1,.vp-doc h2,.vp-doc h3,.vp-doc h4,.vp-doc h5,.vp-doc h6{position:relative;font-weight:600;outline:none}.vp-doc h1{letter-spacing:-.02em;line-height:40px;font-size:28px}.vp-doc h2{margin:48px 0 16px;border-top:1px solid var(--vp-c-divider);padding-top:24px;letter-spacing:-.02em;line-height:32px;font-size:24px}.vp-doc h3{margin:32px 0 0;letter-spacing:-.01em;line-height:28px;font-size:20px}.vp-doc .header-anchor{position:absolute;top:0;left:0;margin-left:-.87em;font-weight:500;-webkit-user-select:none;user-select:none;opacity:0;text-decoration:none;transition:color .25s,opacity .25s}.vp-doc .header-anchor:before{content:var(--vp-header-anchor-symbol)}.vp-doc h1:hover .header-anchor,.vp-doc h1 .header-anchor:focus,.vp-doc h2:hover .header-anchor,.vp-doc h2 .header-anchor:focus,.vp-doc h3:hover .header-anchor,.vp-doc h3 .header-anchor:focus,.vp-doc h4:hover .header-anchor,.vp-doc h4 .header-anchor:focus,.vp-doc h5:hover .header-anchor,.vp-doc h5 .header-anchor:focus,.vp-doc h6:hover .header-anchor,.vp-doc h6 .header-anchor:focus{opacity:1}@media (min-width: 768px){.vp-doc h1{letter-spacing:-.02em;line-height:40px;font-size:32px}}.vp-doc h2 .header-anchor{top:24px}.vp-doc p,.vp-doc summary{margin:16px 0}.vp-doc p{line-height:28px}.vp-doc blockquote{margin:16px 0;border-left:2px solid var(--vp-c-divider);padding-left:16px;transition:border-color .5s}.vp-doc blockquote>p{margin:0;font-size:16px;color:var(--vp-c-text-2);transition:color .5s}.vp-doc a{font-weight:500;color:var(--vp-c-brand-1);text-decoration:underline;text-underline-offset:2px;transition:color .25s,opacity .25s}.vp-doc a:hover{color:var(--vp-c-brand-2)}.vp-doc strong{font-weight:600}.vp-doc ul,.vp-doc ol{padding-left:1.25rem;margin:16px 0}.vp-doc ul{list-style:disc}.vp-doc ol{list-style:decimal}.vp-doc li+li{margin-top:8px}.vp-doc li>ol,.vp-doc li>ul{margin:8px 0 0}.vp-doc table{display:block;border-collapse:collapse;margin:20px 0;overflow-x:auto}.vp-doc tr{background-color:var(--vp-c-bg);border-top:1px solid var(--vp-c-divider);transition:background-color .5s}.vp-doc tr:nth-child(2n){background-color:var(--vp-c-bg-soft)}.vp-doc th,.vp-doc td{border:1px solid var(--vp-c-divider);padding:8px 16px}.vp-doc th{text-align:left;font-size:14px;font-weight:600;color:var(--vp-c-text-2);background-color:var(--vp-c-bg-soft)}.vp-doc td{font-size:14px}.vp-doc hr{margin:16px 0;border:none;border-top:1px solid var(--vp-c-divider)}.vp-doc .custom-block{margin:16px 0}.vp-doc .custom-block p{margin:8px 0;line-height:24px}.vp-doc .custom-block p:first-child{margin:0}.vp-doc .custom-block div[class*=language-]{margin:8px 0;border-radius:8px}.vp-doc .custom-block div[class*=language-] code{font-weight:400;background-color:transparent}.vp-doc .custom-block .vp-code-group .tabs{margin:0;border-radius:8px 8px 0 0}.vp-doc :not(pre,h1,h2,h3,h4,h5,h6)>code{font-size:var(--vp-code-font-size);color:var(--vp-code-color)}.vp-doc :not(pre)>code{border-radius:4px;padding:3px 6px;background-color:var(--vp-code-bg);transition:color .25s,background-color .5s}.vp-doc a>code{color:var(--vp-code-link-color)}.vp-doc a:hover>code{color:var(--vp-code-link-hover-color)}.vp-doc h1>code,.vp-doc h2>code,.vp-doc h3>code{font-size:.9em}.vp-doc div[class*=language-],.vp-block{position:relative;margin:16px -24px;background-color:var(--vp-code-block-bg);overflow-x:auto;transition:background-color .5s}@media (min-width: 640px){.vp-doc div[class*=language-],.vp-block{border-radius:8px;margin:16px 0}}@media (max-width: 639px){.vp-doc li div[class*=language-]{border-radius:8px 0 0 8px}}.vp-doc div[class*=language-]+div[class*=language-],.vp-doc div[class$=-api]+div[class*=language-],.vp-doc div[class*=language-]+div[class$=-api]>div[class*=language-]{margin-top:-8px}.vp-doc [class*=language-] pre,.vp-doc [class*=language-] code{direction:ltr;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}.vp-doc [class*=language-] pre{position:relative;z-index:1;margin:0;padding:20px 0;background:transparent;overflow-x:auto}.vp-doc [class*=language-] code{display:block;padding:0 24px;width:fit-content;min-width:100%;line-height:var(--vp-code-line-height);font-size:var(--vp-code-font-size);color:var(--vp-code-block-color);transition:color .5s}.vp-doc [class*=language-] code .highlighted{background-color:var(--vp-code-line-highlight-color);transition:background-color .5s;margin:0 -24px;padding:0 24px;width:calc(100% + 48px);display:inline-block}.vp-doc [class*=language-] code .highlighted.error{background-color:var(--vp-code-line-error-color)}.vp-doc [class*=language-] code .highlighted.warning{background-color:var(--vp-code-line-warning-color)}.vp-doc [class*=language-] code .diff{transition:background-color .5s;margin:0 -24px;padding:0 24px;width:calc(100% + 48px);display:inline-block}.vp-doc [class*=language-] code .diff:before{position:absolute;left:10px}.vp-doc [class*=language-] .has-focused-lines .line:not(.has-focus){filter:blur(.095rem);opacity:.4;transition:filter .35s,opacity .35s}.vp-doc [class*=language-] .has-focused-lines .line:not(.has-focus){opacity:.7;transition:filter .35s,opacity .35s}.vp-doc [class*=language-]:hover .has-focused-lines .line:not(.has-focus){filter:blur(0);opacity:1}.vp-doc [class*=language-] code .diff.remove{background-color:var(--vp-code-line-diff-remove-color);opacity:.7}.vp-doc [class*=language-] code .diff.remove:before{content:"-";color:var(--vp-code-line-diff-remove-symbol-color)}.vp-doc [class*=language-] code .diff.add{background-color:var(--vp-code-line-diff-add-color)}.vp-doc [class*=language-] code .diff.add:before{content:"+";color:var(--vp-code-line-diff-add-symbol-color)}.vp-doc div[class*=language-].line-numbers-mode{padding-left:32px}.vp-doc .line-numbers-wrapper{position:absolute;top:0;bottom:0;left:0;z-index:3;border-right:1px solid var(--vp-code-block-divider-color);padding-top:20px;width:32px;text-align:center;font-family:var(--vp-font-family-mono);line-height:var(--vp-code-line-height);font-size:var(--vp-code-font-size);color:var(--vp-code-line-number-color);transition:border-color .5s,color .5s}.vp-doc [class*=language-]>button.copy{direction:ltr;position:absolute;top:12px;right:12px;z-index:3;border:1px solid var(--vp-code-copy-code-border-color);border-radius:4px;width:40px;height:40px;background-color:var(--vp-code-copy-code-bg);opacity:0;cursor:pointer;background-image:var(--vp-icon-copy);background-position:50%;background-size:20px;background-repeat:no-repeat;transition:border-color .25s,background-color .25s,opacity .25s}.vp-doc [class*=language-]:hover>button.copy,.vp-doc [class*=language-]>button.copy:focus{opacity:1}.vp-doc [class*=language-]>button.copy:hover,.vp-doc [class*=language-]>button.copy.copied{border-color:var(--vp-code-copy-code-hover-border-color);background-color:var(--vp-code-copy-code-hover-bg)}.vp-doc [class*=language-]>button.copy.copied,.vp-doc [class*=language-]>button.copy:hover.copied{border-radius:0 4px 4px 0;background-color:var(--vp-code-copy-code-hover-bg);background-image:var(--vp-icon-copied)}.vp-doc [class*=language-]>button.copy.copied:before,.vp-doc [class*=language-]>button.copy:hover.copied:before{position:relative;top:-1px;transform:translate(calc(-100% - 1px));display:flex;justify-content:center;align-items:center;border:1px solid var(--vp-code-copy-code-hover-border-color);border-right:0;border-radius:4px 0 0 4px;padding:0 10px;width:fit-content;height:40px;text-align:center;font-size:12px;font-weight:500;color:var(--vp-code-copy-code-active-text);background-color:var(--vp-code-copy-code-hover-bg);white-space:nowrap;content:var(--vp-code-copy-copied-text-content)}.vp-doc [class*=language-]>span.lang{position:absolute;top:2px;right:8px;z-index:2;font-size:12px;font-weight:500;color:var(--vp-code-lang-color);transition:color .4s,opacity .4s}.vp-doc [class*=language-]:hover>button.copy+span.lang,.vp-doc [class*=language-]>button.copy:focus+span.lang{opacity:0}.vp-doc .VPTeamMembers{margin-top:24px}.vp-doc .VPTeamMembers.small.count-1 .container{margin:0!important;max-width:calc((100% - 24px)/2)!important}.vp-doc .VPTeamMembers.small.count-2 .container,.vp-doc .VPTeamMembers.small.count-3 .container{max-width:100%!important}.vp-doc .VPTeamMembers.medium.count-1 .container{margin:0!important;max-width:calc((100% - 24px)/2)!important}:is(.vp-external-link-icon,.vp-doc a[href*="://"],.vp-doc a[target=_blank]):not(.no-icon):after{display:inline-block;margin-top:-1px;margin-left:4px;width:11px;height:11px;background:currentColor;color:var(--vp-c-text-3);flex-shrink:0;--icon: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' %3E%3Cpath d='M0 0h24v24H0V0z' fill='none' /%3E%3Cpath d='M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z' /%3E%3C/svg%3E");-webkit-mask-image:var(--icon);mask-image:var(--icon)}.vp-external-link-icon:after{content:""}.vp-sponsor{border-radius:16px;overflow:hidden}.vp-sponsor.aside{border-radius:12px}.vp-sponsor-section+.vp-sponsor-section{margin-top:4px}.vp-sponsor-tier{margin-bottom:4px;text-align:center;letter-spacing:1px;line-height:24px;width:100%;font-weight:600;color:var(--vp-c-text-2);background-color:var(--vp-c-bg-soft)}.vp-sponsor.normal .vp-sponsor-tier{padding:13px 0 11px;font-size:14px}.vp-sponsor.aside .vp-sponsor-tier{padding:9px 0 7px;font-size:12px}.vp-sponsor-grid+.vp-sponsor-tier{margin-top:4px}.vp-sponsor-grid{display:flex;flex-wrap:wrap;gap:4px}.vp-sponsor-grid.xmini .vp-sponsor-grid-link{height:64px}.vp-sponsor-grid.xmini .vp-sponsor-grid-image{max-width:64px;max-height:22px}.vp-sponsor-grid.mini .vp-sponsor-grid-link{height:72px}.vp-sponsor-grid.mini .vp-sponsor-grid-image{max-width:96px;max-height:24px}.vp-sponsor-grid.small .vp-sponsor-grid-link{height:96px}.vp-sponsor-grid.small .vp-sponsor-grid-image{max-width:96px;max-height:24px}.vp-sponsor-grid.medium .vp-sponsor-grid-link{height:112px}.vp-sponsor-grid.medium .vp-sponsor-grid-image{max-width:120px;max-height:36px}.vp-sponsor-grid.big .vp-sponsor-grid-link{height:184px}.vp-sponsor-grid.big .vp-sponsor-grid-image{max-width:192px;max-height:56px}.vp-sponsor-grid[data-vp-grid="2"] .vp-sponsor-grid-item{width:calc((100% - 4px)/2)}.vp-sponsor-grid[data-vp-grid="3"] .vp-sponsor-grid-item{width:calc((100% - 4px * 2) / 3)}.vp-sponsor-grid[data-vp-grid="4"] .vp-sponsor-grid-item{width:calc((100% - 12px)/4)}.vp-sponsor-grid[data-vp-grid="5"] .vp-sponsor-grid-item{width:calc((100% - 16px)/5)}.vp-sponsor-grid[data-vp-grid="6"] .vp-sponsor-grid-item{width:calc((100% - 4px * 5) / 6)}.vp-sponsor-grid-item{flex-shrink:0;width:100%;background-color:var(--vp-c-bg-soft);transition:background-color .25s}.vp-sponsor-grid-item:hover{background-color:var(--vp-c-default-soft)}.vp-sponsor-grid-item:hover .vp-sponsor-grid-image{filter:grayscale(0) invert(0)}.vp-sponsor-grid-item.empty:hover{background-color:var(--vp-c-bg-soft)}.dark .vp-sponsor-grid-item:hover{background-color:var(--vp-c-white)}.dark .vp-sponsor-grid-item.empty:hover{background-color:var(--vp-c-bg-soft)}.vp-sponsor-grid-link{display:flex}.vp-sponsor-grid-box{display:flex;justify-content:center;align-items:center;width:100%}.vp-sponsor-grid-image{max-width:100%;filter:grayscale(1);transition:filter .25s}.dark .vp-sponsor-grid-image{filter:grayscale(1) invert(1)}.VPBadge[data-v-45d3bca2]{display:inline-block;margin-left:2px;border:1px solid transparent;border-radius:12px;padding:0 10px;line-height:22px;font-size:12px;font-weight:500;transform:translateY(-2px)}.vp-doc h1>.VPBadge[data-v-45d3bca2]{margin-top:4px;vertical-align:top}.vp-doc h2>.VPBadge[data-v-45d3bca2]{margin-top:3px;padding:0 8px;vertical-align:top}.vp-doc h3>.VPBadge[data-v-45d3bca2]{vertical-align:middle}.vp-doc h4>.VPBadge[data-v-45d3bca2],.vp-doc h5>.VPBadge[data-v-45d3bca2],.vp-doc h6>.VPBadge[data-v-45d3bca2]{vertical-align:middle;line-height:18px}.VPBadge.info[data-v-45d3bca2]{border-color:var(--vp-badge-info-border);color:var(--vp-badge-info-text);background-color:var(--vp-badge-info-bg)}.VPBadge.tip[data-v-45d3bca2]{border-color:var(--vp-badge-tip-border);color:var(--vp-badge-tip-text);background-color:var(--vp-badge-tip-bg)}.VPBadge.warning[data-v-45d3bca2]{border-color:var(--vp-badge-warning-border);color:var(--vp-badge-warning-text);background-color:var(--vp-badge-warning-bg)}.VPBadge.danger[data-v-45d3bca2]{border-color:var(--vp-badge-danger-border);color:var(--vp-badge-danger-text);background-color:var(--vp-badge-danger-bg)}.VPBackdrop[data-v-d64046b5]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--vp-z-index-backdrop);background:var(--vp-backdrop-bg-color);transition:opacity .5s}.VPBackdrop.fade-enter-from[data-v-d64046b5],.VPBackdrop.fade-leave-to[data-v-d64046b5]{opacity:0}.VPBackdrop.fade-leave-active[data-v-d64046b5]{transition-duration:.25s}@media (min-width: 1280px){.VPBackdrop[data-v-d64046b5]{display:none}}.NotFound[data-v-82e36c67]{padding:64px 24px 96px;text-align:center}@media (min-width: 768px){.NotFound[data-v-82e36c67]{padding:96px 32px 168px}}.code[data-v-82e36c67]{line-height:64px;font-size:64px;font-weight:600}.title[data-v-82e36c67]{padding-top:12px;letter-spacing:2px;line-height:20px;font-size:20px;font-weight:700}.divider[data-v-82e36c67]{margin:24px auto 18px;width:64px;height:1px;background-color:var(--vp-c-divider)}.quote[data-v-82e36c67]{margin:0 auto;max-width:256px;font-size:14px;font-weight:500;color:var(--vp-c-text-2)}.action[data-v-82e36c67]{padding-top:20px}.link[data-v-82e36c67]{display:inline-block;border:1px solid var(--vp-c-brand-1);border-radius:16px;padding:3px 16px;font-size:14px;font-weight:500;color:var(--vp-c-brand-1);transition:border-color .25s,color .25s}.link[data-v-82e36c67]:hover{border-color:var(--vp-c-brand-2);color:var(--vp-c-brand-2)}.root[data-v-827ebdf6]{position:relative;z-index:1}.nested[data-v-827ebdf6]{padding-left:16px}.outline-link[data-v-827ebdf6]{display:block;line-height:28px;color:var(--vp-c-text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .5s;font-weight:400}.outline-link[data-v-827ebdf6]:hover,.outline-link.active[data-v-827ebdf6]{color:var(--vp-c-text-1);transition:color .25s}.outline-link.nested[data-v-827ebdf6]{padding-left:13px}.VPDocAsideOutline[data-v-0d5ae598]{display:none}.VPDocAsideOutline.has-outline[data-v-0d5ae598]{display:block}.content[data-v-0d5ae598]{position:relative;border-left:1px solid var(--vp-c-divider);padding-left:16px;font-size:13px;font-weight:500}.outline-marker[data-v-0d5ae598]{position:absolute;top:32px;left:-1px;z-index:0;opacity:0;width:2px;border-radius:2px;height:18px;background-color:var(--vp-c-brand-1);transition:top .25s cubic-bezier(0,1,.5,1),background-color .5s,opacity .25s}.outline-title[data-v-0d5ae598]{letter-spacing:.4px;line-height:28px;font-size:13px;font-weight:600}.VPDocAside[data-v-e80762ca]{display:flex;flex-direction:column;flex-grow:1}.spacer[data-v-e80762ca]{flex-grow:1}.VPDocAside[data-v-e80762ca] .spacer+.VPDocAsideSponsors,.VPDocAside[data-v-e80762ca] .spacer+.VPDocAsideCarbonAds{margin-top:24px}.VPDocAside[data-v-e80762ca] .VPDocAsideSponsors+.VPDocAsideCarbonAds{margin-top:16px}.VPLastUpdated[data-v-1b264707]{line-height:24px;font-size:14px;font-weight:500;color:var(--vp-c-text-2)}@media (min-width: 640px){.VPLastUpdated[data-v-1b264707]{line-height:32px;font-size:14px;font-weight:500}}.VPDocFooter[data-v-2ac24fd4]{margin-top:64px}.edit-info[data-v-2ac24fd4]{padding-bottom:18px}@media (min-width: 640px){.edit-info[data-v-2ac24fd4]{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px}}.edit-link-button[data-v-2ac24fd4]{display:flex;align-items:center;border:0;line-height:32px;font-size:14px;font-weight:500;color:var(--vp-c-brand-1);transition:color .25s}.edit-link-button[data-v-2ac24fd4]:hover{color:var(--vp-c-brand-2)}.edit-link-icon[data-v-2ac24fd4]{margin-right:8px;width:14px;height:14px;fill:currentColor}.prev-next[data-v-2ac24fd4]{border-top:1px solid var(--vp-c-divider);padding-top:24px;display:grid;grid-row-gap:8px}@media (min-width: 640px){.prev-next[data-v-2ac24fd4]{grid-template-columns:repeat(2,1fr);grid-column-gap:16px}}.pager-link[data-v-2ac24fd4]{display:block;border:1px solid var(--vp-c-divider);border-radius:8px;padding:11px 16px 13px;width:100%;height:100%;transition:border-color .25s}.pager-link[data-v-2ac24fd4]:hover{border-color:var(--vp-c-brand-1)}.pager-link.next[data-v-2ac24fd4]{margin-left:auto;text-align:right}.desc[data-v-2ac24fd4]{display:block;line-height:20px;font-size:12px;font-weight:500;color:var(--vp-c-text-2)}.title[data-v-2ac24fd4]{display:block;line-height:20px;font-size:14px;font-weight:500;color:var(--vp-c-brand-1);transition:color .25s}.VPDocOutlineDropdown[data-v-d4bd8148]{margin-bottom:48px}.VPDocOutlineDropdown button[data-v-d4bd8148]{display:block;font-size:14px;font-weight:500;line-height:24px;border:1px solid var(--vp-c-border);padding:4px 12px;color:var(--vp-c-text-2);background-color:var(--vp-c-default-soft);border-radius:8px;transition:color .5s}.VPDocOutlineDropdown button[data-v-d4bd8148]:hover{color:var(--vp-c-text-1);transition:color .25s}.VPDocOutlineDropdown button.open[data-v-d4bd8148]{color:var(--vp-c-text-1)}.icon[data-v-d4bd8148]{display:inline-block;vertical-align:middle;width:16px;height:16px;fill:currentColor}[data-v-d4bd8148] .outline-link{font-size:14px;font-weight:400}.open>.icon[data-v-d4bd8148]{transform:rotate(90deg)}.items[data-v-d4bd8148]{margin-top:12px;border-left:1px solid var(--vp-c-divider)}.VPDoc[data-v-e8365bac]{padding:32px 24px 96px;width:100%}.VPDoc .VPDocOutlineDropdown[data-v-e8365bac]{display:none}@media (min-width: 960px) and (max-width: 1279px){.VPDoc .VPDocOutlineDropdown[data-v-e8365bac]{display:block}}@media (min-width: 768px){.VPDoc[data-v-e8365bac]{padding:48px 32px 128px}}@media (min-width: 960px){.VPDoc[data-v-e8365bac]{padding:32px 32px 0}.VPDoc:not(.has-sidebar) .container[data-v-e8365bac]{display:flex;justify-content:center;max-width:992px}.VPDoc:not(.has-sidebar) .content[data-v-e8365bac]{max-width:752px}}@media (min-width: 1280px){.VPDoc .container[data-v-e8365bac]{display:flex;justify-content:center}.VPDoc .aside[data-v-e8365bac]{display:block}}@media (min-width: 1440px){.VPDoc:not(.has-sidebar) .content[data-v-e8365bac]{max-width:784px}.VPDoc:not(.has-sidebar) .container[data-v-e8365bac]{max-width:1104px}}.container[data-v-e8365bac]{margin:0 auto;width:100%}.aside[data-v-e8365bac]{position:relative;display:none;order:2;flex-grow:1;padding-left:32px;width:100%;max-width:256px}.left-aside[data-v-e8365bac]{order:1;padding-left:unset;padding-right:32px}.aside-container[data-v-e8365bac]{position:fixed;top:0;padding-top:calc(var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + var(--vp-doc-top-height, 0px) + 32px);width:224px;height:100vh;overflow-x:hidden;overflow-y:auto;scrollbar-width:none}.aside-container[data-v-e8365bac]::-webkit-scrollbar{display:none}.aside-curtain[data-v-e8365bac]{position:fixed;bottom:0;z-index:10;width:224px;height:32px;background:linear-gradient(transparent,var(--vp-c-bg) 70%)}.aside-content[data-v-e8365bac]{display:flex;flex-direction:column;min-height:calc(100vh - (var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + 32px));padding-bottom:32px}.content[data-v-e8365bac]{position:relative;margin:0 auto;width:100%}@media (min-width: 960px){.content[data-v-e8365bac]{padding:0 32px 128px}}@media (min-width: 1280px){.content[data-v-e8365bac]{order:1;margin:0;min-width:640px}}.content-container[data-v-e8365bac]{margin:0 auto}.VPDoc.has-aside .content-container[data-v-e8365bac]{max-width:688px}.external-link-icon-enabled :is(.vp-doc a[href*="://"][data-v-e8365bac],.vp-doc a[target=_blank]):after{content:"";color:currentColor}.VPButton[data-v-5aaa0a12]{display:inline-block;border:1px solid transparent;text-align:center;font-weight:600;white-space:nowrap;transition:color .25s,border-color .25s,background-color .25s}.VPButton[data-v-5aaa0a12]:active{transition:color .1s,border-color .1s,background-color .1s}.VPButton.medium[data-v-5aaa0a12]{border-radius:20px;padding:0 20px;line-height:38px;font-size:14px}.VPButton.big[data-v-5aaa0a12]{border-radius:24px;padding:0 24px;line-height:46px;font-size:16px}.VPButton.brand[data-v-5aaa0a12]{border-color:var(--vp-button-brand-border);color:var(--vp-button-brand-text);background-color:var(--vp-button-brand-bg)}.VPButton.brand[data-v-5aaa0a12]:hover{border-color:var(--vp-button-brand-hover-border);color:var(--vp-button-brand-hover-text);background-color:var(--vp-button-brand-hover-bg)}.VPButton.brand[data-v-5aaa0a12]:active{border-color:var(--vp-button-brand-active-border);color:var(--vp-button-brand-active-text);background-color:var(--vp-button-brand-active-bg)}.VPButton.alt[data-v-5aaa0a12]{border-color:var(--vp-button-alt-border);color:var(--vp-button-alt-text);background-color:var(--vp-button-alt-bg)}.VPButton.alt[data-v-5aaa0a12]:hover{border-color:var(--vp-button-alt-hover-border);color:var(--vp-button-alt-hover-text);background-color:var(--vp-button-alt-hover-bg)}.VPButton.alt[data-v-5aaa0a12]:active{border-color:var(--vp-button-alt-active-border);color:var(--vp-button-alt-active-text);background-color:var(--vp-button-alt-active-bg)}.VPButton.sponsor[data-v-5aaa0a12]{border-color:var(--vp-button-sponsor-border);color:var(--vp-button-sponsor-text);background-color:var(--vp-button-sponsor-bg)}.VPButton.sponsor[data-v-5aaa0a12]:hover{border-color:var(--vp-button-sponsor-hover-border);color:var(--vp-button-sponsor-hover-text);background-color:var(--vp-button-sponsor-hover-bg)}.VPButton.sponsor[data-v-5aaa0a12]:active{border-color:var(--vp-button-sponsor-active-border);color:var(--vp-button-sponsor-active-text);background-color:var(--vp-button-sponsor-active-bg)}html:not(.dark) .VPImage.dark[data-v-7a5fc9e8]{display:none}.dark .VPImage.light[data-v-7a5fc9e8]{display:none}.VPHero[data-v-895e481d]{margin-top:calc((var(--vp-nav-height) + var(--vp-layout-top-height, 0px)) * -1);padding:calc(var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + 48px) 24px 48px}@media (min-width: 640px){.VPHero[data-v-895e481d]{padding:calc(var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + 80px) 48px 64px}}@media (min-width: 960px){.VPHero[data-v-895e481d]{padding:calc(var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + 80px) 64px 64px}}.container[data-v-895e481d]{display:flex;flex-direction:column;margin:0 auto;max-width:1152px}@media (min-width: 960px){.container[data-v-895e481d]{flex-direction:row}}.main[data-v-895e481d]{position:relative;z-index:10;order:2;flex-grow:1;flex-shrink:0}.VPHero.has-image .container[data-v-895e481d]{text-align:center}@media (min-width: 960px){.VPHero.has-image .container[data-v-895e481d]{text-align:left}}@media (min-width: 960px){.main[data-v-895e481d]{order:1;width:calc((100% / 3) * 2)}.VPHero.has-image .main[data-v-895e481d]{max-width:592px}}.name[data-v-895e481d],.text[data-v-895e481d]{max-width:392px;letter-spacing:-.4px;line-height:40px;font-size:32px;font-weight:700;white-space:pre-wrap}.VPHero.has-image .name[data-v-895e481d],.VPHero.has-image .text[data-v-895e481d]{margin:0 auto}.name[data-v-895e481d]{color:var(--vp-home-hero-name-color)}.clip[data-v-895e481d]{background:var(--vp-home-hero-name-background);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:var(--vp-home-hero-name-color)}@media (min-width: 640px){.name[data-v-895e481d],.text[data-v-895e481d]{max-width:576px;line-height:56px;font-size:48px}}@media (min-width: 960px){.name[data-v-895e481d],.text[data-v-895e481d]{line-height:64px;font-size:56px}.VPHero.has-image .name[data-v-895e481d],.VPHero.has-image .text[data-v-895e481d]{margin:0}}.tagline[data-v-895e481d]{padding-top:8px;max-width:392px;line-height:28px;font-size:18px;font-weight:500;white-space:pre-wrap;color:var(--vp-c-text-2)}.VPHero.has-image .tagline[data-v-895e481d]{margin:0 auto}@media (min-width: 640px){.tagline[data-v-895e481d]{padding-top:12px;max-width:576px;line-height:32px;font-size:20px}}@media (min-width: 960px){.tagline[data-v-895e481d]{line-height:36px;font-size:24px}.VPHero.has-image .tagline[data-v-895e481d]{margin:0}}.actions[data-v-895e481d]{display:flex;flex-wrap:wrap;margin:-6px;padding-top:24px}.VPHero.has-image .actions[data-v-895e481d]{justify-content:center}@media (min-width: 640px){.actions[data-v-895e481d]{padding-top:32px}}@media (min-width: 960px){.VPHero.has-image .actions[data-v-895e481d]{justify-content:flex-start}}.action[data-v-895e481d]{flex-shrink:0;padding:6px}.image[data-v-895e481d]{order:1;margin:-76px -24px -48px}@media (min-width: 640px){.image[data-v-895e481d]{margin:-108px -24px -48px}}@media (min-width: 960px){.image[data-v-895e481d]{flex-grow:1;order:2;margin:0;min-height:100%}}.image-container[data-v-895e481d]{position:relative;margin:0 auto;width:320px;height:320px}@media (min-width: 640px){.image-container[data-v-895e481d]{width:392px;height:392px}}@media (min-width: 960px){.image-container[data-v-895e481d]{display:flex;justify-content:center;align-items:center;width:100%;height:100%;transform:translate(-32px,-32px)}}.image-bg[data-v-895e481d]{position:absolute;top:50%;left:50%;border-radius:50%;width:192px;height:192px;background-image:var(--vp-home-hero-image-background-image);filter:var(--vp-home-hero-image-filter);transform:translate(-50%,-50%)}@media (min-width: 640px){.image-bg[data-v-895e481d]{width:256px;height:256px}}@media (min-width: 960px){.image-bg[data-v-895e481d]{width:320px;height:320px}}[data-v-895e481d] .image-src{position:absolute;top:50%;left:50%;max-width:192px;max-height:192px;transform:translate(-50%,-50%)}@media (min-width: 640px){[data-v-895e481d] .image-src{max-width:256px;max-height:256px}}@media (min-width: 960px){[data-v-895e481d] .image-src{max-width:320px;max-height:320px}}.VPFeature[data-v-0ab9dae3]{display:block;border:1px solid var(--vp-c-bg-soft);border-radius:12px;height:100%;background-color:var(--vp-c-bg-soft);transition:border-color .25s,background-color .25s}.VPFeature.link[data-v-0ab9dae3]:hover{border-color:var(--vp-c-brand-1)}.box[data-v-0ab9dae3]{display:flex;flex-direction:column;padding:24px;height:100%}.box[data-v-0ab9dae3]>.VPImage{margin-bottom:20px}.icon[data-v-0ab9dae3]{display:flex;justify-content:center;align-items:center;margin-bottom:20px;border-radius:6px;background-color:var(--vp-c-default-soft);width:48px;height:48px;font-size:24px;transition:background-color .25s}.title[data-v-0ab9dae3]{line-height:24px;font-size:16px;font-weight:600}.details[data-v-0ab9dae3]{flex-grow:1;padding-top:8px;line-height:24px;font-size:14px;font-weight:500;color:var(--vp-c-text-2)}.link-text[data-v-0ab9dae3]{padding-top:8px}.link-text-value[data-v-0ab9dae3]{display:flex;align-items:center;font-size:14px;font-weight:500;color:var(--vp-c-brand-1)}.link-text-icon[data-v-0ab9dae3]{display:inline-block;margin-left:6px;width:14px;height:14px;fill:currentColor}.VPFeatures[data-v-4675200d]{position:relative;padding:0 24px}@media (min-width: 640px){.VPFeatures[data-v-4675200d]{padding:0 48px}}@media (min-width: 960px){.VPFeatures[data-v-4675200d]{padding:0 64px}}.container[data-v-4675200d]{margin:0 auto;max-width:1152px}.items[data-v-4675200d]{display:flex;flex-wrap:wrap;margin:-8px}.item[data-v-4675200d]{padding:8px;width:100%}@media (min-width: 640px){.item.grid-2[data-v-4675200d],.item.grid-4[data-v-4675200d],.item.grid-6[data-v-4675200d]{width:50%}}@media (min-width: 768px){.item.grid-2[data-v-4675200d],.item.grid-4[data-v-4675200d]{width:50%}.item.grid-3[data-v-4675200d],.item.grid-6[data-v-4675200d]{width:calc(100% / 3)}}@media (min-width: 960px){.item.grid-4[data-v-4675200d]{width:25%}}.VPHome[data-v-b597f112]{padding-bottom:96px}.VPHome[data-v-b597f112] .VPHomeSponsors{margin-top:112px;margin-bottom:-128px}@media (min-width: 768px){.VPHome[data-v-b597f112]{padding-bottom:128px}}.VPContent[data-v-c9697672]{flex-grow:1;flex-shrink:0;margin:var(--vp-layout-top-height, 0px) auto 0;width:100%}.VPContent.is-home[data-v-c9697672]{width:100%;max-width:100%}.VPContent.has-sidebar[data-v-c9697672]{margin:0}@media (min-width: 960px){.VPContent[data-v-c9697672]{padding-top:var(--vp-nav-height)}.VPContent.has-sidebar[data-v-c9697672]{margin:var(--vp-layout-top-height, 0px) 0 0;padding-left:var(--vp-sidebar-width)}}@media (min-width: 1440px){.VPContent.has-sidebar[data-v-c9697672]{padding-right:calc((100vw - var(--vp-layout-max-width)) / 2);padding-left:calc((100vw - var(--vp-layout-max-width)) / 2 + var(--vp-sidebar-width))}}.VPFooter[data-v-23d4b6bf]{position:relative;z-index:var(--vp-z-index-footer);border-top:1px solid var(--vp-c-gutter);padding:32px 24px;background-color:var(--vp-c-bg)}.VPFooter.has-sidebar[data-v-23d4b6bf]{display:none}.VPFooter[data-v-23d4b6bf] a{text-decoration-line:underline;text-underline-offset:2px;transition:color .25s}.VPFooter[data-v-23d4b6bf] a:hover{color:var(--vp-c-text-1)}@media (min-width: 768px){.VPFooter[data-v-23d4b6bf]{padding:32px}}.container[data-v-23d4b6bf]{margin:0 auto;max-width:var(--vp-layout-max-width);text-align:center}.message[data-v-23d4b6bf],.copyright[data-v-23d4b6bf]{line-height:24px;font-size:14px;font-weight:500;color:var(--vp-c-text-2)}.VPLocalNavOutlineDropdown[data-v-8f4ad8b6]{padding:12px 20px 11px}.VPLocalNavOutlineDropdown button[data-v-8f4ad8b6]{display:block;font-size:12px;font-weight:500;line-height:24px;color:var(--vp-c-text-2);transition:color .5s;position:relative}.VPLocalNavOutlineDropdown button[data-v-8f4ad8b6]:hover{color:var(--vp-c-text-1);transition:color .25s}.VPLocalNavOutlineDropdown button.open[data-v-8f4ad8b6]{color:var(--vp-c-text-1)}.icon[data-v-8f4ad8b6]{display:inline-block;vertical-align:middle;margin-left:2px;width:14px;height:14px;fill:currentColor}[data-v-8f4ad8b6] .outline-link{font-size:14px;padding:2px 0}.open>.icon[data-v-8f4ad8b6]{transform:rotate(90deg)}.items[data-v-8f4ad8b6]{position:absolute;top:64px;right:16px;left:16px;display:grid;gap:1px;border:1px solid var(--vp-c-border);border-radius:8px;background-color:var(--vp-c-gutter);max-height:calc(var(--vp-vh, 100vh) - 86px);overflow:hidden auto;box-shadow:var(--vp-shadow-3)}.header[data-v-8f4ad8b6]{background-color:var(--vp-c-bg-soft)}.top-link[data-v-8f4ad8b6]{display:block;padding:0 16px;line-height:48px;font-size:14px;font-weight:500;color:var(--vp-c-brand-1)}.outline[data-v-8f4ad8b6]{padding:8px 0;background-color:var(--vp-c-bg-soft)}.flyout-enter-active[data-v-8f4ad8b6]{transition:all .2s ease-out}.flyout-leave-active[data-v-8f4ad8b6]{transition:all .15s ease-in}.flyout-enter-from[data-v-8f4ad8b6],.flyout-leave-to[data-v-8f4ad8b6]{opacity:0;transform:translateY(-16px)}.VPLocalNav[data-v-d09a6238]{position:sticky;top:0;left:0;z-index:var(--vp-z-index-local-nav);display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--vp-c-gutter);border-bottom:1px solid var(--vp-c-gutter);padding-top:var(--vp-layout-top-height, 0px);width:100%;background-color:var(--vp-local-nav-bg-color)}.VPLocalNav.fixed[data-v-d09a6238]{position:fixed}.VPLocalNav.reached-top[data-v-d09a6238]{border-top-color:transparent}@media (min-width: 960px){.VPLocalNav[data-v-d09a6238]{display:none}}.menu[data-v-d09a6238]{display:flex;align-items:center;padding:12px 24px 11px;line-height:24px;font-size:12px;font-weight:500;color:var(--vp-c-text-2);transition:color .5s}.menu[data-v-d09a6238]:hover{color:var(--vp-c-text-1);transition:color .25s}@media (min-width: 768px){.menu[data-v-d09a6238]{padding:0 32px}}.menu-icon[data-v-d09a6238]{margin-right:8px;width:16px;height:16px;fill:currentColor}.VPOutlineDropdown[data-v-d09a6238]{padding:12px 24px 11px}@media (min-width: 768px){.VPOutlineDropdown[data-v-d09a6238]{padding:12px 32px 11px}}.VPSwitch[data-v-203e4e6e]{position:relative;border-radius:11px;display:block;width:40px;height:22px;flex-shrink:0;border:1px solid var(--vp-input-border-color);background-color:var(--vp-input-switch-bg-color);transition:border-color .25s!important}.VPSwitch[data-v-203e4e6e]:hover{border-color:var(--vp-c-brand-1)}.check[data-v-203e4e6e]{position:absolute;top:1px;left:1px;width:18px;height:18px;border-radius:50%;background-color:var(--vp-c-neutral-inverse);box-shadow:var(--vp-shadow-1);transition:transform .25s!important}.icon[data-v-203e4e6e]{position:relative;display:block;width:18px;height:18px;border-radius:50%;overflow:hidden}.icon[data-v-203e4e6e] svg{position:absolute;top:3px;left:3px;width:12px;height:12px;fill:var(--vp-c-text-2)}.dark .icon[data-v-203e4e6e] svg{fill:var(--vp-c-text-1);transition:opacity .25s!important}.sun[data-v-f4c8c658]{opacity:1}.moon[data-v-f4c8c658],.dark .sun[data-v-f4c8c658]{opacity:0}.dark .moon[data-v-f4c8c658]{opacity:1}.dark .VPSwitchAppearance[data-v-f4c8c658] .check{transform:translate(18px)}.VPNavBarAppearance[data-v-201922b3]{display:none}@media (min-width: 1280px){.VPNavBarAppearance[data-v-201922b3]{display:flex;align-items:center}}.VPMenuGroup+.VPMenuLink[data-v-e2febca8]{margin:12px -12px 0;border-top:1px solid var(--vp-c-divider);padding:12px 12px 0}.link[data-v-e2febca8]{display:block;border-radius:6px;padding:0 12px;line-height:32px;font-size:14px;font-weight:500;color:var(--vp-c-text-1);white-space:nowrap;transition:background-color .25s,color .25s}.link[data-v-e2febca8]:hover{color:var(--vp-c-brand-1);background-color:var(--vp-c-default-soft)}.link.active[data-v-e2febca8]{color:var(--vp-c-brand-1)}.VPMenuGroup[data-v-64c4c990]{margin:12px -12px 0;border-top:1px solid var(--vp-c-divider);padding:12px 12px 0}.VPMenuGroup[data-v-64c4c990]:first-child{margin-top:0;border-top:0;padding-top:0}.VPMenuGroup+.VPMenuGroup[data-v-64c4c990]{margin-top:12px;border-top:1px solid var(--vp-c-divider)}.title[data-v-64c4c990]{padding:0 12px;line-height:32px;font-size:14px;font-weight:600;color:var(--vp-c-text-2);white-space:nowrap;transition:color .25s}.VPMenu[data-v-e5619cbf]{border-radius:12px;padding:12px;min-width:128px;border:1px solid var(--vp-c-divider);background-color:var(--vp-c-bg-elv);box-shadow:var(--vp-shadow-3);transition:background-color .5s;max-height:calc(100vh - var(--vp-nav-height));overflow-y:auto}.VPMenu[data-v-e5619cbf] .group{margin:0 -12px;padding:0 12px 12px}.VPMenu[data-v-e5619cbf] .group+.group{border-top:1px solid var(--vp-c-divider);padding:11px 12px 12px}.VPMenu[data-v-e5619cbf] .group:last-child{padding-bottom:0}.VPMenu[data-v-e5619cbf] .group+.item{border-top:1px solid var(--vp-c-divider);padding:11px 16px 0}.VPMenu[data-v-e5619cbf] .item{padding:0 16px;white-space:nowrap}.VPMenu[data-v-e5619cbf] .label{flex-grow:1;line-height:28px;font-size:12px;font-weight:500;color:var(--vp-c-text-2);transition:color .5s}.VPMenu[data-v-e5619cbf] .action{padding-left:24px}.VPFlyout[data-v-5b726bc5]{position:relative}.VPFlyout[data-v-5b726bc5]:hover{color:var(--vp-c-brand-1);transition:color .25s}.VPFlyout:hover .text[data-v-5b726bc5]{color:var(--vp-c-text-2)}.VPFlyout:hover .icon[data-v-5b726bc5]{fill:var(--vp-c-text-2)}.VPFlyout.active .text[data-v-5b726bc5]{color:var(--vp-c-brand-1)}.VPFlyout.active:hover .text[data-v-5b726bc5]{color:var(--vp-c-brand-2)}.VPFlyout:hover .menu[data-v-5b726bc5],.button[aria-expanded=true]+.menu[data-v-5b726bc5]{opacity:1;visibility:visible;transform:translateY(0)}.button[aria-expanded=false]+.menu[data-v-5b726bc5]{opacity:0;visibility:hidden;transform:translateY(0)}.button[data-v-5b726bc5]{display:flex;align-items:center;padding:0 12px;height:var(--vp-nav-height);color:var(--vp-c-text-1);transition:color .5s}.text[data-v-5b726bc5]{display:flex;align-items:center;line-height:var(--vp-nav-height);font-size:14px;font-weight:500;color:var(--vp-c-text-1);transition:color .25s}.option-icon[data-v-5b726bc5]{margin-right:0;width:16px;height:16px;fill:currentColor}.text-icon[data-v-5b726bc5]{margin-left:4px;width:14px;height:14px;fill:currentColor}.icon[data-v-5b726bc5]{width:20px;height:20px;fill:currentColor;transition:fill .25s}.menu[data-v-5b726bc5]{position:absolute;top:calc(var(--vp-nav-height) / 2 + 20px);right:0;opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s,transform .25s}.VPSocialLink[data-v-befb40fd]{display:flex;justify-content:center;align-items:center;width:36px;height:36px;color:var(--vp-c-text-2);transition:color .5s}.VPSocialLink[data-v-befb40fd]:hover{color:var(--vp-c-text-1);transition:color .25s}.VPSocialLink[data-v-befb40fd]>svg{width:20px;height:20px;fill:currentColor}.VPSocialLinks[data-v-49a7240e]{display:flex;justify-content:center}.VPNavBarExtra[data-v-bd04c8fa]{display:none;margin-right:-12px}@media (min-width: 768px){.VPNavBarExtra[data-v-bd04c8fa]{display:block}}@media (min-width: 1280px){.VPNavBarExtra[data-v-bd04c8fa]{display:none}}.trans-title[data-v-bd04c8fa]{padding:0 24px 0 12px;line-height:32px;font-size:14px;font-weight:700;color:var(--vp-c-text-1)}.item.appearance[data-v-bd04c8fa],.item.social-links[data-v-bd04c8fa]{display:flex;align-items:center;padding:0 12px}.item.appearance[data-v-bd04c8fa]{min-width:176px}.appearance-action[data-v-bd04c8fa]{margin-right:-2px}.social-links-list[data-v-bd04c8fa]{margin:-4px -8px}.VPNavBarHamburger[data-v-18f39b10]{display:flex;justify-content:center;align-items:center;width:48px;height:var(--vp-nav-height)}@media (min-width: 768px){.VPNavBarHamburger[data-v-18f39b10]{display:none}}.container[data-v-18f39b10]{position:relative;width:16px;height:14px;overflow:hidden}.VPNavBarHamburger:hover .top[data-v-18f39b10]{top:0;left:0;transform:translate(4px)}.VPNavBarHamburger:hover .middle[data-v-18f39b10]{top:6px;left:0;transform:translate(0)}.VPNavBarHamburger:hover .bottom[data-v-18f39b10]{top:12px;left:0;transform:translate(8px)}.VPNavBarHamburger.active .top[data-v-18f39b10]{top:6px;transform:translate(0) rotate(225deg)}.VPNavBarHamburger.active .middle[data-v-18f39b10]{top:6px;transform:translate(16px)}.VPNavBarHamburger.active .bottom[data-v-18f39b10]{top:6px;transform:translate(0) rotate(135deg)}.VPNavBarHamburger.active:hover .top[data-v-18f39b10],.VPNavBarHamburger.active:hover .middle[data-v-18f39b10],.VPNavBarHamburger.active:hover .bottom[data-v-18f39b10]{background-color:var(--vp-c-text-2);transition:top .25s,background-color .25s,transform .25s}.top[data-v-18f39b10],.middle[data-v-18f39b10],.bottom[data-v-18f39b10]{position:absolute;width:16px;height:2px;background-color:var(--vp-c-text-1);transition:top .25s,background-color .5s,transform .25s}.top[data-v-18f39b10]{top:0;left:0;transform:translate(0)}.middle[data-v-18f39b10]{top:6px;left:0;transform:translate(8px)}.bottom[data-v-18f39b10]{top:12px;left:0;transform:translate(4px)}.VPNavBarMenuLink[data-v-38f45577]{display:flex;align-items:center;padding:0 12px;line-height:var(--vp-nav-height);font-size:14px;font-weight:500;color:var(--vp-c-text-1);transition:color .25s}.VPNavBarMenuLink.active[data-v-38f45577],.VPNavBarMenuLink[data-v-38f45577]:hover{color:var(--vp-c-brand-1)}.VPNavBarMenu[data-v-d4947728]{display:none}@media (min-width: 768px){.VPNavBarMenu[data-v-d4947728]{display:flex}}/*! @docsearch/css 3.5.2 | MIT License | © Algolia, Inc. and contributors | https://docsearch.algolia.com */:root{--docsearch-primary-color:#5468ff;--docsearch-text-color:#1c1e21;--docsearch-spacing:12px;--docsearch-icon-stroke-width:1.4;--docsearch-highlight-color:var(--docsearch-primary-color);--docsearch-muted-color:#969faf;--docsearch-container-background:rgba(101,108,133,.8);--docsearch-logo-color:#5468ff;--docsearch-modal-width:560px;--docsearch-modal-height:600px;--docsearch-modal-background:#f5f6f7;--docsearch-modal-shadow:inset 1px 1px 0 0 hsla(0,0%,100%,.5),0 3px 8px 0 #555a64;--docsearch-searchbox-height:56px;--docsearch-searchbox-background:#ebedf0;--docsearch-searchbox-focus-background:#fff;--docsearch-searchbox-shadow:inset 0 0 0 2px var(--docsearch-primary-color);--docsearch-hit-height:56px;--docsearch-hit-color:#444950;--docsearch-hit-active-color:#fff;--docsearch-hit-background:#fff;--docsearch-hit-shadow:0 1px 3px 0 #d4d9e1;--docsearch-key-gradient:linear-gradient(-225deg,#d5dbe4,#f8f8f8);--docsearch-key-shadow:inset 0 -2px 0 0 #cdcde6,inset 0 0 1px 1px #fff,0 1px 2px 1px rgba(30,35,90,.4);--docsearch-footer-height:44px;--docsearch-footer-background:#fff;--docsearch-footer-shadow:0 -1px 0 0 #e0e3e8,0 -3px 6px 0 rgba(69,98,155,.12)}html[data-theme=dark]{--docsearch-text-color:#f5f6f7;--docsearch-container-background:rgba(9,10,17,.8);--docsearch-modal-background:#15172a;--docsearch-modal-shadow:inset 1px 1px 0 0 #2c2e40,0 3px 8px 0 #000309;--docsearch-searchbox-background:#090a11;--docsearch-searchbox-focus-background:#000;--docsearch-hit-color:#bec3c9;--docsearch-hit-shadow:none;--docsearch-hit-background:#090a11;--docsearch-key-gradient:linear-gradient(-26.5deg,#565872,#31355b);--docsearch-key-shadow:inset 0 -2px 0 0 #282d55,inset 0 0 1px 1px #51577d,0 2px 2px 0 rgba(3,4,9,.3);--docsearch-footer-background:#1e2136;--docsearch-footer-shadow:inset 0 1px 0 0 rgba(73,76,106,.5),0 -4px 8px 0 rgba(0,0,0,.2);--docsearch-logo-color:#fff;--docsearch-muted-color:#7f8497}.DocSearch-Button{align-items:center;background:var(--docsearch-searchbox-background);border:0;border-radius:40px;color:var(--docsearch-muted-color);cursor:pointer;display:flex;font-weight:500;height:36px;justify-content:space-between;margin:0 0 0 16px;padding:0 8px;-webkit-user-select:none;user-select:none}.DocSearch-Button:active,.DocSearch-Button:focus,.DocSearch-Button:hover{background:var(--docsearch-searchbox-focus-background);box-shadow:var(--docsearch-searchbox-shadow);color:var(--docsearch-text-color);outline:none}.DocSearch-Button-Container{align-items:center;display:flex}.DocSearch-Search-Icon{stroke-width:1.6}.DocSearch-Button .DocSearch-Search-Icon{color:var(--docsearch-text-color)}.DocSearch-Button-Placeholder{font-size:1rem;padding:0 12px 0 6px}.DocSearch-Button-Keys{display:flex;min-width:calc(40px + .8em)}.DocSearch-Button-Key{align-items:center;background:var(--docsearch-key-gradient);border-radius:3px;box-shadow:var(--docsearch-key-shadow);color:var(--docsearch-muted-color);display:flex;height:18px;justify-content:center;margin-right:.4em;position:relative;padding:0 0 2px;border:0;top:-1px;width:20px}@media (max-width:768px){.DocSearch-Button-Keys,.DocSearch-Button-Placeholder{display:none}}.DocSearch--active{overflow:hidden!important}.DocSearch-Container,.DocSearch-Container *{box-sizing:border-box}.DocSearch-Container{background-color:var(--docsearch-container-background);height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:200}.DocSearch-Container a{text-decoration:none}.DocSearch-Link{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;color:var(--docsearch-highlight-color);cursor:pointer;font:inherit;margin:0;padding:0}.DocSearch-Modal{background:var(--docsearch-modal-background);border-radius:6px;box-shadow:var(--docsearch-modal-shadow);flex-direction:column;margin:60px auto auto;max-width:var(--docsearch-modal-width);position:relative}.DocSearch-SearchBar{display:flex;padding:var(--docsearch-spacing) var(--docsearch-spacing) 0}.DocSearch-Form{align-items:center;background:var(--docsearch-searchbox-focus-background);border-radius:4px;box-shadow:var(--docsearch-searchbox-shadow);display:flex;height:var(--docsearch-searchbox-height);margin:0;padding:0 var(--docsearch-spacing);position:relative;width:100%}.DocSearch-Input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:var(--docsearch-text-color);flex:1;font:inherit;font-size:1.2em;height:100%;outline:none;padding:0 0 0 8px;width:80%}.DocSearch-Input::placeholder{color:var(--docsearch-muted-color);opacity:1}.DocSearch-Input::-webkit-search-cancel-button,.DocSearch-Input::-webkit-search-decoration,.DocSearch-Input::-webkit-search-results-button,.DocSearch-Input::-webkit-search-results-decoration{display:none}.DocSearch-LoadingIndicator,.DocSearch-MagnifierLabel,.DocSearch-Reset{margin:0;padding:0}.DocSearch-MagnifierLabel,.DocSearch-Reset{align-items:center;color:var(--docsearch-highlight-color);display:flex;justify-content:center}.DocSearch-Container--Stalled .DocSearch-MagnifierLabel,.DocSearch-LoadingIndicator{display:none}.DocSearch-Container--Stalled .DocSearch-LoadingIndicator{align-items:center;color:var(--docsearch-highlight-color);display:flex;justify-content:center}@media screen and (prefers-reduced-motion:reduce){.DocSearch-Reset{animation:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;border-radius:50%;color:var(--docsearch-icon-color);cursor:pointer;right:0;stroke-width:var(--docsearch-icon-stroke-width)}}.DocSearch-Reset{animation:fade-in .1s ease-in forwards;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;border-radius:50%;color:var(--docsearch-icon-color);cursor:pointer;padding:2px;right:0;stroke-width:var(--docsearch-icon-stroke-width)}.DocSearch-Reset[hidden]{display:none}.DocSearch-Reset:hover{color:var(--docsearch-highlight-color)}.DocSearch-LoadingIndicator svg,.DocSearch-MagnifierLabel svg{height:24px;width:24px}.DocSearch-Cancel{display:none}.DocSearch-Dropdown{max-height:calc(var(--docsearch-modal-height) - var(--docsearch-searchbox-height) - var(--docsearch-spacing) - var(--docsearch-footer-height));min-height:var(--docsearch-spacing);overflow-y:auto;overflow-y:overlay;padding:0 var(--docsearch-spacing);scrollbar-color:var(--docsearch-muted-color) var(--docsearch-modal-background);scrollbar-width:thin}.DocSearch-Dropdown::-webkit-scrollbar{width:12px}.DocSearch-Dropdown::-webkit-scrollbar-track{background:transparent}.DocSearch-Dropdown::-webkit-scrollbar-thumb{background-color:var(--docsearch-muted-color);border:3px solid var(--docsearch-modal-background);border-radius:20px}.DocSearch-Dropdown ul{list-style:none;margin:0;padding:0}.DocSearch-Label{font-size:.75em;line-height:1.6em}.DocSearch-Help,.DocSearch-Label{color:var(--docsearch-muted-color)}.DocSearch-Help{font-size:.9em;margin:0;-webkit-user-select:none;user-select:none}.DocSearch-Title{font-size:1.2em}.DocSearch-Logo a{display:flex}.DocSearch-Logo svg{color:var(--docsearch-logo-color);margin-left:8px}.DocSearch-Hits:last-of-type{margin-bottom:24px}.DocSearch-Hits mark{background:none;color:var(--docsearch-highlight-color)}.DocSearch-HitsFooter{color:var(--docsearch-muted-color);display:flex;font-size:.85em;justify-content:center;margin-bottom:var(--docsearch-spacing);padding:var(--docsearch-spacing)}.DocSearch-HitsFooter a{border-bottom:1px solid;color:inherit}.DocSearch-Hit{border-radius:4px;display:flex;padding-bottom:4px;position:relative}@media screen and (prefers-reduced-motion:reduce){.DocSearch-Hit--deleting{transition:none}}.DocSearch-Hit--deleting{opacity:0;transition:all .25s linear}@media screen and (prefers-reduced-motion:reduce){.DocSearch-Hit--favoriting{transition:none}}.DocSearch-Hit--favoriting{transform:scale(0);transform-origin:top center;transition:all .25s linear;transition-delay:.25s}.DocSearch-Hit a{background:var(--docsearch-hit-background);border-radius:4px;box-shadow:var(--docsearch-hit-shadow);display:block;padding-left:var(--docsearch-spacing);width:100%}.DocSearch-Hit-source{background:var(--docsearch-modal-background);color:var(--docsearch-highlight-color);font-size:.85em;font-weight:600;line-height:32px;margin:0 -4px;padding:8px 4px 0;position:sticky;top:0;z-index:10}.DocSearch-Hit-Tree{color:var(--docsearch-muted-color);height:var(--docsearch-hit-height);opacity:.5;stroke-width:var(--docsearch-icon-stroke-width);width:24px}.DocSearch-Hit[aria-selected=true] a{background-color:var(--docsearch-highlight-color)}.DocSearch-Hit[aria-selected=true] mark{text-decoration:underline}.DocSearch-Hit-Container{align-items:center;color:var(--docsearch-hit-color);display:flex;flex-direction:row;height:var(--docsearch-hit-height);padding:0 var(--docsearch-spacing) 0 0}.DocSearch-Hit-icon{height:20px;width:20px}.DocSearch-Hit-action,.DocSearch-Hit-icon{color:var(--docsearch-muted-color);stroke-width:var(--docsearch-icon-stroke-width)}.DocSearch-Hit-action{align-items:center;display:flex;height:22px;width:22px}.DocSearch-Hit-action svg{display:block;height:18px;width:18px}.DocSearch-Hit-action+.DocSearch-Hit-action{margin-left:6px}.DocSearch-Hit-action-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;border-radius:50%;color:inherit;cursor:pointer;padding:2px}svg.DocSearch-Hit-Select-Icon{display:none}.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-Select-Icon{display:block}.DocSearch-Hit-action-button:focus,.DocSearch-Hit-action-button:hover{background:rgba(0,0,0,.2);transition:background-color .1s ease-in}@media screen and (prefers-reduced-motion:reduce){.DocSearch-Hit-action-button:focus,.DocSearch-Hit-action-button:hover{transition:none}}.DocSearch-Hit-action-button:focus path,.DocSearch-Hit-action-button:hover path{fill:#fff}.DocSearch-Hit-content-wrapper{display:flex;flex:1 1 auto;flex-direction:column;font-weight:500;justify-content:center;line-height:1.2em;margin:0 8px;overflow-x:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap;width:80%}.DocSearch-Hit-title{font-size:.9em}.DocSearch-Hit-path{color:var(--docsearch-muted-color);font-size:.75em}.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-action,.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-icon,.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-path,.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-text,.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-title,.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-Tree,.DocSearch-Hit[aria-selected=true] mark{color:var(--docsearch-hit-active-color)!important}@media screen and (prefers-reduced-motion:reduce){.DocSearch-Hit-action-button:focus,.DocSearch-Hit-action-button:hover{background:rgba(0,0,0,.2);transition:none}}.DocSearch-ErrorScreen,.DocSearch-NoResults,.DocSearch-StartScreen{font-size:.9em;margin:0 auto;padding:36px 0;text-align:center;width:80%}.DocSearch-Screen-Icon{color:var(--docsearch-muted-color);padding-bottom:12px}.DocSearch-NoResults-Prefill-List{display:inline-block;padding-bottom:24px;text-align:left}.DocSearch-NoResults-Prefill-List ul{display:inline-block;padding:8px 0 0}.DocSearch-NoResults-Prefill-List li{list-style-position:inside;list-style-type:"» "}.DocSearch-Prefill{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;border-radius:1em;color:var(--docsearch-highlight-color);cursor:pointer;display:inline-block;font-size:1em;font-weight:700;padding:0}.DocSearch-Prefill:focus,.DocSearch-Prefill:hover{outline:none;text-decoration:underline}.DocSearch-Footer{align-items:center;background:var(--docsearch-footer-background);border-radius:0 0 8px 8px;box-shadow:var(--docsearch-footer-shadow);display:flex;flex-direction:row-reverse;flex-shrink:0;height:var(--docsearch-footer-height);justify-content:space-between;padding:0 var(--docsearch-spacing);position:relative;-webkit-user-select:none;user-select:none;width:100%;z-index:300}.DocSearch-Commands{color:var(--docsearch-muted-color);display:flex;list-style:none;margin:0;padding:0}.DocSearch-Commands li{align-items:center;display:flex}.DocSearch-Commands li:not(:last-of-type){margin-right:.8em}.DocSearch-Commands-Key{align-items:center;background:var(--docsearch-key-gradient);border-radius:2px;box-shadow:var(--docsearch-key-shadow);display:flex;height:18px;justify-content:center;margin-right:.4em;padding:0 0 1px;color:var(--docsearch-muted-color);border:0;width:20px}@media (max-width:768px){:root{--docsearch-spacing:10px;--docsearch-footer-height:40px}.DocSearch-Dropdown{height:100%}.DocSearch-Container{height:100vh;height:-webkit-fill-available;height:calc(var(--docsearch-vh, 1vh)*100);position:absolute}.DocSearch-Footer{border-radius:0;bottom:0;position:absolute}.DocSearch-Hit-content-wrapper{display:flex;position:relative;width:80%}.DocSearch-Modal{border-radius:0;box-shadow:none;height:100vh;height:-webkit-fill-available;height:calc(var(--docsearch-vh, 1vh)*100);margin:0;max-width:100%;width:100%}.DocSearch-Dropdown{max-height:calc(var(--docsearch-vh, 1vh)*100 - var(--docsearch-searchbox-height) - var(--docsearch-spacing) - var(--docsearch-footer-height))}.DocSearch-Cancel{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;color:var(--docsearch-highlight-color);cursor:pointer;display:inline-block;flex:none;font:inherit;font-size:1em;font-weight:500;margin-left:var(--docsearch-spacing);outline:none;overflow:hidden;padding:0;-webkit-user-select:none;user-select:none;white-space:nowrap}.DocSearch-Commands,.DocSearch-Hit-Tree{display:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}[class*=DocSearch]{--docsearch-primary-color: var(--vp-c-brand-1);--docsearch-highlight-color: var(--docsearch-primary-color);--docsearch-text-color: var(--vp-c-text-1);--docsearch-muted-color: var(--vp-c-text-2);--docsearch-searchbox-shadow: none;--docsearch-searchbox-background: transparent;--docsearch-searchbox-focus-background: transparent;--docsearch-key-gradient: transparent;--docsearch-key-shadow: none;--docsearch-modal-background: var(--vp-c-bg-soft);--docsearch-footer-background: var(--vp-c-bg)}.dark [class*=DocSearch]{--docsearch-modal-shadow: none;--docsearch-footer-shadow: none;--docsearch-logo-color: var(--vp-c-text-2);--docsearch-hit-background: var(--vp-c-default-soft);--docsearch-hit-color: var(--vp-c-text-2);--docsearch-hit-shadow: none}.DocSearch-Button{display:flex;justify-content:center;align-items:center;margin:0;padding:0;width:48px;height:55px;background:transparent;transition:border-color .25s}.DocSearch-Button:hover{background:transparent}.DocSearch-Button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}.DocSearch-Button:focus:not(:focus-visible){outline:none!important}@media (min-width: 768px){.DocSearch-Button{justify-content:flex-start;border:1px solid transparent;border-radius:8px;padding:0 10px 0 12px;width:100%;height:40px;background-color:var(--vp-c-bg-alt)}.DocSearch-Button:hover{border-color:var(--vp-c-brand-1);background:var(--vp-c-bg-alt)}}.DocSearch-Button .DocSearch-Button-Container{display:flex;align-items:center}.DocSearch-Button .DocSearch-Search-Icon{position:relative;width:16px;height:16px;color:var(--vp-c-text-1);fill:currentColor;transition:color .5s}.DocSearch-Button:hover .DocSearch-Search-Icon{color:var(--vp-c-text-1)}@media (min-width: 768px){.DocSearch-Button .DocSearch-Search-Icon{top:1px;margin-right:8px;width:14px;height:14px;color:var(--vp-c-text-2)}}.DocSearch-Button .DocSearch-Button-Placeholder{display:none;margin-top:2px;padding:0 16px 0 0;font-size:13px;font-weight:500;color:var(--vp-c-text-2);transition:color .5s}.DocSearch-Button:hover .DocSearch-Button-Placeholder{color:var(--vp-c-text-1)}@media (min-width: 768px){.DocSearch-Button .DocSearch-Button-Placeholder{display:inline-block}}.DocSearch-Button .DocSearch-Button-Keys{direction:ltr;display:none;min-width:auto}@media (min-width: 768px){.DocSearch-Button .DocSearch-Button-Keys{display:flex;align-items:center}}.DocSearch-Button .DocSearch-Button-Key{display:block;margin:2px 0 0;border:1px solid var(--vp-c-divider);border-right:none;border-radius:4px 0 0 4px;padding-left:6px;min-width:0;width:auto;height:22px;line-height:22px;font-family:var(--vp-font-family-base);font-size:12px;font-weight:500;transition:color .5s,border-color .5s}.DocSearch-Button .DocSearch-Button-Key+.DocSearch-Button-Key{border-right:1px solid var(--vp-c-divider);border-left:none;border-radius:0 4px 4px 0;padding-left:2px;padding-right:6px}.DocSearch-Button .DocSearch-Button-Key:first-child{font-size:0!important}.DocSearch-Button .DocSearch-Button-Key:first-child:after{content:"Ctrl";font-size:12px;letter-spacing:normal;color:var(--docsearch-muted-color)}.mac .DocSearch-Button .DocSearch-Button-Key:first-child:after{content:"⌘"}.DocSearch-Button .DocSearch-Button-Key:first-child>*{display:none}.VPNavBarSearch{display:flex;align-items:center}@media (min-width: 768px){.VPNavBarSearch{flex-grow:1;padding-left:24px}}@media (min-width: 960px){.VPNavBarSearch{padding-left:32px}}.dark .DocSearch-Footer{border-top:1px solid var(--vp-c-divider)}.DocSearch-Form{border:1px solid var(--vp-c-brand-1);background-color:var(--vp-c-white)}.dark .DocSearch-Form{background-color:var(--vp-c-default-soft)}.DocSearch-Screen-Icon>svg{margin:auto}.VPNavBarSocialLinks[data-v-dae1d10a]{display:none}@media (min-width: 1280px){.VPNavBarSocialLinks[data-v-dae1d10a]{display:flex;align-items:center}}.title[data-v-d985fb22]{display:flex;align-items:center;border-bottom:1px solid transparent;width:100%;height:var(--vp-nav-height);font-size:16px;font-weight:600;color:var(--vp-c-text-1);transition:opacity .25s}@media (min-width: 960px){.title[data-v-d985fb22]{flex-shrink:0}.VPNavBarTitle.has-sidebar .title[data-v-d985fb22]{border-bottom-color:var(--vp-c-divider)}}[data-v-d985fb22] .logo{margin-right:8px;height:var(--vp-nav-logo-height)}.VPNavBarTranslations[data-v-dfc1691e]{display:none}@media (min-width: 1280px){.VPNavBarTranslations[data-v-dfc1691e]{display:flex;align-items:center}}.title[data-v-dfc1691e]{padding:0 24px 0 12px;line-height:32px;font-size:14px;font-weight:700;color:var(--vp-c-text-1)}.VPNavBar[data-v-bc8b8441]{position:relative;border-bottom:1px solid transparent;padding:0 8px 0 24px;height:var(--vp-nav-height);pointer-events:none;white-space:nowrap}@media (min-width: 768px){.VPNavBar[data-v-bc8b8441]{padding:0 32px}}@media (min-width: 960px){.VPNavBar.has-sidebar[data-v-bc8b8441]{padding:0}.VPNavBar[data-v-bc8b8441]:not(.has-sidebar):not(.top){border-bottom-color:var(--vp-c-gutter);background-color:var(--vp-nav-bg-color)}}.container[data-v-bc8b8441]{display:flex;justify-content:space-between;margin:0 auto;max-width:calc(var(--vp-layout-max-width) - 64px);height:var(--vp-nav-height);pointer-events:none}.container>.title[data-v-bc8b8441],.container>.content[data-v-bc8b8441]{pointer-events:none}.container[data-v-bc8b8441] *{pointer-events:auto}@media (min-width: 960px){.VPNavBar.has-sidebar .container[data-v-bc8b8441]{max-width:100%}}.title[data-v-bc8b8441]{flex-shrink:0;height:calc(var(--vp-nav-height) - 1px);transition:background-color .5s}@media (min-width: 960px){.VPNavBar.has-sidebar .title[data-v-bc8b8441]{position:absolute;top:0;left:0;z-index:2;padding:0 32px;width:var(--vp-sidebar-width);height:var(--vp-nav-height);background-color:transparent}}@media (min-width: 1440px){.VPNavBar.has-sidebar .title[data-v-bc8b8441]{padding-left:max(32px,calc((100% - (var(--vp-layout-max-width) - 64px)) / 2));width:calc((100% - (var(--vp-layout-max-width) - 64px)) / 2 + var(--vp-sidebar-width) - 32px)}}.content[data-v-bc8b8441]{flex-grow:1}@media (min-width: 960px){.VPNavBar.has-sidebar .content[data-v-bc8b8441]{position:relative;z-index:1;padding-right:32px;padding-left:var(--vp-sidebar-width)}}@media (min-width: 1440px){.VPNavBar.has-sidebar .content[data-v-bc8b8441]{padding-right:calc((100vw - var(--vp-layout-max-width)) / 2 + 32px);padding-left:calc((100vw - var(--vp-layout-max-width)) / 2 + var(--vp-sidebar-width))}}.content-body[data-v-bc8b8441]{display:flex;justify-content:flex-end;align-items:center;height:calc(var(--vp-nav-height) - 1px);transition:background-color .5s}@media (min-width: 960px){.VPNavBar:not(.top) .content-body[data-v-bc8b8441]{position:relative;background-color:var(--vp-nav-bg-color)}}@media (max-width: 767px){.content-body[data-v-bc8b8441]{column-gap:.5rem}}.menu+.translations[data-v-bc8b8441]:before,.menu+.appearance[data-v-bc8b8441]:before,.menu+.social-links[data-v-bc8b8441]:before,.translations+.appearance[data-v-bc8b8441]:before,.appearance+.social-links[data-v-bc8b8441]:before{margin-right:8px;margin-left:8px;width:1px;height:24px;background-color:var(--vp-c-divider);content:""}.menu+.appearance[data-v-bc8b8441]:before,.translations+.appearance[data-v-bc8b8441]:before{margin-right:16px}.appearance+.social-links[data-v-bc8b8441]:before{margin-left:16px}.social-links[data-v-bc8b8441]{margin-right:-8px}@media (min-width: 960px){.VPNavBar.has-sidebar .curtain[data-v-bc8b8441]{position:absolute;right:0;bottom:-31px;width:calc(100% - var(--vp-sidebar-width));height:32px}.VPNavBar.has-sidebar .curtain[data-v-bc8b8441]:before{display:block;width:100%;height:32px;background:linear-gradient(var(--vp-c-bg),transparent 70%);content:""}}@media (min-width: 1440px){.VPNavBar.has-sidebar .curtain[data-v-bc8b8441]{width:calc(100% - ((100vw - var(--vp-layout-max-width)) / 2 + var(--vp-sidebar-width)))}}.VPNavScreenAppearance[data-v-6c9f9de6]{display:flex;justify-content:space-between;align-items:center;border-radius:8px;padding:12px 14px 12px 16px;background-color:var(--vp-c-bg-soft)}.text[data-v-6c9f9de6]{line-height:24px;font-size:12px;font-weight:500;color:var(--vp-c-text-2)}.VPNavScreenMenuLink[data-v-801b0499]{display:block;border-bottom:1px solid var(--vp-c-divider);padding:12px 0 11px;line-height:24px;font-size:14px;font-weight:500;color:var(--vp-c-text-1);transition:border-color .25s,color .25s}.VPNavScreenMenuLink[data-v-801b0499]:hover{color:var(--vp-c-brand-1)}.VPNavScreenMenuGroupLink[data-v-f16e0aea]{display:block;margin-left:12px;line-height:32px;font-size:14px;font-weight:400;color:var(--vp-c-text-1);transition:color .25s}.VPNavScreenMenuGroupLink[data-v-f16e0aea]:hover{color:var(--vp-c-brand-1)}.VPNavScreenMenuGroupSection[data-v-5dc7eab6]{display:block}.title[data-v-5dc7eab6]{line-height:32px;font-size:13px;font-weight:700;color:var(--vp-c-text-2);transition:color .25s}.VPNavScreenMenuGroup[data-v-4f81e977]{border-bottom:1px solid var(--vp-c-divider);height:48px;overflow:hidden;transition:border-color .5s}.VPNavScreenMenuGroup .items[data-v-4f81e977]{visibility:hidden}.VPNavScreenMenuGroup.open .items[data-v-4f81e977]{visibility:visible}.VPNavScreenMenuGroup.open[data-v-4f81e977]{padding-bottom:10px;height:auto}.VPNavScreenMenuGroup.open .button[data-v-4f81e977]{padding-bottom:6px;color:var(--vp-c-brand-1)}.VPNavScreenMenuGroup.open .button-icon[data-v-4f81e977]{transform:rotate(45deg)}.button[data-v-4f81e977]{display:flex;justify-content:space-between;align-items:center;padding:12px 4px 11px 0;width:100%;line-height:24px;font-size:14px;font-weight:500;color:var(--vp-c-text-1);transition:color .25s}.button[data-v-4f81e977]:hover{color:var(--vp-c-brand-1)}.button-icon[data-v-4f81e977]{width:14px;height:14px;fill:var(--vp-c-text-2);transition:fill .5s,transform .25s}.group[data-v-4f81e977]:first-child{padding-top:0}.group+.group[data-v-4f81e977],.group+.item[data-v-4f81e977]{padding-top:4px}.VPNavScreenTranslations[data-v-121e65ee]{height:24px;overflow:hidden}.VPNavScreenTranslations.open[data-v-121e65ee]{height:auto}.title[data-v-121e65ee]{display:flex;align-items:center;font-size:14px;font-weight:500;color:var(--vp-c-text-1)}.icon[data-v-121e65ee]{width:16px;height:16px;fill:currentColor}.icon.lang[data-v-121e65ee]{margin-right:8px}.icon.chevron[data-v-121e65ee]{margin-left:4px}.list[data-v-121e65ee]{padding:4px 0 0 24px}.link[data-v-121e65ee]{line-height:32px;font-size:13px;color:var(--vp-c-text-1)}.VPNavScreen[data-v-4fa1f62a]{position:fixed;top:calc(var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + 1px);right:0;bottom:0;left:0;padding:0 32px;width:100%;background-color:var(--vp-nav-screen-bg-color);overflow-y:auto;transition:background-color .5s;pointer-events:auto}.VPNavScreen.fade-enter-active[data-v-4fa1f62a],.VPNavScreen.fade-leave-active[data-v-4fa1f62a]{transition:opacity .25s}.VPNavScreen.fade-enter-active .container[data-v-4fa1f62a],.VPNavScreen.fade-leave-active .container[data-v-4fa1f62a]{transition:transform .25s ease}.VPNavScreen.fade-enter-from[data-v-4fa1f62a],.VPNavScreen.fade-leave-to[data-v-4fa1f62a]{opacity:0}.VPNavScreen.fade-enter-from .container[data-v-4fa1f62a],.VPNavScreen.fade-leave-to .container[data-v-4fa1f62a]{transform:translateY(-8px)}@media (min-width: 768px){.VPNavScreen[data-v-4fa1f62a]{display:none}}.container[data-v-4fa1f62a]{margin:0 auto;padding:24px 0 96px;max-width:288px}.menu+.translations[data-v-4fa1f62a],.menu+.appearance[data-v-4fa1f62a],.translations+.appearance[data-v-4fa1f62a]{margin-top:24px}.menu+.social-links[data-v-4fa1f62a]{margin-top:16px}.appearance+.social-links[data-v-4fa1f62a]{margin-top:16px}.VPNav[data-v-0fe2fa35]{position:relative;top:var(--vp-layout-top-height, 0px);left:0;z-index:var(--vp-z-index-nav);width:100%;pointer-events:none;transition:background-color .5s}@media (min-width: 960px){.VPNav[data-v-0fe2fa35]{position:fixed}}.VPSidebarItem.level-0[data-v-836ecf2d]{padding-bottom:24px}.VPSidebarItem.collapsed.level-0[data-v-836ecf2d]{padding-bottom:10px}.item[data-v-836ecf2d]{position:relative;display:flex;width:100%}.VPSidebarItem.collapsible>.item[data-v-836ecf2d]{cursor:pointer}.indicator[data-v-836ecf2d]{position:absolute;top:6px;bottom:6px;left:-17px;width:2px;border-radius:2px;transition:background-color .25s}.VPSidebarItem.level-2.is-active>.item>.indicator[data-v-836ecf2d],.VPSidebarItem.level-3.is-active>.item>.indicator[data-v-836ecf2d],.VPSidebarItem.level-4.is-active>.item>.indicator[data-v-836ecf2d],.VPSidebarItem.level-5.is-active>.item>.indicator[data-v-836ecf2d]{background-color:var(--vp-c-brand-1)}.link[data-v-836ecf2d]{display:flex;align-items:center;flex-grow:1}.text[data-v-836ecf2d]{flex-grow:1;padding:4px 0;line-height:24px;font-size:14px;transition:color .25s}.VPSidebarItem.level-0 .text[data-v-836ecf2d]{font-weight:700;color:var(--vp-c-text-1)}.VPSidebarItem.level-1 .text[data-v-836ecf2d],.VPSidebarItem.level-2 .text[data-v-836ecf2d],.VPSidebarItem.level-3 .text[data-v-836ecf2d],.VPSidebarItem.level-4 .text[data-v-836ecf2d],.VPSidebarItem.level-5 .text[data-v-836ecf2d]{font-weight:500;color:var(--vp-c-text-2)}.VPSidebarItem.level-0.is-link>.item>.link:hover .text[data-v-836ecf2d],.VPSidebarItem.level-1.is-link>.item>.link:hover .text[data-v-836ecf2d],.VPSidebarItem.level-2.is-link>.item>.link:hover .text[data-v-836ecf2d],.VPSidebarItem.level-3.is-link>.item>.link:hover .text[data-v-836ecf2d],.VPSidebarItem.level-4.is-link>.item>.link:hover .text[data-v-836ecf2d],.VPSidebarItem.level-5.is-link>.item>.link:hover .text[data-v-836ecf2d]{color:var(--vp-c-brand-1)}.VPSidebarItem.level-0.has-active>.item>.text[data-v-836ecf2d],.VPSidebarItem.level-1.has-active>.item>.text[data-v-836ecf2d],.VPSidebarItem.level-2.has-active>.item>.text[data-v-836ecf2d],.VPSidebarItem.level-3.has-active>.item>.text[data-v-836ecf2d],.VPSidebarItem.level-4.has-active>.item>.text[data-v-836ecf2d],.VPSidebarItem.level-5.has-active>.item>.text[data-v-836ecf2d],.VPSidebarItem.level-0.has-active>.item>.link>.text[data-v-836ecf2d],.VPSidebarItem.level-1.has-active>.item>.link>.text[data-v-836ecf2d],.VPSidebarItem.level-2.has-active>.item>.link>.text[data-v-836ecf2d],.VPSidebarItem.level-3.has-active>.item>.link>.text[data-v-836ecf2d],.VPSidebarItem.level-4.has-active>.item>.link>.text[data-v-836ecf2d],.VPSidebarItem.level-5.has-active>.item>.link>.text[data-v-836ecf2d]{color:var(--vp-c-text-1)}.VPSidebarItem.level-0.is-active>.item .link>.text[data-v-836ecf2d],.VPSidebarItem.level-1.is-active>.item .link>.text[data-v-836ecf2d],.VPSidebarItem.level-2.is-active>.item .link>.text[data-v-836ecf2d],.VPSidebarItem.level-3.is-active>.item .link>.text[data-v-836ecf2d],.VPSidebarItem.level-4.is-active>.item .link>.text[data-v-836ecf2d],.VPSidebarItem.level-5.is-active>.item .link>.text[data-v-836ecf2d]{color:var(--vp-c-brand-1)}.caret[data-v-836ecf2d]{display:flex;justify-content:center;align-items:center;margin-right:-7px;width:32px;height:32px;color:var(--vp-c-text-3);cursor:pointer;transition:color .25s;flex-shrink:0}.item:hover .caret[data-v-836ecf2d]{color:var(--vp-c-text-2)}.item:hover .caret[data-v-836ecf2d]:hover{color:var(--vp-c-text-1)}.caret-icon[data-v-836ecf2d]{width:18px;height:18px;fill:currentColor;transform:rotate(90deg);transition:transform .25s}.VPSidebarItem.collapsed .caret-icon[data-v-836ecf2d]{transform:rotate(0)}.VPSidebarItem.level-1 .items[data-v-836ecf2d],.VPSidebarItem.level-2 .items[data-v-836ecf2d],.VPSidebarItem.level-3 .items[data-v-836ecf2d],.VPSidebarItem.level-4 .items[data-v-836ecf2d],.VPSidebarItem.level-5 .items[data-v-836ecf2d]{border-left:1px solid var(--vp-c-divider);padding-left:16px}.VPSidebarItem.collapsed .items[data-v-836ecf2d]{display:none}.VPSidebar[data-v-094af766]{position:fixed;top:var(--vp-layout-top-height, 0px);bottom:0;left:0;z-index:var(--vp-z-index-sidebar);padding:32px 32px 96px;width:calc(100vw - 64px);max-width:320px;background-color:var(--vp-sidebar-bg-color);opacity:0;box-shadow:var(--vp-c-shadow-3);overflow-x:hidden;overflow-y:auto;transform:translate(-100%);transition:opacity .5s,transform .25s ease;overscroll-behavior:contain}.VPSidebar.open[data-v-094af766]{opacity:1;visibility:visible;transform:translate(0);transition:opacity .25s,transform .5s cubic-bezier(.19,1,.22,1)}.dark .VPSidebar[data-v-094af766]{box-shadow:var(--vp-shadow-1)}@media (min-width: 960px){.VPSidebar[data-v-094af766]{z-index:1;padding-top:var(--vp-nav-height);width:var(--vp-sidebar-width);max-width:100%;background-color:var(--vp-sidebar-bg-color);opacity:1;visibility:visible;box-shadow:none;transform:translate(0)}}@media (min-width: 1440px){.VPSidebar[data-v-094af766]{padding-left:max(32px,calc((100% - (var(--vp-layout-max-width) - 64px)) / 2));width:calc((100% - (var(--vp-layout-max-width) - 64px)) / 2 + var(--vp-sidebar-width) - 32px)}}@media (min-width: 960px){.curtain[data-v-094af766]{position:sticky;top:-64px;left:0;z-index:1;margin-top:calc(var(--vp-nav-height) * -1);margin-right:-32px;margin-left:-32px;height:var(--vp-nav-height);background-color:var(--vp-sidebar-bg-color)}}.nav[data-v-094af766]{outline:0}.group+.group[data-v-094af766]{border-top:1px solid var(--vp-c-divider);padding-top:10px}@media (min-width: 960px){.group[data-v-094af766]{padding-top:10px;width:calc(var(--vp-sidebar-width) - 64px)}}.VPSkipLink[data-v-de803f1d]{top:8px;left:8px;padding:8px 16px;z-index:999;border-radius:8px;font-size:12px;font-weight:700;text-decoration:none;color:var(--vp-c-brand-1);box-shadow:var(--vp-shadow-3);background-color:var(--vp-c-bg)}.VPSkipLink[data-v-de803f1d]:focus{height:auto;width:auto;clip:auto;clip-path:none}@media (min-width: 1280px){.VPSkipLink[data-v-de803f1d]{top:14px;left:16px}}.Layout[data-v-b3aad1ce]{display:flex;flex-direction:column;min-height:100vh}.VPHomeSponsors[data-v-e557d802]{border-top:1px solid var(--vp-c-gutter);padding:88px 24px 96px;background-color:var(--vp-c-bg)}.container[data-v-e557d802]{margin:0 auto;max-width:1152px}.love[data-v-e557d802]{margin:0 auto;width:28px;height:28px;color:var(--vp-c-text-3)}.icon[data-v-e557d802]{width:28px;height:28px;fill:currentColor}.message[data-v-e557d802]{margin:0 auto;padding-top:10px;max-width:320px;text-align:center;line-height:24px;font-size:16px;font-weight:500;color:var(--vp-c-text-2)}.sponsors[data-v-e557d802]{padding-top:32px}.action[data-v-e557d802]{padding-top:40px;text-align:center}.VPTeamPage[data-v-64c3167b]{padding-bottom:96px}@media (min-width: 768px){.VPTeamPage[data-v-64c3167b]{padding-bottom:128px}}.VPTeamPageSection+.VPTeamPageSection[data-v-64c3167b-s],.VPTeamMembers+.VPTeamPageSection[data-v-64c3167b-s]{margin-top:64px}.VPTeamMembers+.VPTeamMembers[data-v-64c3167b-s]{margin-top:24px}@media (min-width: 768px){.VPTeamPageTitle+.VPTeamPageSection[data-v-64c3167b-s]{margin-top:16px}.VPTeamPageSection+.VPTeamPageSection[data-v-64c3167b-s],.VPTeamMembers+.VPTeamPageSection[data-v-64c3167b-s]{margin-top:96px}}.VPTeamMembers[data-v-64c3167b-s]{padding:0 24px}@media (min-width: 768px){.VPTeamMembers[data-v-64c3167b-s]{padding:0 48px}}@media (min-width: 960px){.VPTeamMembers[data-v-64c3167b-s]{padding:0 64px}}.VPTeamPageTitle[data-v-dcb6ab11]{padding:48px 32px;text-align:center}@media (min-width: 768px){.VPTeamPageTitle[data-v-dcb6ab11]{padding:64px 48px 48px}}@media (min-width: 960px){.VPTeamPageTitle[data-v-dcb6ab11]{padding:80px 64px 48px}}.title[data-v-dcb6ab11]{letter-spacing:0;line-height:44px;font-size:36px;font-weight:500}@media (min-width: 768px){.title[data-v-dcb6ab11]{letter-spacing:-.5px;line-height:56px;font-size:48px}}.lead[data-v-dcb6ab11]{margin:0 auto;max-width:512px;padding-top:12px;line-height:24px;font-size:16px;font-weight:500;color:var(--vp-c-text-2)}@media (min-width: 768px){.lead[data-v-dcb6ab11]{max-width:592px;letter-spacing:.15px;line-height:28px;font-size:20px}}.VPTeamPageSection[data-v-68b01261]{padding:0 32px}@media (min-width: 768px){.VPTeamPageSection[data-v-68b01261]{padding:0 48px}}@media (min-width: 960px){.VPTeamPageSection[data-v-68b01261]{padding:0 64px}}.title[data-v-68b01261]{position:relative;margin:0 auto;max-width:1152px;text-align:center;color:var(--vp-c-text-2)}.title-line[data-v-68b01261]{position:absolute;top:16px;left:0;width:100%;height:1px;background-color:var(--vp-c-divider)}.title-text[data-v-68b01261]{position:relative;display:inline-block;padding:0 24px;letter-spacing:0;line-height:32px;font-size:20px;font-weight:500;background-color:var(--vp-c-bg)}.lead[data-v-68b01261]{margin:0 auto;max-width:480px;padding-top:12px;text-align:center;line-height:24px;font-size:16px;font-weight:500;color:var(--vp-c-text-2)}.members[data-v-68b01261]{padding-top:40px}.VPTeamMembersItem[data-v-3b92bc8b]{display:flex;flex-direction:column;gap:2px;border-radius:12px;width:100%;height:100%;overflow:hidden}.VPTeamMembersItem.small .profile[data-v-3b92bc8b]{padding:32px}.VPTeamMembersItem.small .data[data-v-3b92bc8b]{padding-top:20px}.VPTeamMembersItem.small .avatar[data-v-3b92bc8b]{width:64px;height:64px}.VPTeamMembersItem.small .name[data-v-3b92bc8b]{line-height:24px;font-size:16px}.VPTeamMembersItem.small .affiliation[data-v-3b92bc8b]{padding-top:4px;line-height:20px;font-size:14px}.VPTeamMembersItem.small .desc[data-v-3b92bc8b]{padding-top:12px;line-height:20px;font-size:14px}.VPTeamMembersItem.small .links[data-v-3b92bc8b]{margin:0 -16px -20px;padding:10px 0 0}.VPTeamMembersItem.medium .profile[data-v-3b92bc8b]{padding:48px 32px}.VPTeamMembersItem.medium .data[data-v-3b92bc8b]{padding-top:24px;text-align:center}.VPTeamMembersItem.medium .avatar[data-v-3b92bc8b]{width:96px;height:96px}.VPTeamMembersItem.medium .name[data-v-3b92bc8b]{letter-spacing:.15px;line-height:28px;font-size:20px}.VPTeamMembersItem.medium .affiliation[data-v-3b92bc8b]{padding-top:4px;font-size:16px}.VPTeamMembersItem.medium .desc[data-v-3b92bc8b]{padding-top:16px;max-width:288px;font-size:16px}.VPTeamMembersItem.medium .links[data-v-3b92bc8b]{margin:0 -16px -12px;padding:16px 12px 0}.profile[data-v-3b92bc8b]{flex-grow:1;background-color:var(--vp-c-bg-soft)}.data[data-v-3b92bc8b]{text-align:center}.avatar[data-v-3b92bc8b]{position:relative;flex-shrink:0;margin:0 auto;border-radius:50%;box-shadow:var(--vp-shadow-3)}.avatar-img[data-v-3b92bc8b]{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;object-fit:cover}.name[data-v-3b92bc8b]{margin:0;font-weight:600}.affiliation[data-v-3b92bc8b]{margin:0;font-weight:500;color:var(--vp-c-text-2)}.org.link[data-v-3b92bc8b]{color:var(--vp-c-text-2);transition:color .25s}.org.link[data-v-3b92bc8b]:hover{color:var(--vp-c-brand-1)}.desc[data-v-3b92bc8b]{margin:0 auto}.desc[data-v-3b92bc8b] a{font-weight:500;color:var(--vp-c-brand-1);text-decoration-style:dotted;transition:color .25s}.links[data-v-3b92bc8b]{display:flex;justify-content:center;height:56px}.sp-link[data-v-3b92bc8b]{display:flex;justify-content:center;align-items:center;text-align:center;padding:16px;font-size:14px;font-weight:500;color:var(--vp-c-sponsor);background-color:var(--vp-c-bg-soft);transition:color .25s,background-color .25s}.sp .sp-link.link[data-v-3b92bc8b]:hover,.sp .sp-link.link[data-v-3b92bc8b]:focus{outline:none;color:var(--vp-c-white);background-color:var(--vp-c-sponsor)}.sp-icon[data-v-3b92bc8b]{margin-right:8px;width:16px;height:16px;fill:currentColor}.VPTeamMembers.small .container[data-v-cc235967]{grid-template-columns:repeat(auto-fit,minmax(224px,1fr))}.VPTeamMembers.small.count-1 .container[data-v-cc235967]{max-width:276px}.VPTeamMembers.small.count-2 .container[data-v-cc235967]{max-width:576px}.VPTeamMembers.small.count-3 .container[data-v-cc235967]{max-width:876px}.VPTeamMembers.medium .container[data-v-cc235967]{grid-template-columns:repeat(auto-fit,minmax(256px,1fr))}@media (min-width: 375px){.VPTeamMembers.medium .container[data-v-cc235967]{grid-template-columns:repeat(auto-fit,minmax(288px,1fr))}}.VPTeamMembers.medium.count-1 .container[data-v-cc235967]{max-width:368px}.VPTeamMembers.medium.count-2 .container[data-v-cc235967]{max-width:760px}.container[data-v-cc235967]{display:grid;gap:24px;margin:0 auto;max-width:1152px}.dark .bounds-image{width:60%;background:var(--vp-c-text-1)}[data-v-74ae3dcb] img{max-width:none}[data-v-74ae3dcb] h2{margin:0;border-top:none;padding-top:0;letter-spacing:initial;line-height:initial}.dark .BMapLabel{color:#333}:root{--prism-scheme: light;--prism-foreground: #6e6e6e;--prism-background: #f4f4f4;--prism-comment: #a8a8a8;--prism-string: #555555;--prism-literal: #333333;--prism-keyword: #000000;--prism-function: #4f4f4f;--prism-deleted: #333333;--prism-class: #333333;--prism-builtin: #757575;--prism-property: #333333;--prism-namespace: #4f4f4f;--prism-punctuation: #ababab;--prism-decorator: var(--prism-class);--prism-operator: var(--prism-punctuation);--prism-number: var(--prism-literal);--prism-boolean: var(--prism-literal);--prism-variable: var(--prism-literal);--prism-constant: var(--prism-literal);--prism-symbol: var(--prism-literal);--prism-interpolation: var(--prism-literal);--prism-selector: var(--prism-keyword);--prism-keyword-control: var(--prism-keyword);--prism-regex: var(--prism-string);--prism-json-property: var(--prism-property);--prism-inline-background: var(--prism-background);--prism-comment-style: italic;--prism-url-decoration: underline;--prism-line-number: #a5a5a5;--prism-line-number-gutter: #333333;--prism-line-highlight-background: #eeeeee;--prism-selection-background: #dddddd;--prism-marker-color: var(--prism-foreground);--prism-marker-opacity: .4;--prism-marker-font-size: .8em;--prism-font-size: 1em;--prism-line-height: 1.5em;--prism-font-family: monospace;--prism-inline-font-size: var(--prism-font-size);--prism-block-font-size: var(--prism-font-size);--prism-tab-size: 2;--prism-block-padding-x: 1em;--prism-block-padding-y: 1em;--prism-block-margin-x: 0;--prism-block-margin-y: .5em;--prism-block-radius: .3em;--prism-inline-padding-x: .3em;--prism-inline-padding-y: .1em;--prism-inline-radius: .3em}div[class*=language-],pre[class*=language-],code[class*=language-]{font-size:var(--prism-font-size);font-family:var(--prism-font-family);direction:ltr;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;line-height:var(--prism-line-height);-moz-tab-size:var(--prism-tab-size);-o-tab-size:var(--prism-tab-size);tab-size:var(--prism-tab-size);-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;color:var(--prism-foreground)!important}div[class*=language-],pre[class*=language-]{font-size:var(--prism-block-font-size);padding:var(--prism-block-padding-y) var(--prism-block-padding-x);margin:var(--prism-block-margin-y) var(--prism-block-margin-x);border-radius:var(--prism-block-radius);overflow:auto;background:var(--prism-background)}:not(pre)>code[class*=language-]{font-size:var(--prism-inline-font-size);padding:var(--prism-inline-padding-y) var(--prism-inline-padding-x);border-radius:var(--prism-inline-radius);background:var(--prism-inline-background)}pre[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,code[class*=language-] ::-moz-selection{background:var(--prism-selection-background)}pre[class*=language-]::selection,pre[class*=language-] ::selection,code[class*=language-]::selection,code[class*=language-] ::selection{background:var(--prism-selection-background)}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:var(--prism-comment);font-style:var(--prism-comment-style)}.token.namespace{color:var(--prism-namespace)}.token.interpolation{color:var(--prism-interpolation)}.token.string{color:var(--prism-string)}.token.punctuation{color:var(--prism-punctuation)}.token.operator{color:var(--prism-operator)}.token.keyword.module,.token.keyword.control-flow{color:var(--prism-keyword-control)}.token.url,.token.symbol,.token.inserted{color:var(--prism-symbol)}.token.constant{color:var(--prism-constant)}.token.string.url{text-decoration:var(--prism-url-decoration)}.token.boolean,.language-json .token.boolean{color:var(--prism-boolean)}.token.number,.language-json .token.number{color:var(--prism-number)}.token.variable{color:var(--prism-variable)}.token.keyword{color:var(--prism-keyword)}.token.atrule,.token.attr-value,.token.selector{color:var(--prism-selector)}.token.function{color:var(--prism-function)}.token.deleted{color:var(--prism-deleted)}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.class-name{color:var(--prism-class)}.token.tag,.token.builtin{color:var(--prism-builtin)}.token.attr-name,.token.property,.token.entity{color:var(--prism-property)}.language-json .token.property{color:var(--prism-json-property)}.token.regex{color:var(--prism-regex)}.token.decorator,.token.annotation{color:var(--prism-decorator)}.line-numbers .line-numbers-rows{border-right-color:var(--prism-line-number)}.line-numbers-rows>span:before{color:var(--prism-line-number-gutter)}.line-highlight{background:var(--prism-line-highlight-background)}[class*=language-]:before{position:absolute;top:.4em;right:.8em;z-index:2;opacity:var(--prism-marker-opacity);font-size:var(--prism-marker-font-size);color:var(--prism-marker-color)}[class~=language-html]:before,[class~=language-markup]:before{content:"html"}[class~=language-md]:before,[class~=language-markdown]:before{content:"md"}[class~=language-css]:before{content:"css"}[class~=language-sass]:before{content:"sass"}[class~=language-scss]:before{content:"scss"}[class~=language-less]:before{content:"less"}[class~=language-stylus]:before{content:"styl"}[class~=language-js]:before,[class~=language-typescript]:before{content:"js"}[class~=language-ts]:before,[class~=language-typescript]:before{content:"ts"}[class~=language-json]:before{content:"json"}[class~=language-rb]:before,[class~=language-ruby]:before{content:"rb"}[class~=language-py]:before,[class~=language-python]:before{content:"py"}[class~=language-sh]:before,[class~=language-bash]:before{content:"sh"}[class~=language-php]:before{content:"php"}[class~=language-go]:before{content:"go"}[class~=language-rust]:before{content:"rust"}[class~=language-java]:before{content:"java"}[class~=language-c]:before{content:"c"}[class~=language-yaml]:before{content:"yaml"}[class~=language-vue]:before{content:"vue"}[class~=language-dockerfile]:before{content:"dockerfile"}@property --gradient-angle{syntax: ""; initial-value: 360deg; inherits: false;}.VPFeature,.VPTeamMembersItem,.CardAnimation{border:1px solid transparent!important;position:relative!important;border-radius:12px!important;overflow:visible!important}.VPFeature>*,.VPTeamMembersItem>*,.CardAnimation>*{position:relative;z-index:10;background-color:unset!important}.VPFeature:after,.VPTeamMembersItem:after,.CardAnimation:after,.VPFeature:before,.VPTeamMembersItem:before,.CardAnimation:before{content:"";display:inline-block;position:absolute;width:100%;height:100%;top:0;left:0;border-radius:12px}.VPFeature:after,.VPTeamMembersItem:after,.CardAnimation:after{transform:translate(-1px,-1px);z-index:1;width:calc(100% + 2px);height:calc(100% + 2px);opacity:0;transition:all .3s linear}.VPFeature.appear:after,.VPTeamMembersItem.appear:after,.CardAnimation.appear:after,.VPFeature:hover:after,.VPTeamMembersItem:hover:after,.CardAnimation:hover:after{opacity:1;animation:gradient-rotate 5s linear infinite reverse}.VPFeature:before,.VPTeamMembersItem:before,.CardAnimation:before{z-index:2;background-color:var(--vp-c-bg-soft)}.dark .VPFeature:after,.dark .VPTeamMembersItem:after,.dark .CardAnimation:after{background:linear-gradient(1turn,hsla(0,0%,100%,.5),hsla(0,0%,100%,.1),#fff,hsla(0,0%,100%,.3))!important;background:linear-gradient(var(--gradient-angle),rgba(96,137,241,.45),hsla(0,0%,100%,.1),#fff,rgba(66,211,146,.3))!important}.VPFeature:after,.VPTeamMembersItem:after,.CardAnimation:after{background:linear-gradient(1turn,rgba(66,211,146,.3),var(--vp-button-alt-border),rgba(96,137,241,.45),rgba(29,224,177,.3));background:linear-gradient(var(--gradient-angle),rgba(66,211,146,.3),var(--vp-button-alt-border),rgba(96,137,241,.45),rgba(29,224,177,.3))}@media (prefers-reduced-motion: reduce){.VPFeature:after,.VPTeamMembersItem:after,.CardAnimation:after{animation:none!important}}@keyframes gradient-rotate{0%{--gradient-angle: 360deg}to{--gradient-angle: 0deg}}[class*=language-]:before{content:""!important}div[class*=language-]{padding:0!important}[class~=language-vue]{padding:var(--prism-block-padding-y) var(--prism-block-padding-x)!important}[class~=language-vue]:before{content:"vue"!important}span[class~=language-css]:before{content:""}span[class~=language-css] .token.property{color:#b2ccd6}:root{--prism-marker-opacity: .6;--prism-marker-color: var(--code-text-color);--prism-line-height: var(--code-line-height)}:root{--prism-scheme: dark;--prism-foreground: #a6accd;--prism-background: #181818;--prism-selector: #c3e88d;--prism-comment: #758575;--prism-string: #c3e88d;--prism-literal: #429988;--prism-keyword: #bf8ce0;--prism-boolean: #6394bf;--prism-number: #6394bf;--prism-variable: #c2b36e;--prism-function: #82aaff;--prism-deleted: #bc6066;--prism-class: #54b1bf;--prism-builtin: #f07178;--prism-property: #C792EA;--prism-namespace: #db889a;--prism-punctuation: #89ddff;--prism-decorator: #bd8f8f;--prism-regex: #ab5e3f;--prism-json-property: #6b8b9e;--prism-line-number: #888888;--prism-line-number-gutter: #eeeeee;--prism-line-highlight-background: #444444;--prism-selection-background: #444444;--prism-inline-background: #2d2d2d}.token.selector{color:#ffcb6b}code{margin:0;border-radius:4px;padding:.15rem .5rem}pre code{background-color:transparent}code .token.deleted{color:#ec5975}code .token.inserted{color:var(--c-brand)}div[class*=language-]{position:relative;margin:1rem -1.5rem;background-color:var(--vp-code-block-bg);overflow-x:auto}li>div[class*=language-]{border-radius:6px 0 0 6px;margin:1rem -1.5rem 1rem -1.25rem}@media (min-width: 420px){div[class*=language-]{margin:1rem 0;border-radius:6px}li>div[class*=language-]{margin:1rem 0;border-radius:6px}}[class*=language-] pre,[class*=language-] code{color:var(--prism-foreground)!important;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;-moz-tab-size:2;tab-size:2;-webkit-hyphens:none;hyphens:none}[class*=language-] pre{position:relative;z-index:1;margin:0;padding:.25rem;background:transparent;overflow-x:auto}[class*=language-] code{padding:0}.highlight-lines{position:absolute;top:0;bottom:0;left:0;padding:1.25rem 0;width:100%;-webkit-user-select:none;user-select:none;overflow:hidden}.highlight-lines .highlighted{background-color:#000000a8}div[class*=language-].line-numbers-mode{padding-left:3.5rem}.line-numbers-wrapper{position:absolute;top:0;bottom:0;left:0;z-index:3;padding:1.25rem 0;width:3.5rem;text-align:center;color:#888}.VPContent.is-home,.example-showcase{background-color:var(--vp-c-bg);background-image:radial-gradient(circle,var(--vp-c-divider) 1px,transparent 1px);background-size:1rem 1rem}:root{--vp-layout-max-width: 1620px;--vp-home-hero-image-background-image: -webkit-radial-gradient(rgba(96, 137, 241, .4) 40%, rgba(66, 211, 146, .25) 60%);--vp-home-hero-image-background-image: radial-gradient(rgba(96, 137, 241, .4) 40%, rgba(66, 211, 146, .25) 60%);--vp-home-hero-image-filter: blur(50px);--vp-sidebar-width: 282px;--vp-c-brand-1: #10b981;--vp-c-brand-2: #059669;--vp-c-indigo-3: #10b981;--vp-c-warning-1: #EAB306;--vp-c-danger-1: #fff;--vp-c-danger-soft: #660000;--pwa-border: #ffffff75;--vp-c-indigo-soft: rgba(16, 185, 129, .05);--vp-home-hero-name-background: linear-gradient(-347deg, #10b981 20%, #32475b);--vp-home-hero-name-color: transparent;--vp-badge-tip-border: #059669;--vp-custom-block-info-border: rgba(82, 82, 89, .68)}.image-bg{position:absolute;top:50%;left:50%;border-radius:50%;background-image:var(--vp-home-hero-image-background-image);filter:var(--vp-home-hero-image-filter);transform:translate(-50%,-50%) scale(1)!important;opacity:1}.dark .image-bg{opacity:.6!important}.image-bg+img{-webkit-user-drag:none;-moz-user-drag:none;-ms-user-drag:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.dark [img-light]{display:none}html:not(.dark) [img-dark]{display:none}.home-content h2{margin-top:2rem;font-size:1.35rem;border-bottom:none;margin-bottom:0}img.resizable-img{width:unset;height:unset}.vp-doc td{font-size:14px!important}.VPTeamMembersItem.small .profile .data .affiliation,.VPTeamMembersItem.small .profile .data .desc{min-height:3rem}@media (min-width: 1064px) and (max-width: 1143px){.VPTeamMembersItem.small .profile .data .affiliation,.VPTeamMembersItem.small .profile .data .desc{min-height:4rem}}@media (min-width: 815px) and (max-width: 875px){.VPTeamMembersItem.small .profile .data .affiliation,.VPTeamMembersItem.small .profile .data .desc{min-height:4rem}}@media (max-width: 612px){.VPTeamMembersItem.small .profile .data .affiliation,.VPTeamMembersItem.small .profile .data .desc{min-height:4rem}}@media (max-width: 568px){.VPTeamMembersItem.small .profile .data .affiliation,.VPTeamMembersItem.small .profile .data .desc{min-height:unset}}.VPDoc .content-container{width:100%;max-width:1200px!important}.myButton{border-radius:6px;border:1px solid var(--vp-custom-block-details-border);display:inline-block;cursor:pointer;color:var(--vp-c-text-1);background-color:var(--vp-custom-block-details-bg);padding:5px 15px;text-decoration:none;margin:16px 16px 16px 0;transition:opacity .2s ease-in-out}.myButton:active{opacity:.6}.myButton.no-m-t{margin-top:0}.myButton.no-m-b{margin-bottom:0}.mySelect{border-radius:6px;padding:5px 10px;border:1px solid var(--vp-custom-block-details-border);background-color:var(--vp-custom-block-details-bg);-webkit-appearance:menulist-button;-moz-appearance:menulist-button;appearance:menulist-button;margin:16px 0}.mySelect.light{border:1px solid #e2e2e2;background-color:#f9f9f9}.mySelect.no-m-t{margin-top:0}.mySelect.no-m-b{margin-bottom:0}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;margin:0;-webkit-print-color-adjust:exact;color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;flex-shrink:0;background-color:#9ca3af4d;height:1rem;width:1rem;-webkit-user-select:none;user-select:none;border-radius:.375rem;margin-right:.5rem}input[type=checkbox]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.6 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")}input.my-input{color:var(--vp-c-text-1);outline-style:none;border:1px solid var(--vp-custom-block-details-border);border-radius:4px;padding:5px 14px;max-width:300px;width:100%;font-size:14px;margin-bottom:15px}.vp-doc table{display:table;width:100%;border:1px solid var(--vp-c-divider-light)}.vp-doc th{text-align:left}.vp-doc th,.vp-doc td{border:none}.vp-doc tr{border-top:none;border-bottom:1px solid var(--vp-c-divider-light)}.vp-doc tbody tr:last-child{border:none}.vp-doc tr:nth-child(2n){background:none}.vp-doc tbody tr:hover{background-color:var(--vp-c-bg-soft)}button[data-v-373892af]{outline:none;border:none;background:#41b883;margin:0 5px;padding:5px 15px;border-radius:4px!important}.address-list{color:#333;background-color:#fff;font-size:10px;padding:10px;border-radius:8px;box-shadow:#00000026 1px 2px 1px}.address-list ul{margin:0;padding:0}.address-list li{list-style:none;border-bottom:1px solid #f1f1f1}.point-list{color:#333;background-color:#fff;font-size:10px;padding:10px;border-radius:8px;box-shadow:#00000026 1px 2px 1px}.point-list ul{margin:0;padding:0}.point-list li{list-style:none;border-bottom:1px solid #f1f1f1}.point-list span{margin-right:15px}.state{margin-top:15px}.state span{margin-right:25px}.map-wrapper[data-v-947755fa]{display:flex;justify-content:space-between}.map-wrapper .map-item[data-v-947755fa]{flex-basis:calc(50% - 7.5px)}button[data-v-543bd99d]{border-radius:6px;background:#ddd;outline:none;padding:1px 5px;font-size:14px;margin-bottom:10px}.infoWindow-content[data-v-543bd99d]{display:flex;justify-content:space-between;padding:10px}.infoWindow-content p[data-v-543bd99d]{margin:0;line-height:initial}.example-showcase[data-v-d08fa7a1]{padding:0 1rem;margin:.5px}.language-vue[data-v-0e5ed510]{margin:0!important;border-radius:0!important;padding:0!important}.demo-container[data-v-46e56a5d]{border:1px solid var(--vp-c-divider);border-radius:6px;overflow:hidden}.demo-container.full-screen[data-v-46e56a5d]{background-color:var(--vp-c-divider);position:fixed;width:100%;height:100%;top:0;left:0;z-index:99999}.demo-container .buttons[data-v-46e56a5d]{border-top:1px dashed var(--vp-c-divider);padding:.5rem 1rem;display:flex;justify-content:flex-end;align-items:center;background:var(--vp-c-bg)}.demo-container .buttons button[data-v-46e56a5d]{width:30px;height:30px;color:var(--vp-c-text-2);display:flex;justify-content:center;align-items:center;transition:color .3s}.demo-container .buttons button[data-v-46e56a5d]:hover{color:var(--vp-c-text-1)}.demo-container .buttons+div[data-v-46e56a5d]{border-top:1px dashed var(--vp-c-divider)}.demo-container .source_code-container[data-v-46e56a5d]{overflow:hidden}.demo-container .hide_code-btn[data-v-46e56a5d]{position:sticky;bottom:0;top:0;text-align:center;padding:.5rem 0;border-top:1px dashed var(--vp-c-divider);background-color:var(--vp-custom-block-details-bg);z-index:99;cursor:pointer}.collapse-enter-active[data-v-46e56a5d]{transition:all .5s ease-in-out;max-height:0}.collapse-leave-active[data-v-46e56a5d]{transition:all .25s cubic-bezier(0,1,0,1);max-height:200vh}.collapse-enter-to[data-v-46e56a5d]{max-height:200vh}.collapse-leave-to[data-v-46e56a5d]{max-height:0}.demo-wrapper:not(.not-full) .demo-container[data-v-46e56a5d] .baidu-map-container{width:calc(100% + 2rem)!important;margin-left:-1rem}.p-top[data-v-46e56a5d] .example-showcase{padding-top:1rem}.p-bottom[data-v-46e56a5d] .example-showcase{padding-bottom:1rem}[tooltip]{position:relative}[tooltip]>*{display:inline-block}[tooltip]:before,[tooltip]:after{text-transform:none;font-size:.9em;line-height:1;-webkit-user-select:none;user-select:none;pointer-events:none;position:absolute;display:none;opacity:0;box-shadow:var(--vp-shadow-3)}[tooltip]:before{content:"";border:5px solid transparent;z-index:1001}[tooltip]:after{content:attr(tooltip);font-family:Helvetica,sans-serif;text-align:center;min-width:3em;max-width:21em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:.5rem;border-radius:.3rem;border:1px solid var(--vp-c-divider-light);background:var(--vp-button-alt-bg);color:var(--vp-c-text-1);z-index:1000}[tooltip]:hover:before,[tooltip]:hover:after{display:block}[tooltip]:not([position]):before,[tooltip][position^=top]:before{bottom:100%;border-bottom-width:0;border-top-color:var(--vp-button-alt-bg)}[tooltip]:not([position]):after,[tooltip][position^=top]:after{bottom:calc(100% + 5px)}[tooltip]:not([position]):before,[tooltip]:not([position]):after,[tooltip][position^=top]:before,[tooltip][position^=top]:after{left:50%;transform:translate(-50%)}[tooltip][position^=bottom]:before{top:100%;border-top-width:0;border-bottom-color:var(--vp-button-alt-bg)}[tooltip][position^=bottom]:after{top:calc(100% + 5px)}[tooltip][position^=bottom]:before,[tooltip][position^=bottom]:after{left:50%;transform:translate(-50%)}[tooltip][position^=left]:before{top:50%;border-right-width:0;border-left-color:var(--vp-button-alt-bg);left:calc(0em - 5px);transform:translate(-.5em,-50%)}[tooltip][position^=left]:after{top:50%;right:calc(100% + 5px);transform:translate(-.5em,-50%)}[tooltip][position^=right]:before{top:50%;border-left-width:0;border-right-color:var(--vp-button-alt-bg);right:calc(0em - 5px);transform:translate(.5em,-50%)}[tooltip][position^=right]:after{top:50%;left:calc(100% + 5px);transform:translate(.5em,-50%)}[tooltip]:not([position]):hover:before,[tooltip]:not([position]):hover:after,[tooltip][position^=top]:hover:before,[tooltip][position^=top]:hover:after,[tooltip][position^=bottom]:hover:before,[tooltip][position^=bottom]:hover:after{animation:tooltips-vert .3s ease-out forwards}[tooltip][position^=left]:hover:before,[tooltip][position^=left]:hover:after,[tooltip][position^=right]:hover:before,[tooltip][position^=right]:hover:after{animation:tooltips-horz .3s ease-out forwards}[tooltip=""]:before,[tooltip=""]:after{display:none!important}@keyframes tooltips-vert{to{opacity:.9}}@keyframes tooltips-horz{to{opacity:.9}}.pwa-toast{position:fixed;right:0;bottom:0;margin:16px;padding:12px;border:1px solid var(--vp-custom-block-details-border);border-radius:8px;z-index:100;text-align:left;box-shadow:0 0 25px 0 var(--vp-custom-block-details-border);background-color:var(--vp-c-bg-soft);display:flex;max-width:380px}.pwa-toast .icon{margin-right:15px}.pwa-toast .title{font-weight:700;color:var(--vp-c-text-1)}.pwa-toast #pwa-message{margin:8px 0}.pwa-toast .buttons{display:flex;justify-content:flex-end}.pwa-toast .buttons button{margin:0 8px}.VPLocalSearchBox[data-v-d7c15788]{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:flex}.backdrop[data-v-d7c15788]{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--vp-backdrop-bg-color);transition:opacity .5s}.shell[data-v-d7c15788]{position:relative;padding:12px;margin:64px auto;display:flex;flex-direction:column;gap:16px;background:var(--vp-local-search-bg);width:min(100vw - 60px,900px);height:min-content;max-height:min(100vh - 128px,900px);border-radius:6px}@media (max-width: 767px){.shell[data-v-d7c15788]{margin:0;width:100vw;height:100vh;max-height:none;border-radius:0}}.search-bar[data-v-d7c15788]{border:1px solid var(--vp-c-divider);border-radius:4px;display:flex;align-items:center;padding:0 12px;cursor:text}@media (max-width: 767px){.search-bar[data-v-d7c15788]{padding:0 8px}}.search-bar[data-v-d7c15788]:focus-within{border-color:var(--vp-c-brand-1)}.search-icon[data-v-d7c15788]{margin:8px}@media (max-width: 767px){.search-icon[data-v-d7c15788]{display:none}}.search-input[data-v-d7c15788]{padding:6px 12px;font-size:inherit;width:100%}@media (max-width: 767px){.search-input[data-v-d7c15788]{padding:6px 4px}}.search-actions[data-v-d7c15788]{display:flex;gap:4px}@media (any-pointer: coarse){.search-actions[data-v-d7c15788]{gap:8px}}@media (min-width: 769px){.search-actions.before[data-v-d7c15788]{display:none}}.search-actions button[data-v-d7c15788]{padding:8px}.search-actions button[data-v-d7c15788]:not([disabled]):hover,.toggle-layout-button.detailed-list[data-v-d7c15788]{color:var(--vp-c-brand-1)}.search-actions button.clear-button[data-v-d7c15788]:disabled{opacity:.37}.search-keyboard-shortcuts[data-v-d7c15788]{font-size:.8rem;opacity:75%;display:flex;flex-wrap:wrap;gap:16px;line-height:14px}.search-keyboard-shortcuts span[data-v-d7c15788]{display:flex;align-items:center;gap:4px}@media (max-width: 767px){.search-keyboard-shortcuts[data-v-d7c15788]{display:none}}.search-keyboard-shortcuts kbd[data-v-d7c15788]{background:rgba(128,128,128,.1);border-radius:4px;padding:3px 6px;min-width:24px;display:inline-block;text-align:center;vertical-align:middle;border:1px solid rgba(128,128,128,.15);box-shadow:0 2px 2px #0000001a}.results[data-v-d7c15788]{display:flex;flex-direction:column;gap:6px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.result[data-v-d7c15788]{display:flex;align-items:center;gap:8px;border-radius:4px;transition:none;line-height:1rem;border:solid 2px var(--vp-local-search-result-border);outline:none}.result>div[data-v-d7c15788]{margin:12px;width:100%;overflow:hidden}@media (max-width: 767px){.result>div[data-v-d7c15788]{margin:8px}}.titles[data-v-d7c15788]{display:flex;flex-wrap:wrap;gap:4px;position:relative;z-index:1001;padding:2px 0}.title[data-v-d7c15788]{display:flex;align-items:center;gap:4px}.title.main[data-v-d7c15788]{font-weight:500}.title-icon[data-v-d7c15788]{opacity:.5;font-weight:500;color:var(--vp-c-brand-1)}.title svg[data-v-d7c15788]{opacity:.5}.result.selected[data-v-d7c15788]{--vp-local-search-result-bg: var(--vp-local-search-result-selected-bg);border-color:var(--vp-local-search-result-selected-border)}.excerpt-wrapper[data-v-d7c15788]{position:relative}.excerpt[data-v-d7c15788]{opacity:75%;pointer-events:none;max-height:140px;overflow:hidden;position:relative;opacity:.5;margin-top:4px}.result.selected .excerpt[data-v-d7c15788]{opacity:1}.excerpt[data-v-d7c15788] *{font-size:.8rem!important;line-height:130%!important}.titles[data-v-d7c15788] mark,.excerpt[data-v-d7c15788] mark{background-color:var(--vp-local-search-highlight-bg);color:var(--vp-local-search-highlight-text);border-radius:2px;padding:0 2px}.excerpt[data-v-d7c15788] .vp-code-group .tabs{display:none}.excerpt[data-v-d7c15788] .vp-code-group div[class*=language-]{border-radius:8px!important}.excerpt-gradient-bottom[data-v-d7c15788]{position:absolute;bottom:-1px;left:0;width:100%;height:8px;background:linear-gradient(transparent,var(--vp-local-search-result-bg));z-index:1000}.excerpt-gradient-top[data-v-d7c15788]{position:absolute;top:-1px;left:0;width:100%;height:8px;background:linear-gradient(var(--vp-local-search-result-bg),transparent);z-index:1000}.result.selected .titles[data-v-d7c15788],.result.selected .title-icon[data-v-d7c15788]{color:var(--vp-c-brand-1)!important}.no-results[data-v-d7c15788]{font-size:.9rem;text-align:center;padding:12px}svg[data-v-d7c15788]{flex:none} diff --git a/assets/zh-CN_components_autoComplete_index.md.Pa2pZGUC.js b/assets/zh-CN_components_autoComplete_index.md.Pa2pZGUC.js new file mode 100644 index 00000000..00277372 --- /dev/null +++ b/assets/zh-CN_components_autoComplete_index.md.Pa2pZGUC.js @@ -0,0 +1 @@ +import{_ as C,D as s,c,k as a,a as t,I as n,w as E,R as p,o as l}from"./chunks/framework.aeLSa5ZG.js";const y=JSON.parse('{"title":"BAutoComplete 自动填充","description":"","frontmatter":{},"headers":[],"relativePath":"zh-CN/components/autoComplete/index.md","filePath":"zh-CN/components/autoComplete/index.md","lastUpdated":1710870588000}'),u={name:"zh-CN/components/autoComplete/index.md"},i={id:"bautocomplete-自动填充",tabindex:"-1"},r=a("a",{class:"header-anchor",href:"#bautocomplete-自动填充","aria-label":'Permalink to "BAutoComplete 自动填充 "'},"​",-1),d=p('

地址检索关键词提示

ts
import { BAutoComplete } from 'vue3-baidu-map-gl'

TIP

目前这个组件所使用的百度地图 api 还不稳定 (在写这个组件时候深有体会)

组件示例 ​

',4),k=a("p",null,"autoComplete/index",-1),D=p('

动态组件 Props ​

属性说明类型可选值默认值
location设定返回结果的所属范围。例如“北京市”string | Point | BMapGL.Map-BMapGL.Map
types返回数据类型string[]-

组件事件 ​

事件名说明类型
initd组件初始化后，调用的方法，返回一个地图实例{ map, BmapGL, instance }
unload组件卸载时会调用此方法-
searchComplete在 input 框中输入字符后，发起列表检索，完成后的回调函数((e: Event) => void)
highlight键盘或者鼠标移动，某条记录高亮之后((e: Event) => void)
confirm鼠标点击或回车选中某条记录后触发((e: Event) => void)
',4);function F(h,m,A,g,B,_){const e=s("Badge"),o=s("Demo");return l(),c("div",null,[a("h1",i,[t("BAutoComplete 自动填充 "),n(e,{type:"tip",text:"^2.1.3"}),t(),r]),d,n(o,{source:"%3Cpre%20v-pre%3E%3Ccode%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMap%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Acenter%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E(point%20as%20Point)%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBAutoComplete%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20special-attr%22%3E%3Cspan%20class%3D%22token%20attr-name%22%3Estyle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3Cspan%20class%3D%22token%20value%20css%20language-css%22%3E%3Cspan%20class%3D%22token%20property%22%3Ewidth%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%20100%25%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40confirm%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EhandleConfirm%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMarker%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aposition%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E(point%20as%20Point)%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBMarker%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBMap%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Escript%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Esetup%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Elang%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ets%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20script%22%3E%3Cspan%20class%3D%22token%20language-javascript%22%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Eimport%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20BMap%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20BAutoComplete%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20BMarker%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20type%20Point%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20useAddressGeocoder%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Efrom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'vue3-baidu-map-gl'%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20get%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20point%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3EuseAddressGeocoder%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Efunction%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3EhandleConfirm%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20parameter%22%3Ee%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20value%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20e%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Eitem%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%0A%20%20%20%20%3Cspan%20class%3D%22token%20function%22%3Eget%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3Evalue%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Ecity%20%3Cspan%20class%3D%22token%20operator%22%3E%7C%7C%3C%2Fspan%3E%20value%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Ebusiness%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20value%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Eprovince%20%3Cspan%20class%3D%22token%20operator%22%3E%2B%3C%2Fspan%3E%20value%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Ecity%20%3Cspan%20class%3D%22token%20operator%22%3E%2B%3C%2Fspan%3E%20value%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Edistrict%20%3Cspan%20class%3D%22token%20operator%22%3E%2B%3C%2Fspan%3E%20value%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Estreet%20%3Cspan%20class%3D%22token%20operator%22%3E%2B%3C%2Fspan%3E%20value%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Ebusiness%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Escript%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Estyle%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Escoped%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20style%22%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Estyle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3C%2Fcode%3E%3C%2Fpre%3E",path:"autoComplete/index","raw-source":"%3Ctemplate%3E%0A%20%20%3CBMap%20%3Acenter%3D%22(point%20as%20Point)%22%3E%0A%20%20%20%20%3CBAutoComplete%20style%3D%22width%3A%20100%25%22%20%40confirm%3D%22handleConfirm%22%20%2F%3E%0A%20%20%20%20%3CBMarker%20%3Aposition%3D%22(point%20as%20Point)%22%3E%3C%2FBMarker%3E%0A%20%20%3C%2FBMap%3E%0A%3C%2Ftemplate%3E%0A%0A%3Cscript%20setup%20lang%3D%22ts%22%3E%0A%20%20import%20%7B%20BMap%2C%20BAutoComplete%2C%20BMarker%2C%20type%20Point%2C%20useAddressGeocoder%20%7D%20from%20'vue3-baidu-map-gl'%0A%20%20const%20%7B%20get%2C%20point%20%7D%20%3D%20useAddressGeocoder()%0A%20%20function%20handleConfirm(e)%20%7B%0A%20%20%20%20const%20value%20%3D%20e.item.value%0A%20%20%20%20get(value.city%20%7C%7C%20value.business%2C%20value.province%20%2B%20value.city%20%2B%20value.district%20%2B%20value.street%20%2B%20value.business)%0A%20%20%7D%0A%3C%2Fscript%3E%0A%0A%3Cstyle%20scoped%3E%3C%2Fstyle%3E%0A",description:""},{default:E(()=>[k]),_:1}),D])}const b=C(u,[["render",F]]);export{y as __pageData,b as default}; diff --git a/assets/zh-CN_components_autoComplete_index.md.Pa2pZGUC.lean.js b/assets/zh-CN_components_autoComplete_index.md.Pa2pZGUC.lean.js new file mode 100644 index 00000000..35ced186 --- /dev/null +++ b/assets/zh-CN_components_autoComplete_index.md.Pa2pZGUC.lean.js @@ -0,0 +1 @@ +import{_ as C,D as s,c,k as a,a as t,I as n,w as E,R as p,o as l}from"./chunks/framework.aeLSa5ZG.js";const y=JSON.parse('{"title":"BAutoComplete 自动填充","description":"","frontmatter":{},"headers":[],"relativePath":"zh-CN/components/autoComplete/index.md","filePath":"zh-CN/components/autoComplete/index.md","lastUpdated":1710870588000}'),u={name:"zh-CN/components/autoComplete/index.md"},i={id:"bautocomplete-自动填充",tabindex:"-1"},r=a("a",{class:"header-anchor",href:"#bautocomplete-自动填充","aria-label":'Permalink to "BAutoComplete 自动填充 "'},"​",-1),d=p("",4),k=a("p",null,"autoComplete/index",-1),D=p("",4);function F(h,m,A,g,B,_){const e=s("Badge"),o=s("Demo");return l(),c("div",null,[a("h1",i,[t("BAutoComplete 自动填充 "),n(e,{type:"tip",text:"^2.1.3"}),t(),r]),d,n(o,{source:"%3Cpre%20v-pre%3E%3Ccode%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMap%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Acenter%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E(point%20as%20Point)%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBAutoComplete%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20special-attr%22%3E%3Cspan%20class%3D%22token%20attr-name%22%3Estyle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3Cspan%20class%3D%22token%20value%20css%20language-css%22%3E%3Cspan%20class%3D%22token%20property%22%3Ewidth%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%20100%25%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40confirm%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EhandleConfirm%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMarker%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aposition%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E(point%20as%20Point)%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBMarker%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBMap%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Escript%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Esetup%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Elang%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ets%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20script%22%3E%3Cspan%20class%3D%22token%20language-javascript%22%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Eimport%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20BMap%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20BAutoComplete%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20BMarker%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20type%20Point%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20useAddressGeocoder%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Efrom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'vue3-baidu-map-gl'%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20get%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20point%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3EuseAddressGeocoder%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Efunction%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3EhandleConfirm%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20parameter%22%3Ee%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20value%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20e%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Eitem%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%0A%20%20%20%20%3Cspan%20class%3D%22token%20function%22%3Eget%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3Evalue%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Ecity%20%3Cspan%20class%3D%22token%20operator%22%3E%7C%7C%3C%2Fspan%3E%20value%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Ebusiness%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20value%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Eprovince%20%3Cspan%20class%3D%22token%20operator%22%3E%2B%3C%2Fspan%3E%20value%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Ecity%20%3Cspan%20class%3D%22token%20operator%22%3E%2B%3C%2Fspan%3E%20value%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Edistrict%20%3Cspan%20class%3D%22token%20operator%22%3E%2B%3C%2Fspan%3E%20value%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Estreet%20%3Cspan%20class%3D%22token%20operator%22%3E%2B%3C%2Fspan%3E%20value%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Ebusiness%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Escript%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Estyle%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Escoped%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20style%22%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Estyle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3C%2Fcode%3E%3C%2Fpre%3E",path:"autoComplete/index","raw-source":"%3Ctemplate%3E%0A%20%20%3CBMap%20%3Acenter%3D%22(point%20as%20Point)%22%3E%0A%20%20%20%20%3CBAutoComplete%20style%3D%22width%3A%20100%25%22%20%40confirm%3D%22handleConfirm%22%20%2F%3E%0A%20%20%20%20%3CBMarker%20%3Aposition%3D%22(point%20as%20Point)%22%3E%3C%2FBMarker%3E%0A%20%20%3C%2FBMap%3E%0A%3C%2Ftemplate%3E%0A%0A%3Cscript%20setup%20lang%3D%22ts%22%3E%0A%20%20import%20%7B%20BMap%2C%20BAutoComplete%2C%20BMarker%2C%20type%20Point%2C%20useAddressGeocoder%20%7D%20from%20'vue3-baidu-map-gl'%0A%20%20const%20%7B%20get%2C%20point%20%7D%20%3D%20useAddressGeocoder()%0A%20%20function%20handleConfirm(e)%20%7B%0A%20%20%20%20const%20value%20%3D%20e.item.value%0A%20%20%20%20get(value.city%20%7C%7C%20value.business%2C%20value.province%20%2B%20value.city%20%2B%20value.district%20%2B%20value.street%20%2B%20value.business)%0A%20%20%7D%0A%3C%2Fscript%3E%0A%0A%3Cstyle%20scoped%3E%3C%2Fstyle%3E%0A",description:""},{default:E(()=>[k]),_:1}),D])}const b=C(u,[["render",F]]);export{y as __pageData,b as default}; diff --git a/assets/zh-CN_components_control_citylist.md.Q7jNASqU.js b/assets/zh-CN_components_control_citylist.md.Q7jNASqU.js new file mode 100644 index 00000000..aa1f708c --- /dev/null +++ b/assets/zh-CN_components_control_citylist.md.Q7jNASqU.js @@ -0,0 +1 @@ +import{_ as d,D as s,c as l,I as e,w as c,k as t,R as a,o as i}from"./chunks/framework.aeLSa5ZG.js";const v=JSON.parse('{"title":"BCityList 城市选择控件","description":"","frontmatter":{},"headers":[],"relativePath":"zh-CN/components/control/citylist.md","filePath":"zh-CN/components/control/citylist.md","lastUpdated":1710870588000}'),p={name:"zh-CN/components/control/citylist.md"},r=a('

BCityList 城市选择控件 ​

缩放控件，默认位于地图右下角

ts
import { BCityList } from 'vue3-baidu-map-gl'

组件示例 ​

',4),h=t("p",null,"control/cityList",-1),_=a('

提示

组件示例样式被 vitepress 样式影响，实际使用不受影响，请参考官方示例为准 https://lbs.baidu.com/jsdemo.htm#cCityList

静态组件 Props ​

属性说明类型可选值默认值
anchor控件的停靠位置stringanchorBMAP_ANCHOR_BOTTOM_LEFT
offset控件的偏移值{x: number, y: number }-{ x: 18, y: 18 }
expand默认列表是否展开boolean-false

动态组件 Props ​

',4),C=t("thead",null,[t("tr",null,[t("th",null,"属性"),t("th",null,"说明"),t("th",null,"类型"),t("th",null,"可选值"),t("th",null,"默认值"),t("th",null,"版本")])],-1),u=t("td",null,"visible",-1),E=t("td",null,"是否显示",-1),k=t("td",null,[t("code",null,"boolean")],-1),b=t("td",null,"-",-1),m=t("td",null,[t("code",null,"true")],-1),F=a('

anchor ​

值说明
BMAP_ANCHOR_TOP_LEFT左上
BMAP_ANCHOR_TOP_RIGHT右上
BMAP_ANCHOR_BOTTOM_LEFT左下
BMAP_ANCHOR_BOTTOM_RIGHT右下

组件事件 ​

事件名说明类型
initd组件初始化后，调用的方法，返回一个地图实例{ map, BmapGL, instance }
unload组件卸载时会调用此方法-
',4);function y(A,T,B,D,g,P){const n=s("Demo"),o=s("Badge");return i(),l("div",null,[r,e(n,{source:"%3Cpre%20v-pre%3E%3Ccode%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMap%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBCityList%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBMap%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3C%2Fcode%3E%3C%2Fpre%3E",path:"control/cityList","raw-source":"%3Ctemplate%3E%0A%20%20%3CBMap%20v-bind%3D%22%24attrs%22%3E%0A%20%20%20%20%3CBCityList%20%2F%3E%0A%20%20%3C%2FBMap%3E%0A%3C%2Ftemplate%3E%0A",description:""},{default:c(()=>[h]),_:1}),_,t("table",null,[C,t("tbody",null,[t("tr",null,[u,E,k,b,m,t("td",null,[e(o,{type:"tip",text:"^2.2.0"})])])])]),F])}const N=d(p,[["render",y]]);export{v as __pageData,N as default}; diff --git a/assets/zh-CN_components_control_citylist.md.Q7jNASqU.lean.js b/assets/zh-CN_components_control_citylist.md.Q7jNASqU.lean.js new file mode 100644 index 00000000..bde7d9e8 --- /dev/null +++ b/assets/zh-CN_components_control_citylist.md.Q7jNASqU.lean.js @@ -0,0 +1 @@ +import{_ as d,D as s,c as l,I as e,w as c,k as t,R as a,o as i}from"./chunks/framework.aeLSa5ZG.js";const v=JSON.parse('{"title":"BCityList 城市选择控件","description":"","frontmatter":{},"headers":[],"relativePath":"zh-CN/components/control/citylist.md","filePath":"zh-CN/components/control/citylist.md","lastUpdated":1710870588000}'),p={name:"zh-CN/components/control/citylist.md"},r=a("",4),h=t("p",null,"control/cityList",-1),_=a("",4),C=t("thead",null,[t("tr",null,[t("th",null,"属性"),t("th",null,"说明"),t("th",null,"类型"),t("th",null,"可选值"),t("th",null,"默认值"),t("th",null,"版本")])],-1),u=t("td",null,"visible",-1),E=t("td",null,"是否显示",-1),k=t("td",null,[t("code",null,"boolean")],-1),b=t("td",null,"-",-1),m=t("td",null,[t("code",null,"true")],-1),F=a("",4);function y(A,T,B,D,g,P){const n=s("Demo"),o=s("Badge");return i(),l("div",null,[r,e(n,{source:"%3Cpre%20v-pre%3E%3Ccode%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMap%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBCityList%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBMap%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3C%2Fcode%3E%3C%2Fpre%3E",path:"control/cityList","raw-source":"%3Ctemplate%3E%0A%20%20%3CBMap%20v-bind%3D%22%24attrs%22%3E%0A%20%20%20%20%3CBCityList%20%2F%3E%0A%20%20%3C%2FBMap%3E%0A%3C%2Ftemplate%3E%0A",description:""},{default:c(()=>[h]),_:1}),_,t("table",null,[C,t("tbody",null,[t("tr",null,[u,E,k,b,m,t("td",null,[e(o,{type:"tip",text:"^2.2.0"})])])])]),F])}const N=d(p,[["render",y]]);export{v as __pageData,N as default}; diff --git a/assets/zh-CN_components_control_context-menu.md.fkbF2NCh.js b/assets/zh-CN_components_control_context-menu.md.fkbF2NCh.js new file mode 100644 index 00000000..dd8de358 --- /dev/null +++ b/assets/zh-CN_components_control_context-menu.md.fkbF2NCh.js @@ -0,0 +1 @@ +import{_ as E,D as e,c as C,k as n,a,I as s,w as c,R as t,o as l}from"./chunks/framework.aeLSa5ZG.js";const w=JSON.parse('{"title":"BContextMenu 上下文菜单","description":"","frontmatter":{},"headers":[],"relativePath":"zh-CN/components/control/context-menu.md","filePath":"zh-CN/components/control/context-menu.md","lastUpdated":1710870588000}'),u={name:"zh-CN/components/control/context-menu.md"},D={id:"bcontextmenu-上下文菜单",tabindex:"-1"},r=n("a",{class:"header-anchor",href:"#bcontextmenu-上下文菜单","aria-label":'Permalink to "BContextMenu 上下文菜单 "'},"​",-1),i=t('

在地图上添加自定义内容的右键菜单

ts
import { BContextMenu } from 'vue3-baidu-map-gl'

组件示例 ​

',3),k=n("p",null,"context-menu/index",-1),F=t('

静态组件 Props ​

属性说明类型默认值
width菜单宽度(单位 px)number100

动态组件 Props ​

',3),d=n("thead",null,[n("tr",null,[n("th",null,"属性"),n("th",null,"说明"),n("th",null,"类型"),n("th",null,"可选值"),n("th",null,"默认值"),n("th",null,"版本")])],-1),A=n("tr",null,[n("td",null,"menuItems"),n("td",null,[a("菜单项，"),n("code",null,"-"),a("添加分割线")]),n("td",null,[a("("),n("a",{href:"#contextmenuitem"},[n("code",null,"ContextMenuItem")]),a(" | "),n("code",null,"-"),a(") "),n("code",null,"[]")]),n("td",null,"-"),n("td",null,"-"),n("td",null,"-")],-1),B=n("td",null,"visible",-1),m=n("td",null,"是否显示",-1),h=n("td",null,[n("code",null,"boolean")],-1),_=n("td",null,"-",-1),x=n("td",null,[n("code",null,"true")],-1),g=t('

ContextMenuItem ​

属性说明类型可选值默认值
text菜单项文字string-required
callback菜单项点击触发的回调函数({point, pixel, map, BMapGL, target}) => void-required
disabled是否禁用该菜单项booleanfalse-

组件事件 ​

事件名说明类型
initd组件初始化后，调用的方法，返回一个地图实例{ map, BmapGL, instance }
unload组件卸载时会调用此方法-
open右键菜单打开时触发，事件参数 point 和 pixel 分别表示菜单开启时的地理和像素坐标点((e: Event) => void)
close右键菜单关闭时触发，事件参数 point 和 pixel 分别表示菜单开启时的地理和像素坐标点((e: Event) => void)
',4);function b(f,M,y,v,I,T){const p=e("Badge"),o=e("Demo");return l(),C("div",null,[n("h1",D,[a("BContextMenu 上下文菜单 "),s(p,{type:"tip",text:"^0.0.29"}),a(),r]),i,s(o,{source:"%3Cpre%20v-pre%3E%3Ccode%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMap%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Acenter%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ecenter%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBContextMenu%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3AmenuItems%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Elist%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMarker%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Eicon%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Esimple_red%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aposition%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%7B%20lat%3A%2039.915185%2C%20lng%3A%20116.403901%20%7D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBContextMenu%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3AmenuItems%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EoverlayList%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Awidth%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E200%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBMarker%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBMap%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Escript%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Elang%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ets%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Esetup%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20script%22%3E%3Cspan%20class%3D%22token%20language-javascript%22%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Eimport%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20ref%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Efrom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'vue'%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Eimport%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20ContextMenuItem%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20ContextMenuSeparator%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Efrom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'vue3-baidu-map-gl'%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20center%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3Eref%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20string%22%3E'%E5%8C%97%E4%BA%AC%E5%B8%82'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20list%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20ref%3Cspan%20class%3D%22token%20operator%22%3E%26lt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3EContextMenuItem%20%3Cspan%20class%3D%22token%20operator%22%3E%7C%3C%2Fspan%3E%20ContextMenuSeparator%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Etext%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'%E6%94%BE%E5%A4%A7%E4%B8%80%E7%BA%A7'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20function-variable%20function%22%3Ecallback%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Efunction%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20parameter%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20map%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Emap%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20BMapGL%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EMap%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20map%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3EzoomIn%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Etext%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'%E7%BC%A9%E5%B0%8F%E4%B8%80%E7%BA%A7'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20function-variable%20function%22%3Ecallback%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Efunction%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20parameter%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20map%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Emap%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20BMapGL%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EMap%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20map%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3EzoomOut%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20string%22%3E'-'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Etext%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'%E5%8E%BB%E4%B8%8A%E6%B5%B7'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20function-variable%20function%22%3Ecallback%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Efunction%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20center%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20center%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3D%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'%E4%B8%8A%E6%B5%B7%E5%B8%82'%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%3F%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'%E5%8C%97%E4%BA%AC%E5%B8%82'%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'%E4%B8%8A%E6%B5%B7%E5%B8%82'%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20function%22%3EsetTimeout%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3Elist%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E3%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Eas%3C%2Fspan%3E%20ContextMenuItem%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Etext%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'%E5%9B%9E%E5%8C%97%E4%BA%AC'%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20overlayList%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20ref%3Cspan%20class%3D%22token%20operator%22%3E%26lt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3EContextMenuItem%20%3Cspan%20class%3D%22token%20operator%22%3E%7C%3C%2Fspan%3E%20ContextMenuSeparator%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Etext%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'%E8%A6%86%E7%9B%96%E7%89%A9%E4%B8%8A%E4%B8%8B%E6%96%87%E8%8F%9C%E5%8D%95'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20function-variable%20function%22%3Ecallback%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Efunction%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20parameter%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20map%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Emap%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20BMapGL%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EMap%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20function%22%3Ealert%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20string%22%3E'%E7%82%B9%E5%87%BB%E4%BA%86%E8%A6%86%E7%9B%96%E7%89%A9%E4%B8%8A%E4%B8%8B%E6%96%87%E8%8F%9C%E5%8D%95'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Escript%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3C%2Fcode%3E%3C%2Fpre%3E",path:"context-menu/index","raw-source":"%3Ctemplate%3E%0A%20%20%3CBMap%20v-bind%3D%22%24attrs%22%20%3Acenter%3D%22center%22%3E%0A%20%20%20%20%3CBContextMenu%20%3AmenuItems%3D%22list%22%20%2F%3E%0A%20%20%20%20%3CBMarker%20icon%3D%22simple_red%22%20%3Aposition%3D%22%7B%20lat%3A%2039.915185%2C%20lng%3A%20116.403901%20%7D%22%3E%0A%20%20%20%20%20%20%3CBContextMenu%20%3AmenuItems%3D%22overlayList%22%20%3Awidth%3D%22200%22%20%2F%3E%0A%20%20%20%20%3C%2FBMarker%3E%0A%20%20%3C%2FBMap%3E%0A%3C%2Ftemplate%3E%0A%3Cscript%20lang%3D%22ts%22%20setup%3E%0A%20%20import%20%7B%20ref%20%7D%20from%20'vue'%0A%20%20import%20%7B%20ContextMenuItem%2C%20ContextMenuSeparator%20%7D%20from%20'vue3-baidu-map-gl'%0A%20%20const%20center%20%3D%20ref('%E5%8C%97%E4%BA%AC%E5%B8%82')%0A%20%20const%20list%20%3D%20ref%3C(ContextMenuItem%20%7C%20ContextMenuSeparator)%5B%5D%3E(%5B%0A%20%20%20%20%7B%0A%20%20%20%20%20%20text%3A%20'%E6%94%BE%E5%A4%A7%E4%B8%80%E7%BA%A7'%2C%0A%20%20%20%20%20%20callback%3A%20function%20(%7B%20map%20%7D%3A%20%7B%20map%3A%20BMapGL.Map%20%7D)%20%7B%0A%20%20%20%20%20%20%20%20map.zoomIn()%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%2C%0A%20%20%20%20%7B%0A%20%20%20%20%20%20text%3A%20'%E7%BC%A9%E5%B0%8F%E4%B8%80%E7%BA%A7'%2C%0A%20%20%20%20%20%20callback%3A%20function%20(%7B%20map%20%7D%3A%20%7B%20map%3A%20BMapGL.Map%20%7D)%20%7B%0A%20%20%20%20%20%20%20%20map.zoomOut()%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%2C%0A%20%20%20%20'-'%2C%0A%20%20%20%20%7B%0A%20%20%20%20%20%20text%3A%20'%E5%8E%BB%E4%B8%8A%E6%B5%B7'%2C%0A%20%20%20%20%20%20callback%3A%20function%20()%20%7B%0A%20%20%20%20%20%20%20%20center.value%20%3D%20center.value%20%3D%3D%3D%20'%E4%B8%8A%E6%B5%B7%E5%B8%82'%20%3F%20'%E5%8C%97%E4%BA%AC%E5%B8%82'%20%3A%20'%E4%B8%8A%E6%B5%B7%E5%B8%82'%0A%20%20%20%20%20%20%20%20setTimeout(()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%3B(list.value%5B3%5D%20as%20ContextMenuItem).text%20%3D%20'%E5%9B%9E%E5%8C%97%E4%BA%AC'%0A%20%20%20%20%20%20%20%20%7D)%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%5D)%0A%20%20const%20overlayList%20%3D%20ref%3C(ContextMenuItem%20%7C%20ContextMenuSeparator)%5B%5D%3E(%5B%0A%20%20%20%20%7B%0A%20%20%20%20%20%20text%3A%20'%E8%A6%86%E7%9B%96%E7%89%A9%E4%B8%8A%E4%B8%8B%E6%96%87%E8%8F%9C%E5%8D%95'%2C%0A%20%20%20%20%20%20callback%3A%20function%20(%7B%20map%20%7D%3A%20%7B%20map%3A%20BMapGL.Map%20%7D)%20%7B%0A%20%20%20%20%20%20%20%20alert('%E7%82%B9%E5%87%BB%E4%BA%86%E8%A6%86%E7%9B%96%E7%89%A9%E4%B8%8A%E4%B8%8B%E6%96%87%E8%8F%9C%E5%8D%95')%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%5D)%0A%3C%2Fscript%3E%0A",description:"%3Cp%3E%E6%B7%BB%E5%8A%A0%E5%9C%B0%E5%9B%BE%E5%92%8C%20%3Ccode%3EMarker%3C%2Fcode%3E%20%E4%B8%8A%E4%B8%8B%E6%96%87%E8%8F%9C%E5%8D%95%EF%BC%8C%E9%BC%A0%E6%A0%87%E5%8F%B3%E5%87%BB%E5%9C%B0%E5%9B%BE%E6%88%96%20%3Ccode%3EMarker%3C%2Fcode%3E%20%E8%AF%95%E8%AF%95%3C%2Fp%3E%0A"},{default:c(()=>[k]),_:1}),F,n("table",null,[d,n("tbody",null,[A,n("tr",null,[B,m,h,_,x,n("td",null,[s(p,{type:"tip",text:"^2.2.0"})])])])]),g])}const P=E(u,[["render",b]]);export{w as __pageData,P as default}; diff --git a/assets/zh-CN_components_control_context-menu.md.fkbF2NCh.lean.js b/assets/zh-CN_components_control_context-menu.md.fkbF2NCh.lean.js new file mode 100644 index 00000000..84e7d04d --- /dev/null +++ b/assets/zh-CN_components_control_context-menu.md.fkbF2NCh.lean.js @@ -0,0 +1 @@ +import{_ as E,D as e,c as C,k as n,a,I as s,w as c,R as t,o as l}from"./chunks/framework.aeLSa5ZG.js";const w=JSON.parse('{"title":"BContextMenu 上下文菜单","description":"","frontmatter":{},"headers":[],"relativePath":"zh-CN/components/control/context-menu.md","filePath":"zh-CN/components/control/context-menu.md","lastUpdated":1710870588000}'),u={name:"zh-CN/components/control/context-menu.md"},D={id:"bcontextmenu-上下文菜单",tabindex:"-1"},r=n("a",{class:"header-anchor",href:"#bcontextmenu-上下文菜单","aria-label":'Permalink to "BContextMenu 上下文菜单 "'},"​",-1),i=t("",3),k=n("p",null,"context-menu/index",-1),F=t("",3),d=n("thead",null,[n("tr",null,[n("th",null,"属性"),n("th",null,"说明"),n("th",null,"类型"),n("th",null,"可选值"),n("th",null,"默认值"),n("th",null,"版本")])],-1),A=n("tr",null,[n("td",null,"menuItems"),n("td",null,[a("菜单项，"),n("code",null,"-"),a("添加分割线")]),n("td",null,[a("("),n("a",{href:"#contextmenuitem"},[n("code",null,"ContextMenuItem")]),a(" | "),n("code",null,"-"),a(") "),n("code",null,"[]")]),n("td",null,"-"),n("td",null,"-"),n("td",null,"-")],-1),B=n("td",null,"visible",-1),m=n("td",null,"是否显示",-1),h=n("td",null,[n("code",null,"boolean")],-1),_=n("td",null,"-",-1),x=n("td",null,[n("code",null,"true")],-1),g=t("",4);function b(f,M,y,v,I,T){const p=e("Badge"),o=e("Demo");return l(),C("div",null,[n("h1",D,[a("BContextMenu 上下文菜单 "),s(p,{type:"tip",text:"^0.0.29"}),a(),r]),i,s(o,{source:"%3Cpre%20v-pre%3E%3Ccode%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMap%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Acenter%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ecenter%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBContextMenu%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3AmenuItems%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Elist%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMarker%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Eicon%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Esimple_red%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aposition%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%7B%20lat%3A%2039.915185%2C%20lng%3A%20116.403901%20%7D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBContextMenu%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3AmenuItems%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EoverlayList%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Awidth%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E200%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBMarker%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBMap%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Escript%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Elang%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ets%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Esetup%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20script%22%3E%3Cspan%20class%3D%22token%20language-javascript%22%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Eimport%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20ref%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Efrom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'vue'%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Eimport%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20ContextMenuItem%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20ContextMenuSeparator%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Efrom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'vue3-baidu-map-gl'%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20center%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3Eref%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20string%22%3E'%E5%8C%97%E4%BA%AC%E5%B8%82'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20list%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20ref%3Cspan%20class%3D%22token%20operator%22%3E%26lt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3EContextMenuItem%20%3Cspan%20class%3D%22token%20operator%22%3E%7C%3C%2Fspan%3E%20ContextMenuSeparator%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Etext%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'%E6%94%BE%E5%A4%A7%E4%B8%80%E7%BA%A7'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20function-variable%20function%22%3Ecallback%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Efunction%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20parameter%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20map%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Emap%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20BMapGL%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EMap%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20map%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3EzoomIn%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Etext%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'%E7%BC%A9%E5%B0%8F%E4%B8%80%E7%BA%A7'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20function-variable%20function%22%3Ecallback%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Efunction%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20parameter%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20map%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Emap%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20BMapGL%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EMap%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20map%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3EzoomOut%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20string%22%3E'-'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Etext%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'%E5%8E%BB%E4%B8%8A%E6%B5%B7'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20function-variable%20function%22%3Ecallback%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Efunction%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20center%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20center%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3D%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'%E4%B8%8A%E6%B5%B7%E5%B8%82'%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%3F%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'%E5%8C%97%E4%BA%AC%E5%B8%82'%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'%E4%B8%8A%E6%B5%B7%E5%B8%82'%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20function%22%3EsetTimeout%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3Elist%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E3%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Eas%3C%2Fspan%3E%20ContextMenuItem%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Etext%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'%E5%9B%9E%E5%8C%97%E4%BA%AC'%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20overlayList%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20ref%3Cspan%20class%3D%22token%20operator%22%3E%26lt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3EContextMenuItem%20%3Cspan%20class%3D%22token%20operator%22%3E%7C%3C%2Fspan%3E%20ContextMenuSeparator%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Etext%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'%E8%A6%86%E7%9B%96%E7%89%A9%E4%B8%8A%E4%B8%8B%E6%96%87%E8%8F%9C%E5%8D%95'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20function-variable%20function%22%3Ecallback%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Efunction%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20parameter%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20map%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Emap%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20BMapGL%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EMap%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20function%22%3Ealert%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20string%22%3E'%E7%82%B9%E5%87%BB%E4%BA%86%E8%A6%86%E7%9B%96%E7%89%A9%E4%B8%8A%E4%B8%8B%E6%96%87%E8%8F%9C%E5%8D%95'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Escript%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3C%2Fcode%3E%3C%2Fpre%3E",path:"context-menu/index","raw-source":"%3Ctemplate%3E%0A%20%20%3CBMap%20v-bind%3D%22%24attrs%22%20%3Acenter%3D%22center%22%3E%0A%20%20%20%20%3CBContextMenu%20%3AmenuItems%3D%22list%22%20%2F%3E%0A%20%20%20%20%3CBMarker%20icon%3D%22simple_red%22%20%3Aposition%3D%22%7B%20lat%3A%2039.915185%2C%20lng%3A%20116.403901%20%7D%22%3E%0A%20%20%20%20%20%20%3CBContextMenu%20%3AmenuItems%3D%22overlayList%22%20%3Awidth%3D%22200%22%20%2F%3E%0A%20%20%20%20%3C%2FBMarker%3E%0A%20%20%3C%2FBMap%3E%0A%3C%2Ftemplate%3E%0A%3Cscript%20lang%3D%22ts%22%20setup%3E%0A%20%20import%20%7B%20ref%20%7D%20from%20'vue'%0A%20%20import%20%7B%20ContextMenuItem%2C%20ContextMenuSeparator%20%7D%20from%20'vue3-baidu-map-gl'%0A%20%20const%20center%20%3D%20ref('%E5%8C%97%E4%BA%AC%E5%B8%82')%0A%20%20const%20list%20%3D%20ref%3C(ContextMenuItem%20%7C%20ContextMenuSeparator)%5B%5D%3E(%5B%0A%20%20%20%20%7B%0A%20%20%20%20%20%20text%3A%20'%E6%94%BE%E5%A4%A7%E4%B8%80%E7%BA%A7'%2C%0A%20%20%20%20%20%20callback%3A%20function%20(%7B%20map%20%7D%3A%20%7B%20map%3A%20BMapGL.Map%20%7D)%20%7B%0A%20%20%20%20%20%20%20%20map.zoomIn()%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%2C%0A%20%20%20%20%7B%0A%20%20%20%20%20%20text%3A%20'%E7%BC%A9%E5%B0%8F%E4%B8%80%E7%BA%A7'%2C%0A%20%20%20%20%20%20callback%3A%20function%20(%7B%20map%20%7D%3A%20%7B%20map%3A%20BMapGL.Map%20%7D)%20%7B%0A%20%20%20%20%20%20%20%20map.zoomOut()%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%2C%0A%20%20%20%20'-'%2C%0A%20%20%20%20%7B%0A%20%20%20%20%20%20text%3A%20'%E5%8E%BB%E4%B8%8A%E6%B5%B7'%2C%0A%20%20%20%20%20%20callback%3A%20function%20()%20%7B%0A%20%20%20%20%20%20%20%20center.value%20%3D%20center.value%20%3D%3D%3D%20'%E4%B8%8A%E6%B5%B7%E5%B8%82'%20%3F%20'%E5%8C%97%E4%BA%AC%E5%B8%82'%20%3A%20'%E4%B8%8A%E6%B5%B7%E5%B8%82'%0A%20%20%20%20%20%20%20%20setTimeout(()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%3B(list.value%5B3%5D%20as%20ContextMenuItem).text%20%3D%20'%E5%9B%9E%E5%8C%97%E4%BA%AC'%0A%20%20%20%20%20%20%20%20%7D)%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%5D)%0A%20%20const%20overlayList%20%3D%20ref%3C(ContextMenuItem%20%7C%20ContextMenuSeparator)%5B%5D%3E(%5B%0A%20%20%20%20%7B%0A%20%20%20%20%20%20text%3A%20'%E8%A6%86%E7%9B%96%E7%89%A9%E4%B8%8A%E4%B8%8B%E6%96%87%E8%8F%9C%E5%8D%95'%2C%0A%20%20%20%20%20%20callback%3A%20function%20(%7B%20map%20%7D%3A%20%7B%20map%3A%20BMapGL.Map%20%7D)%20%7B%0A%20%20%20%20%20%20%20%20alert('%E7%82%B9%E5%87%BB%E4%BA%86%E8%A6%86%E7%9B%96%E7%89%A9%E4%B8%8A%E4%B8%8B%E6%96%87%E8%8F%9C%E5%8D%95')%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%5D)%0A%3C%2Fscript%3E%0A",description:"%3Cp%3E%E6%B7%BB%E5%8A%A0%E5%9C%B0%E5%9B%BE%E5%92%8C%20%3Ccode%3EMarker%3C%2Fcode%3E%20%E4%B8%8A%E4%B8%8B%E6%96%87%E8%8F%9C%E5%8D%95%EF%BC%8C%E9%BC%A0%E6%A0%87%E5%8F%B3%E5%87%BB%E5%9C%B0%E5%9B%BE%E6%88%96%20%3Ccode%3EMarker%3C%2Fcode%3E%20%E8%AF%95%E8%AF%95%3C%2Fp%3E%0A"},{default:c(()=>[k]),_:1}),F,n("table",null,[d,n("tbody",null,[A,n("tr",null,[B,m,h,_,x,n("td",null,[s(p,{type:"tip",text:"^2.2.0"})])])])]),g])}const P=E(u,[["render",b]]);export{w as __pageData,P as default}; diff --git a/assets/zh-CN_components_control_copyright.md.sSCKnGFH.js b/assets/zh-CN_components_control_copyright.md.sSCKnGFH.js new file mode 100644 index 00000000..099d8a38 --- /dev/null +++ b/assets/zh-CN_components_control_copyright.md.sSCKnGFH.js @@ -0,0 +1 @@ +import{_ as E,D as s,c as e,I as t,w as C,k as a,R as n,o as c}from"./chunks/framework.aeLSa5ZG.js";const P=JSON.parse('{"title":"BCopyright 版权控件","description":"","frontmatter":{},"headers":[],"relativePath":"zh-CN/components/control/copyright.md","filePath":"zh-CN/components/control/copyright.md","lastUpdated":1710870588000}'),l={name:"zh-CN/components/control/copyright.md"},u=n('

BCopyright 版权控件 ​

地图 3D 控件，可以控制地图的旋转、倾斜，默认位于地图右下角

ts
import { BCopyright } from 'vue3-baidu-map-gl'

组件示例 ​

多个相同位置版权控件会自动排列，避免重叠

',5),i=a("p",null,"control/copyRight",-1),D=n('

提示

如果动态内容中有图片会导致闪烁，建议将图片和文字拆分成两个自定义版权

静态组件 Props ​

属性说明类型可选值默认值
anchor控件的停靠位置stringanchorBMAP_ANCHOR_BOTTOM_LEFT
offset控件的偏移值{x: number, y: number }-{ x: 83, y: 18 }

动态组件 Props ​

',4),F=a("thead",null,[a("tr",null,[a("th",null,"属性"),a("th",null,"说明"),a("th",null,"类型"),a("th",null,"可选值"),a("th",null,"默认值"),a("th",null,"版本")])],-1),r=a("td",null,"visible",-1),k=a("td",null,"是否显示",-1),d=a("td",null,[a("code",null,"boolean")],-1),h=a("td",null,"-",-1),A=a("td",null,[a("code",null,"true")],-1),B=n('

anchor ​

值说明
BMAP_ANCHOR_TOP_LEFT左上
BMAP_ANCHOR_TOP_RIGHT右上
BMAP_ANCHOR_BOTTOM_LEFT左下
BMAP_ANCHOR_BOTTOM_RIGHT右下

组件事件 ​

事件名说明类型
initd组件初始化后，调用的方法，返回一个地图实例{ map, BmapGL, instance }
unload组件卸载时会调用此方法-
',4);function g(_,m,b,y,T,v){const p=s("Demo"),o=s("Badge");return c(),e("div",null,[u,t(p,{class:"p-bottom",source:"%3Cpre%20v-pre%3E%3Ccode%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ediv%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMap%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBCopyright%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Eanchor%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EBMAP_ANCHOR_TOP_RIGHT%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Avisible%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Eshow%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ediv%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20special-attr%22%3E%3Cspan%20class%3D%22token%20attr-name%22%3Estyle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3Cspan%20class%3D%22token%20value%20css%20language-css%22%3E%3Cspan%20class%3D%22token%20property%22%3Edisplay%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%20flex%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20property%22%3Ealign-items%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%20flex-end%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Eimg%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ewidth%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E40%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Esrc%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ehttps%3A%2F%2Fs1.ax1x.com%2F2022%2F09%2F29%2FxmTpcT.png%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ealt%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%40%E6%88%91%E6%98%AF%E8%87%AA%E5%AE%9A%E4%B9%89%E7%89%88%E6%9D%83%E6%8E%A7%E4%BB%B6%E5%91%80%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ediv%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBCopyright%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBCopyright%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Eanchor%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EBMAP_ANCHOR_BOTTOM_RIGHT%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Eh3%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E5%8A%A8%E6%80%81%E5%86%85%E5%AE%B91%3A%20%7B%7B%20count%20%7D%7D%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Eh3%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBCopyright%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBCopyright%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Eanchor%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EBMAP_ANCHOR_BOTTOM_RIGHT%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Eh3%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E5%8A%A8%E6%80%81%E5%86%85%E5%AE%B92%3A%20%7B%7B%20count%20%7D%7D%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Eh3%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBCopyright%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBMap%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ebutton%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40click%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Etoggle%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%7B%7B%20show%20%3F%20'%E9%9A%90%E8%97%8F'%20%3A%20'%E6%98%BE%E7%A4%BA'%20%7D%7D%E5%8F%B3%E4%B8%8A%E8%A7%92%E7%89%88%E6%9D%83%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ebutton%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ediv%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Escript%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Esetup%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Elang%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ets%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20script%22%3E%3Cspan%20class%3D%22token%20language-javascript%22%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Eimport%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20ref%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Efrom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'vue'%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20count%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20ref%3Cspan%20class%3D%22token%20operator%22%3E%26lt%3B%3C%2Fspan%3Enumber%3Cspan%20class%3D%22token%20operator%22%3E%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E1%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20show%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20ref%3Cspan%20class%3D%22token%20operator%22%3E%26lt%3B%3C%2Fspan%3Eboolean%3Cspan%20class%3D%22token%20operator%22%3E%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20boolean%22%3Etrue%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Efunction%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3Etoggle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20show%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E!%3C%2Fspan%3Eshow%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20function%22%3EsetInterval%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20count%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%3Cspan%20class%3D%22token%20operator%22%3E%2B%2B%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E1000%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Escript%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3C%2Fcode%3E%3C%2Fpre%3E",path:"control/copyRight","raw-source":"%3Ctemplate%3E%0A%20%20%3Cdiv%3E%0A%20%20%20%20%3CBMap%20v-bind%3D%22%24attrs%22%3E%0A%20%20%20%20%20%20%3CBCopyright%20anchor%3D%22BMAP_ANCHOR_TOP_RIGHT%22%20%3Avisible%3D%22show%22%3E%0A%20%20%20%20%20%20%20%20%3Cdiv%20style%3D%22display%3A%20flex%3B%20align-items%3A%20flex-end%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cimg%20width%3D%2240%22%20src%3D%22https%3A%2F%2Fs1.ax1x.com%2F2022%2F09%2F29%2FxmTpcT.png%22%20alt%3D%22%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%40%E6%88%91%E6%98%AF%E8%87%AA%E5%AE%9A%E4%B9%89%E7%89%88%E6%9D%83%E6%8E%A7%E4%BB%B6%E5%91%80%0A%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%3C%2FBCopyright%3E%0A%20%20%20%20%20%20%3CBCopyright%20anchor%3D%22BMAP_ANCHOR_BOTTOM_RIGHT%22%3E%0A%20%20%20%20%20%20%20%20%3Ch3%3E%E5%8A%A8%E6%80%81%E5%86%85%E5%AE%B91%3A%20%7B%7B%20count%20%7D%7D%3C%2Fh3%3E%0A%20%20%20%20%20%20%3C%2FBCopyright%3E%0A%20%20%20%20%20%20%3CBCopyright%20anchor%3D%22BMAP_ANCHOR_BOTTOM_RIGHT%22%3E%0A%20%20%20%20%20%20%20%20%3Ch3%3E%E5%8A%A8%E6%80%81%E5%86%85%E5%AE%B92%3A%20%7B%7B%20count%20%7D%7D%3C%2Fh3%3E%0A%20%20%20%20%20%20%3C%2FBCopyright%3E%0A%20%20%20%20%3C%2FBMap%3E%0A%20%20%20%20%3Cbutton%20class%3D%22myButton%20no-m-b%22%20%40click%3D%22toggle%22%3E%7B%7B%20show%20%3F%20'%E9%9A%90%E8%97%8F'%20%3A%20'%E6%98%BE%E7%A4%BA'%20%7D%7D%E5%8F%B3%E4%B8%8A%E8%A7%92%E7%89%88%E6%9D%83%3C%2Fbutton%3E%0A%20%20%3C%2Fdiv%3E%0A%3C%2Ftemplate%3E%0A%0A%3Cscript%20setup%20lang%3D%22ts%22%3E%0A%20%20import%20%7B%20ref%20%7D%20from%20'vue'%0A%20%20const%20count%20%3D%20ref%3Cnumber%3E(1)%0A%20%20const%20show%20%3D%20ref%3Cboolean%3E(true)%0A%20%20function%20toggle()%20%7B%0A%20%20%20%20show.value%20%3D%20!show.value%0A%20%20%7D%0A%20%20setInterval(()%20%3D%3E%20%7B%0A%20%20%20%20count.value%2B%2B%0A%20%20%7D%2C%201000)%0A%3C%2Fscript%3E%0A",description:""},{default:C(()=>[i]),_:1}),D,a("table",null,[F,a("tbody",null,[a("tr",null,[r,k,d,h,A,a("td",null,[t(o,{type:"tip",text:"^2.2.0"})])])])]),B])}const O=E(l,[["render",g]]);export{P as __pageData,O as default}; diff --git a/assets/zh-CN_components_control_copyright.md.sSCKnGFH.lean.js b/assets/zh-CN_components_control_copyright.md.sSCKnGFH.lean.js new file mode 100644 index 00000000..781c4fc0 --- /dev/null +++ b/assets/zh-CN_components_control_copyright.md.sSCKnGFH.lean.js @@ -0,0 +1 @@ +import{_ as E,D as s,c as e,I as t,w as C,k as a,R as n,o as c}from"./chunks/framework.aeLSa5ZG.js";const P=JSON.parse('{"title":"BCopyright 版权控件","description":"","frontmatter":{},"headers":[],"relativePath":"zh-CN/components/control/copyright.md","filePath":"zh-CN/components/control/copyright.md","lastUpdated":1710870588000}'),l={name:"zh-CN/components/control/copyright.md"},u=n("",5),i=a("p",null,"control/copyRight",-1),D=n("",4),F=a("thead",null,[a("tr",null,[a("th",null,"属性"),a("th",null,"说明"),a("th",null,"类型"),a("th",null,"可选值"),a("th",null,"默认值"),a("th",null,"版本")])],-1),r=a("td",null,"visible",-1),k=a("td",null,"是否显示",-1),d=a("td",null,[a("code",null,"boolean")],-1),h=a("td",null,"-",-1),A=a("td",null,[a("code",null,"true")],-1),B=n("",4);function g(_,m,b,y,T,v){const p=s("Demo"),o=s("Badge");return c(),e("div",null,[u,t(p,{class:"p-bottom",source:"%3Cpre%20v-pre%3E%3Ccode%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ediv%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMap%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBCopyright%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Eanchor%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EBMAP_ANCHOR_TOP_RIGHT%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Avisible%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Eshow%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ediv%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20special-attr%22%3E%3Cspan%20class%3D%22token%20attr-name%22%3Estyle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3Cspan%20class%3D%22token%20value%20css%20language-css%22%3E%3Cspan%20class%3D%22token%20property%22%3Edisplay%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%20flex%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20property%22%3Ealign-items%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%20flex-end%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Eimg%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ewidth%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E40%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Esrc%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ehttps%3A%2F%2Fs1.ax1x.com%2F2022%2F09%2F29%2FxmTpcT.png%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ealt%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%40%E6%88%91%E6%98%AF%E8%87%AA%E5%AE%9A%E4%B9%89%E7%89%88%E6%9D%83%E6%8E%A7%E4%BB%B6%E5%91%80%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ediv%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBCopyright%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBCopyright%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Eanchor%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EBMAP_ANCHOR_BOTTOM_RIGHT%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Eh3%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E5%8A%A8%E6%80%81%E5%86%85%E5%AE%B91%3A%20%7B%7B%20count%20%7D%7D%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Eh3%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBCopyright%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBCopyright%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Eanchor%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EBMAP_ANCHOR_BOTTOM_RIGHT%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Eh3%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E5%8A%A8%E6%80%81%E5%86%85%E5%AE%B92%3A%20%7B%7B%20count%20%7D%7D%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Eh3%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBCopyright%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBMap%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ebutton%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40click%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Etoggle%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%7B%7B%20show%20%3F%20'%E9%9A%90%E8%97%8F'%20%3A%20'%E6%98%BE%E7%A4%BA'%20%7D%7D%E5%8F%B3%E4%B8%8A%E8%A7%92%E7%89%88%E6%9D%83%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ebutton%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ediv%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Escript%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Esetup%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Elang%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ets%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20script%22%3E%3Cspan%20class%3D%22token%20language-javascript%22%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Eimport%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20ref%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Efrom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'vue'%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20count%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20ref%3Cspan%20class%3D%22token%20operator%22%3E%26lt%3B%3C%2Fspan%3Enumber%3Cspan%20class%3D%22token%20operator%22%3E%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E1%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20show%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20ref%3Cspan%20class%3D%22token%20operator%22%3E%26lt%3B%3C%2Fspan%3Eboolean%3Cspan%20class%3D%22token%20operator%22%3E%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20boolean%22%3Etrue%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Efunction%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3Etoggle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20show%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E!%3C%2Fspan%3Eshow%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20function%22%3EsetInterval%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20count%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%3Cspan%20class%3D%22token%20operator%22%3E%2B%2B%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E1000%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Escript%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3C%2Fcode%3E%3C%2Fpre%3E",path:"control/copyRight","raw-source":"%3Ctemplate%3E%0A%20%20%3Cdiv%3E%0A%20%20%20%20%3CBMap%20v-bind%3D%22%24attrs%22%3E%0A%20%20%20%20%20%20%3CBCopyright%20anchor%3D%22BMAP_ANCHOR_TOP_RIGHT%22%20%3Avisible%3D%22show%22%3E%0A%20%20%20%20%20%20%20%20%3Cdiv%20style%3D%22display%3A%20flex%3B%20align-items%3A%20flex-end%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cimg%20width%3D%2240%22%20src%3D%22https%3A%2F%2Fs1.ax1x.com%2F2022%2F09%2F29%2FxmTpcT.png%22%20alt%3D%22%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%40%E6%88%91%E6%98%AF%E8%87%AA%E5%AE%9A%E4%B9%89%E7%89%88%E6%9D%83%E6%8E%A7%E4%BB%B6%E5%91%80%0A%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%3C%2FBCopyright%3E%0A%20%20%20%20%20%20%3CBCopyright%20anchor%3D%22BMAP_ANCHOR_BOTTOM_RIGHT%22%3E%0A%20%20%20%20%20%20%20%20%3Ch3%3E%E5%8A%A8%E6%80%81%E5%86%85%E5%AE%B91%3A%20%7B%7B%20count%20%7D%7D%3C%2Fh3%3E%0A%20%20%20%20%20%20%3C%2FBCopyright%3E%0A%20%20%20%20%20%20%3CBCopyright%20anchor%3D%22BMAP_ANCHOR_BOTTOM_RIGHT%22%3E%0A%20%20%20%20%20%20%20%20%3Ch3%3E%E5%8A%A8%E6%80%81%E5%86%85%E5%AE%B92%3A%20%7B%7B%20count%20%7D%7D%3C%2Fh3%3E%0A%20%20%20%20%20%20%3C%2FBCopyright%3E%0A%20%20%20%20%3C%2FBMap%3E%0A%20%20%20%20%3Cbutton%20class%3D%22myButton%20no-m-b%22%20%40click%3D%22toggle%22%3E%7B%7B%20show%20%3F%20'%E9%9A%90%E8%97%8F'%20%3A%20'%E6%98%BE%E7%A4%BA'%20%7D%7D%E5%8F%B3%E4%B8%8A%E8%A7%92%E7%89%88%E6%9D%83%3C%2Fbutton%3E%0A%20%20%3C%2Fdiv%3E%0A%3C%2Ftemplate%3E%0A%0A%3Cscript%20setup%20lang%3D%22ts%22%3E%0A%20%20import%20%7B%20ref%20%7D%20from%20'vue'%0A%20%20const%20count%20%3D%20ref%3Cnumber%3E(1)%0A%20%20const%20show%20%3D%20ref%3Cboolean%3E(true)%0A%20%20function%20toggle()%20%7B%0A%20%20%20%20show.value%20%3D%20!show.value%0A%20%20%7D%0A%20%20setInterval(()%20%3D%3E%20%7B%0A%20%20%20%20count.value%2B%2B%0A%20%20%7D%2C%201000)%0A%3C%2Fscript%3E%0A",description:""},{default:C(()=>[i]),_:1}),D,a("table",null,[F,a("tbody",null,[a("tr",null,[r,k,d,h,A,a("td",null,[t(o,{type:"tip",text:"^2.2.0"})])])])]),B])}const O=E(l,[["render",g]]);export{P as __pageData,O as default}; diff --git a/assets/zh-CN_components_control_custom.md.UcP2ujsc.js b/assets/zh-CN_components_control_custom.md.UcP2ujsc.js new file mode 100644 index 00000000..fb6a03ad --- /dev/null +++ b/assets/zh-CN_components_control_custom.md.UcP2ujsc.js @@ -0,0 +1 @@ +import{_ as e,D as s,c as E,I as t,w as c,k as n,R as a,o as C}from"./chunks/framework.aeLSa5ZG.js";const x=JSON.parse('{"title":"BControl 自定义控件","description":"","frontmatter":{},"headers":[],"relativePath":"zh-CN/components/control/custom.md","filePath":"zh-CN/components/control/custom.md","lastUpdated":1710870588000}'),l={name:"zh-CN/components/control/custom.md"},u=a('

BControl 自定义控件 ​

根据地图 BMap 组件提供的 Props，或者地图实例，自定义控件

ts
import { BControl } from 'vue3-baidu-map-gl'

组件示例 ​

',4),i=n("p",null,"control/custom",-1),r=a('

静态组件 Props ​

属性说明类型可选值默认值
anchor控件的停靠位置stringanchorBMAP_ANCHOR_BOTTOM_LEFT
offset控件的偏移值{x: number, y: number }-{ x: 83, y: 18 }

动态组件 Props ​

',3),D=n("thead",null,[n("tr",null,[n("th",null,"属性"),n("th",null,"说明"),n("th",null,"类型"),n("th",null,"可选值"),n("th",null,"默认值"),n("th",null,"版本")])],-1),k=n("td",null,"visible",-1),F=n("td",null,"是否显示",-1),d=n("td",null,[n("code",null,"boolean")],-1),h=n("td",null,"-",-1),A=n("td",null,[n("code",null,"true")],-1),m=a('

anchor ​

值说明
BMAP_ANCHOR_TOP_LEFT左上
BMAP_ANCHOR_TOP_RIGHT右上
BMAP_ANCHOR_BOTTOM_LEFT左下
BMAP_ANCHOR_BOTTOM_RIGHT右下

组件事件 ​

事件名说明类型
initd组件初始化后，调用的方法，返回一个地图实例{ map, BmapGL, instance }
unload组件卸载时会调用此方法-
',4);function _(B,g,b,f,y,T){const p=s("Demo"),o=s("Badge");return C(),E("div",null,[u,t(p,{source:"%3Cpre%20v-pre%3E%3Ccode%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMap%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40initd%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EhandleInitd%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Azoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ezoom%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBControl%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20special-attr%22%3E%3Cspan%20class%3D%22token%20attr-name%22%3Estyle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3Cspan%20class%3D%22token%20value%20css%20language-css%22%3E%3Cspan%20class%3D%22token%20property%22%3Edisplay%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%20flex%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20property%22%3Ebackground-color%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%20%23fff%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20property%22%3Epadding%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%2010px%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aoffset%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%7B%20x%3A%200%2C%20y%3A%200%20%7D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ebutton%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40click%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EhandleZoomOut%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E7%BC%A9%E5%B0%8F%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ebutton%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ebutton%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40click%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EhandleZoomIn%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E6%94%BE%E5%A4%A7%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ebutton%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBControl%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBMap%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Escript%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Esetup%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Elang%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ets%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20script%22%3E%3Cspan%20class%3D%22token%20language-javascript%22%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Eimport%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20ref%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Efrom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'vue'%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20zoom%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3Eref%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E10%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Elet%3C%2Fspan%3E%20_map%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Efunction%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3EhandleInitd%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20parameter%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20map%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20_map%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20map%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Efunction%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3EhandleZoomOut%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20zoom%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20_map%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3EgetZoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E-%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E1%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Efunction%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3EhandleZoomIn%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20zoom%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20_map%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3EgetZoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%2B%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E1%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Escript%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Estyle%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Escoped%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20style%22%3E%3Cspan%20class%3D%22token%20language-css%22%3E%0A%20%20%3Cspan%20class%3D%22token%20selector%22%3Ebutton%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Eoutline%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%20none%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Eborder%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%20none%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Ebackground%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%20%2341b883%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Emargin%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%200%205px%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Epadding%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%205px%2015px%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Eborder-radius%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%204px%20%3Cspan%20class%3D%22token%20important%22%3E!important%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Estyle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3C%2Fcode%3E%3C%2Fpre%3E",path:"control/custom","raw-source":"%3Ctemplate%3E%0A%20%20%3CBMap%20v-bind%3D%22%24attrs%22%20%40initd%3D%22handleInitd%22%20%3Azoom%3D%22zoom%22%3E%0A%20%20%20%20%3CBControl%20style%3D%22display%3A%20flex%3B%20background-color%3A%20%23fff%3B%20padding%3A%2010px%22%20%3Aoffset%3D%22%7B%20x%3A%200%2C%20y%3A%200%20%7D%22%3E%0A%20%20%20%20%20%20%3Cbutton%20%40click%3D%22handleZoomOut%22%3E%E7%BC%A9%E5%B0%8F%3C%2Fbutton%3E%0A%20%20%20%20%20%20%3Cbutton%20%40click%3D%22handleZoomIn%22%3E%E6%94%BE%E5%A4%A7%3C%2Fbutton%3E%0A%20%20%20%20%3C%2FBControl%3E%0A%20%20%3C%2FBMap%3E%0A%3C%2Ftemplate%3E%0A%0A%3Cscript%20setup%20lang%3D%22ts%22%3E%0A%20%20import%20%7B%20ref%20%7D%20from%20'vue'%0A%20%20const%20zoom%20%3D%20ref(10)%0A%20%20let%20_map%0A%20%20function%20handleInitd(%7B%20map%20%7D)%20%7B%0A%20%20%20%20_map%20%3D%20map%0A%20%20%7D%0A%20%20function%20handleZoomOut()%20%7B%0A%20%20%20%20zoom.value%20%3D%20_map.getZoom()%20-%201%0A%20%20%7D%0A%20%20function%20handleZoomIn()%20%7B%0A%20%20%20%20zoom.value%20%3D%20_map.getZoom()%20%2B%201%0A%20%20%7D%0A%3C%2Fscript%3E%0A%0A%3Cstyle%20scoped%3E%0A%20%20button%20%7B%0A%20%20%20%20outline%3A%20none%3B%0A%20%20%20%20border%3A%20none%3B%0A%20%20%20%20background%3A%20%2341b883%3B%0A%20%20%20%20margin%3A%200%205px%3B%0A%20%20%20%20padding%3A%205px%2015px%3B%0A%20%20%20%20border-radius%3A%204px%20!important%3B%0A%20%20%7D%0A%3C%2Fstyle%3E%0A",description:""},{default:c(()=>[i]),_:1}),r,n("table",null,[D,n("tbody",null,[n("tr",null,[k,F,d,h,A,n("td",null,[t(o,{type:"tip",text:"^2.2.0"})])])])]),m])}const P=e(l,[["render",_]]);export{x as __pageData,P as default}; diff --git a/assets/zh-CN_components_control_custom.md.UcP2ujsc.lean.js b/assets/zh-CN_components_control_custom.md.UcP2ujsc.lean.js new file mode 100644 index 00000000..599ab5fe --- /dev/null +++ b/assets/zh-CN_components_control_custom.md.UcP2ujsc.lean.js @@ -0,0 +1 @@ +import{_ as e,D as s,c as E,I as t,w as c,k as n,R as a,o as C}from"./chunks/framework.aeLSa5ZG.js";const x=JSON.parse('{"title":"BControl 自定义控件","description":"","frontmatter":{},"headers":[],"relativePath":"zh-CN/components/control/custom.md","filePath":"zh-CN/components/control/custom.md","lastUpdated":1710870588000}'),l={name:"zh-CN/components/control/custom.md"},u=a("",4),i=n("p",null,"control/custom",-1),r=a("",3),D=n("thead",null,[n("tr",null,[n("th",null,"属性"),n("th",null,"说明"),n("th",null,"类型"),n("th",null,"可选值"),n("th",null,"默认值"),n("th",null,"版本")])],-1),k=n("td",null,"visible",-1),F=n("td",null,"是否显示",-1),d=n("td",null,[n("code",null,"boolean")],-1),h=n("td",null,"-",-1),A=n("td",null,[n("code",null,"true")],-1),m=a("",4);function _(B,g,b,f,y,T){const p=s("Demo"),o=s("Badge");return C(),E("div",null,[u,t(p,{source:"%3Cpre%20v-pre%3E%3Ccode%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMap%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40initd%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EhandleInitd%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Azoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ezoom%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBControl%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20special-attr%22%3E%3Cspan%20class%3D%22token%20attr-name%22%3Estyle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3Cspan%20class%3D%22token%20value%20css%20language-css%22%3E%3Cspan%20class%3D%22token%20property%22%3Edisplay%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%20flex%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20property%22%3Ebackground-color%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%20%23fff%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20property%22%3Epadding%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%2010px%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aoffset%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%7B%20x%3A%200%2C%20y%3A%200%20%7D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ebutton%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40click%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EhandleZoomOut%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E7%BC%A9%E5%B0%8F%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ebutton%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ebutton%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40click%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EhandleZoomIn%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E6%94%BE%E5%A4%A7%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ebutton%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBControl%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBMap%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Escript%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Esetup%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Elang%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ets%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20script%22%3E%3Cspan%20class%3D%22token%20language-javascript%22%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Eimport%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20ref%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Efrom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'vue'%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20zoom%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3Eref%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E10%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Elet%3C%2Fspan%3E%20_map%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Efunction%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3EhandleInitd%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20parameter%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20map%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20_map%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20map%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Efunction%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3EhandleZoomOut%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20zoom%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20_map%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3EgetZoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E-%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E1%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Efunction%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3EhandleZoomIn%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20zoom%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20_map%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3EgetZoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%2B%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E1%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Escript%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Estyle%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Escoped%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20style%22%3E%3Cspan%20class%3D%22token%20language-css%22%3E%0A%20%20%3Cspan%20class%3D%22token%20selector%22%3Ebutton%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Eoutline%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%20none%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Eborder%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%20none%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Ebackground%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%20%2341b883%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Emargin%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%200%205px%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Epadding%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%205px%2015px%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Eborder-radius%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%204px%20%3Cspan%20class%3D%22token%20important%22%3E!important%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Estyle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3C%2Fcode%3E%3C%2Fpre%3E",path:"control/custom","raw-source":"%3Ctemplate%3E%0A%20%20%3CBMap%20v-bind%3D%22%24attrs%22%20%40initd%3D%22handleInitd%22%20%3Azoom%3D%22zoom%22%3E%0A%20%20%20%20%3CBControl%20style%3D%22display%3A%20flex%3B%20background-color%3A%20%23fff%3B%20padding%3A%2010px%22%20%3Aoffset%3D%22%7B%20x%3A%200%2C%20y%3A%200%20%7D%22%3E%0A%20%20%20%20%20%20%3Cbutton%20%40click%3D%22handleZoomOut%22%3E%E7%BC%A9%E5%B0%8F%3C%2Fbutton%3E%0A%20%20%20%20%20%20%3Cbutton%20%40click%3D%22handleZoomIn%22%3E%E6%94%BE%E5%A4%A7%3C%2Fbutton%3E%0A%20%20%20%20%3C%2FBControl%3E%0A%20%20%3C%2FBMap%3E%0A%3C%2Ftemplate%3E%0A%0A%3Cscript%20setup%20lang%3D%22ts%22%3E%0A%20%20import%20%7B%20ref%20%7D%20from%20'vue'%0A%20%20const%20zoom%20%3D%20ref(10)%0A%20%20let%20_map%0A%20%20function%20handleInitd(%7B%20map%20%7D)%20%7B%0A%20%20%20%20_map%20%3D%20map%0A%20%20%7D%0A%20%20function%20handleZoomOut()%20%7B%0A%20%20%20%20zoom.value%20%3D%20_map.getZoom()%20-%201%0A%20%20%7D%0A%20%20function%20handleZoomIn()%20%7B%0A%20%20%20%20zoom.value%20%3D%20_map.getZoom()%20%2B%201%0A%20%20%7D%0A%3C%2Fscript%3E%0A%0A%3Cstyle%20scoped%3E%0A%20%20button%20%7B%0A%20%20%20%20outline%3A%20none%3B%0A%20%20%20%20border%3A%20none%3B%0A%20%20%20%20background%3A%20%2341b883%3B%0A%20%20%20%20margin%3A%200%205px%3B%0A%20%20%20%20padding%3A%205px%2015px%3B%0A%20%20%20%20border-radius%3A%204px%20!important%3B%0A%20%20%7D%0A%3C%2Fstyle%3E%0A",description:""},{default:c(()=>[i]),_:1}),r,n("table",null,[D,n("tbody",null,[n("tr",null,[k,F,d,h,A,n("td",null,[t(o,{type:"tip",text:"^2.2.0"})])])])]),m])}const P=e(l,[["render",_]]);export{x as __pageData,P as default}; diff --git a/assets/zh-CN_components_control_location.md.szTkX13x.js b/assets/zh-CN_components_control_location.md.szTkX13x.js new file mode 100644 index 00000000..ab67ed15 --- /dev/null +++ b/assets/zh-CN_components_control_location.md.szTkX13x.js @@ -0,0 +1 @@ +import{_ as e,D as s,c as d,I as a,w as c,k as t,R as o,o as i}from"./chunks/framework.aeLSa5ZG.js";const L=JSON.parse('{"title":"BLocation 定位控件","description":"","frontmatter":{},"headers":[],"relativePath":"zh-CN/components/control/location.md","filePath":"zh-CN/components/control/location.md","lastUpdated":1710870588000}'),p={name:"zh-CN/components/control/location.md"},r=o('

BLocation 定位控件 ​

定位控件，默认位于地图右下角

ts
import { BLocation } from 'vue3-baidu-map-gl'

组件示例 ​

',4),h=t("p",null,"control/location",-1),_=o('

静态组件 Props ​

属性说明类型可选值默认值
anchor控件的停靠位置stringanchorBMAP_ANCHOR_BOTTOM_RIGHT
offset控件的偏移值{x: number, y: number }-{ x: 18, y: 18 }

动态组件 Props ​

',3),u=t("thead",null,[t("tr",null,[t("th",null,"属性"),t("th",null,"说明"),t("th",null,"类型"),t("th",null,"可选值"),t("th",null,"默认值"),t("th",null,"版本")])],-1),C=t("td",null,"visible",-1),E=t("td",null,"是否显示",-1),k=t("td",null,[t("code",null,"boolean")],-1),b=t("td",null,"-",-1),m=t("td",null,[t("code",null,"true")],-1),F=o('

anchor ​

值说明
BMAP_ANCHOR_TOP_LEFT左上
BMAP_ANCHOR_TOP_RIGHT右上
BMAP_ANCHOR_BOTTOM_LEFT左下
BMAP_ANCHOR_BOTTOM_RIGHT右下

组件事件 ​

',3),A=t("thead",null,[t("tr",null,[t("th",null,"事件名"),t("th",null,"说明"),t("th",null,"类型"),t("th",null,"版本")])],-1),T=t("tr",null,[t("td",null,"initd"),t("td",null,"组件初始化后，调用的方法，返回一个地图实例"),t("td",null,[t("code",null,"{ map, BmapGL, instance }")]),t("td",null,"-")],-1),B=t("tr",null,[t("td",null,"unload"),t("td",null,"组件卸载时会调用此方法"),t("td",null,"-"),t("td",null,"-")],-1),D=t("td",null,"locationSuccess",-1),g=t("td",null,"定位成功时会调用此方法",-1),P=t("td",null,[t("code",null,"{Event}")],-1),f=t("td",null,"locationError",-1),y=t("td",null,"定位失败时会调用此方法",-1),x=t("td",null,[t("code",null,"{Event}")],-1);function N(v,O,q,M,R,S){const l=s("Demo"),n=s("Badge");return i(),d("div",null,[r,a(l,{source:"%3Cpre%20v-pre%3E%3Ccode%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMap%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBLocation%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBMap%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3C%2Fcode%3E%3C%2Fpre%3E",path:"control/location","raw-source":"%3Ctemplate%3E%0A%20%20%3CBMap%20v-bind%3D%22%24attrs%22%3E%0A%20%20%20%20%3CBLocation%20%2F%3E%0A%20%20%3C%2FBMap%3E%0A%3C%2Ftemplate%3E%0A",description:""},{default:c(()=>[h]),_:1}),_,t("table",null,[u,t("tbody",null,[t("tr",null,[C,E,k,b,m,t("td",null,[a(n,{type:"tip",text:"^2.2.0"})])])])]),F,t("table",null,[A,t("tbody",null,[T,B,t("tr",null,[D,g,P,t("td",null,[a(n,{type:"tip",text:"^0.0.39"})])]),t("tr",null,[f,y,x,t("td",null,[a(n,{type:"tip",text:"^0.0.39"})])])])])])}const V=e(p,[["render",N]]);export{L as __pageData,V as default}; diff --git a/assets/zh-CN_components_control_location.md.szTkX13x.lean.js b/assets/zh-CN_components_control_location.md.szTkX13x.lean.js new file mode 100644 index 00000000..e4651e6a --- /dev/null +++ b/assets/zh-CN_components_control_location.md.szTkX13x.lean.js @@ -0,0 +1 @@ +import{_ as e,D as s,c as d,I as a,w as c,k as t,R as o,o as i}from"./chunks/framework.aeLSa5ZG.js";const L=JSON.parse('{"title":"BLocation 定位控件","description":"","frontmatter":{},"headers":[],"relativePath":"zh-CN/components/control/location.md","filePath":"zh-CN/components/control/location.md","lastUpdated":1710870588000}'),p={name:"zh-CN/components/control/location.md"},r=o("",4),h=t("p",null,"control/location",-1),_=o("",3),u=t("thead",null,[t("tr",null,[t("th",null,"属性"),t("th",null,"说明"),t("th",null,"类型"),t("th",null,"可选值"),t("th",null,"默认值"),t("th",null,"版本")])],-1),C=t("td",null,"visible",-1),E=t("td",null,"是否显示",-1),k=t("td",null,[t("code",null,"boolean")],-1),b=t("td",null,"-",-1),m=t("td",null,[t("code",null,"true")],-1),F=o("",3),A=t("thead",null,[t("tr",null,[t("th",null,"事件名"),t("th",null,"说明"),t("th",null,"类型"),t("th",null,"版本")])],-1),T=t("tr",null,[t("td",null,"initd"),t("td",null,"组件初始化后，调用的方法，返回一个地图实例"),t("td",null,[t("code",null,"{ map, BmapGL, instance }")]),t("td",null,"-")],-1),B=t("tr",null,[t("td",null,"unload"),t("td",null,"组件卸载时会调用此方法"),t("td",null,"-"),t("td",null,"-")],-1),D=t("td",null,"locationSuccess",-1),g=t("td",null,"定位成功时会调用此方法",-1),P=t("td",null,[t("code",null,"{Event}")],-1),f=t("td",null,"locationError",-1),y=t("td",null,"定位失败时会调用此方法",-1),x=t("td",null,[t("code",null,"{Event}")],-1);function N(v,O,q,M,R,S){const l=s("Demo"),n=s("Badge");return i(),d("div",null,[r,a(l,{source:"%3Cpre%20v-pre%3E%3Ccode%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMap%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBLocation%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBMap%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3C%2Fcode%3E%3C%2Fpre%3E",path:"control/location","raw-source":"%3Ctemplate%3E%0A%20%20%3CBMap%20v-bind%3D%22%24attrs%22%3E%0A%20%20%20%20%3CBLocation%20%2F%3E%0A%20%20%3C%2FBMap%3E%0A%3C%2Ftemplate%3E%0A",description:""},{default:c(()=>[h]),_:1}),_,t("table",null,[u,t("tbody",null,[t("tr",null,[C,E,k,b,m,t("td",null,[a(n,{type:"tip",text:"^2.2.0"})])])])]),F,t("table",null,[A,t("tbody",null,[T,B,t("tr",null,[D,g,P,t("td",null,[a(n,{type:"tip",text:"^0.0.39"})])]),t("tr",null,[f,y,x,t("td",null,[a(n,{type:"tip",text:"^0.0.39"})])])])])])}const V=e(p,[["render",N]]);export{L as __pageData,V as default}; diff --git a/assets/zh-CN_components_control_navigation3d.md.iReu1i7a.js b/assets/zh-CN_components_control_navigation3d.md.iReu1i7a.js new file mode 100644 index 00000000..381563d9 --- /dev/null +++ b/assets/zh-CN_components_control_navigation3d.md.iReu1i7a.js @@ -0,0 +1 @@ +import{_ as d,D as n,c as l,I as s,w as i,k as t,R as a,o as p}from"./chunks/framework.aeLSa5ZG.js";const f=JSON.parse('{"title":"BNavigation3d 3D 视角导航控件","description":"","frontmatter":{},"headers":[],"relativePath":"zh-CN/components/control/navigation3d.md","filePath":"zh-CN/components/control/navigation3d.md","lastUpdated":1710870588000}'),r={name:"zh-CN/components/control/navigation3d.md"},c=a('

BNavigation3d 3D 视角导航控件 ​

地图 3D 控件，可以控制地图的旋转、倾斜，默认位于地图右下角

ts
import { BNavigation3d } from 'vue3-baidu-map-gl'

组件示例 ​

',4),h=t("p",null,"control/navigation3d",-1),_=a('

静态组件 Props ​

属性说明类型可选值默认值
anchor控件的停靠位置stringanchorBMAP_ANCHOR_BOTTOM_LEFT
offset控件的偏移值{x: number, y: number }-{ x: 83, y: 18 }

动态组件 Props ​

',3),u=t("thead",null,[t("tr",null,[t("th",null,"属性"),t("th",null,"说明"),t("th",null,"类型"),t("th",null,"可选值"),t("th",null,"默认值"),t("th",null,"版本")])],-1),C=t("td",null,"visible",-1),E=t("td",null,"是否显示",-1),k=t("td",null,[t("code",null,"boolean")],-1),g=t("td",null,"-",-1),b=t("td",null,[t("code",null,"true")],-1),m=a('

anchor ​

值说明
BMAP_ANCHOR_TOP_LEFT左上
BMAP_ANCHOR_TOP_RIGHT右上
BMAP_ANCHOR_BOTTOM_LEFT左下
BMAP_ANCHOR_BOTTOM_RIGHT右下

组件事件 ​

事件名说明类型
initd组件初始化后，调用的方法，返回一个地图实例{ map, BmapGL, instance }
unload组件卸载时会调用此方法-
',4);function F(D,A,T,B,v,P){const o=n("Demo"),e=n("Badge");return p(),l("div",null,[c,s(o,{source:"%3Cpre%20v-pre%3E%3Ccode%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMap%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBNavigation3d%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBMap%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3C%2Fcode%3E%3C%2Fpre%3E",path:"control/navigation3d","raw-source":"%3Ctemplate%3E%0A%20%20%3CBMap%20v-bind%3D%22%24attrs%22%3E%0A%20%20%20%20%3CBNavigation3d%20%2F%3E%0A%20%20%3C%2FBMap%3E%0A%3C%2Ftemplate%3E%0A",description:""},{default:i(()=>[h]),_:1}),_,t("table",null,[u,t("tbody",null,[t("tr",null,[C,E,k,g,b,t("td",null,[s(e,{type:"tip",text:"^2.2.0"})])])])]),m])}const y=d(r,[["render",F]]);export{f as __pageData,y as default}; diff --git a/assets/zh-CN_components_control_navigation3d.md.iReu1i7a.lean.js b/assets/zh-CN_components_control_navigation3d.md.iReu1i7a.lean.js new file mode 100644 index 00000000..2f80accf --- /dev/null +++ b/assets/zh-CN_components_control_navigation3d.md.iReu1i7a.lean.js @@ -0,0 +1 @@ +import{_ as d,D as n,c as l,I as s,w as i,k as t,R as a,o as p}from"./chunks/framework.aeLSa5ZG.js";const f=JSON.parse('{"title":"BNavigation3d 3D 视角导航控件","description":"","frontmatter":{},"headers":[],"relativePath":"zh-CN/components/control/navigation3d.md","filePath":"zh-CN/components/control/navigation3d.md","lastUpdated":1710870588000}'),r={name:"zh-CN/components/control/navigation3d.md"},c=a("",4),h=t("p",null,"control/navigation3d",-1),_=a("",3),u=t("thead",null,[t("tr",null,[t("th",null,"属性"),t("th",null,"说明"),t("th",null,"类型"),t("th",null,"可选值"),t("th",null,"默认值"),t("th",null,"版本")])],-1),C=t("td",null,"visible",-1),E=t("td",null,"是否显示",-1),k=t("td",null,[t("code",null,"boolean")],-1),g=t("td",null,"-",-1),b=t("td",null,[t("code",null,"true")],-1),m=a("",4);function F(D,A,T,B,v,P){const o=n("Demo"),e=n("Badge");return p(),l("div",null,[c,s(o,{source:"%3Cpre%20v-pre%3E%3Ccode%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMap%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBNavigation3d%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBMap%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3C%2Fcode%3E%3C%2Fpre%3E",path:"control/navigation3d","raw-source":"%3Ctemplate%3E%0A%20%20%3CBMap%20v-bind%3D%22%24attrs%22%3E%0A%20%20%20%20%3CBNavigation3d%20%2F%3E%0A%20%20%3C%2FBMap%3E%0A%3C%2Ftemplate%3E%0A",description:""},{default:i(()=>[h]),_:1}),_,t("table",null,[u,t("tbody",null,[t("tr",null,[C,E,k,g,b,t("td",null,[s(e,{type:"tip",text:"^2.2.0"})])])])]),m])}const y=d(r,[["render",F]]);export{f as __pageData,y as default}; diff --git a/assets/zh-CN_components_control_panorama-control.md.a2jnnlGQ.js b/assets/zh-CN_components_control_panorama-control.md.a2jnnlGQ.js new file mode 100644 index 00000000..412ad49c --- /dev/null +++ b/assets/zh-CN_components_control_panorama-control.md.a2jnnlGQ.js @@ -0,0 +1 @@ +import{_ as r,D as e,c as p,k as t,a as s,I as a,w as d,R as n,o as c}from"./chunks/framework.aeLSa5ZG.js";const O=JSON.parse('{"title":"BPanoramaControl 全景控件","description":"","frontmatter":{},"headers":[],"relativePath":"zh-CN/components/control/panorama-control.md","filePath":"zh-CN/components/control/panorama-control.md","lastUpdated":1710870588000}'),h={name:"zh-CN/components/control/panorama-control.md"},i={id:"bpanoramacontrol-全景控件",tabindex:"-1"},C=t("a",{class:"header-anchor",href:"#bpanoramacontrol-全景控件","aria-label":'Permalink to "BPanoramaControl 全景控件 "'},"​",-1),_=n('

全景地图服务，360° 全景地图刻画真实世界，将街道场景带入到地图产品中，用户可以拖拽地图从不同的角度浏览真实的街景效果

ts
import { BPanoramaControl } from 'vue3-baidu-map-gl'

TIP

全景地图服务属于百度地图高级服务，需要向 百度地图申请 才可以使用

组件示例 ​

单独使用该组件不会显示全景地图覆盖情况，还需要搭配BPanoramaCoverageLayer组件使用。

',5),E=t("p",null,"control/panoramaControl",-1),u=n('

静态组件 Props ​

属性说明类型可选值默认值
anchor控件的停靠位置stringanchorBMAP_ANCHOR_BOTTOM_RIGHT
offset控件的偏移值{x: number, y: number }-{ x: 18, y: 18 }

动态组件 Props ​

',3),m=t("thead",null,[t("tr",null,[t("th",null,"属性"),t("th",null,"说明"),t("th",null,"类型"),t("th",null,"可选值"),t("th",null,"默认值"),t("th",null,"版本")])],-1),k=t("td",null,"visible",-1),b=t("td",null,"是否显示",-1),A=t("td",null,[t("code",null,"boolean")],-1),F=t("td",null,"-",-1),B=t("td",null,[t("code",null,"true")],-1),D=n('

anchor ​

值说明
BMAP_ANCHOR_TOP_LEFT左上
BMAP_ANCHOR_TOP_RIGHT右上
BMAP_ANCHOR_BOTTOM_LEFT左下
BMAP_ANCHOR_BOTTOM_RIGHT右下

组件事件 ​

事件名说明类型
initd组件初始化后，调用的方法，返回一个地图实例{ map, BmapGL, instance }
unload组件卸载时会调用此方法-
',4);function P(T,g,y,f,v,x){const o=e("Badge"),l=e("Demo");return c(),p("div",null,[t("h1",i,[s("BPanoramaControl 全景控件 "),a(o,{type:"tip",text:"^0.0.31"}),s(),C]),_,a(l,{source:"%3Cpre%20v-pre%3E%3Ccode%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMap%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3EenableScrollWheelZoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBPanoramaControl%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBPanoramaCoverageLayer%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBMap%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3C%2Fcode%3E%3C%2Fpre%3E",path:"control/panoramaControl","raw-source":"%3Ctemplate%3E%0A%20%20%3CBMap%20v-bind%3D%22%24attrs%22%20enableScrollWheelZoom%3E%0A%20%20%20%20%3CBPanoramaControl%20%2F%3E%0A%20%20%20%20%3CBPanoramaCoverageLayer%20%2F%3E%0A%20%20%3C%2FBMap%3E%0A%3C%2Ftemplate%3E%0A",description:""},{default:d(()=>[E]),_:1}),u,t("table",null,[m,t("tbody",null,[t("tr",null,[k,b,A,F,B,t("td",null,[a(o,{type:"tip",text:"^2.2.0"})])])])]),D])}const S=r(h,[["render",P]]);export{O as __pageData,S as default}; diff --git a/assets/zh-CN_components_control_panorama-control.md.a2jnnlGQ.lean.js b/assets/zh-CN_components_control_panorama-control.md.a2jnnlGQ.lean.js new file mode 100644 index 00000000..5dda21df --- /dev/null +++ b/assets/zh-CN_components_control_panorama-control.md.a2jnnlGQ.lean.js @@ -0,0 +1 @@ +import{_ as r,D as e,c as p,k as t,a as s,I as a,w as d,R as n,o as c}from"./chunks/framework.aeLSa5ZG.js";const O=JSON.parse('{"title":"BPanoramaControl 全景控件","description":"","frontmatter":{},"headers":[],"relativePath":"zh-CN/components/control/panorama-control.md","filePath":"zh-CN/components/control/panorama-control.md","lastUpdated":1710870588000}'),h={name:"zh-CN/components/control/panorama-control.md"},i={id:"bpanoramacontrol-全景控件",tabindex:"-1"},C=t("a",{class:"header-anchor",href:"#bpanoramacontrol-全景控件","aria-label":'Permalink to "BPanoramaControl 全景控件 "'},"​",-1),_=n("",5),E=t("p",null,"control/panoramaControl",-1),u=n("",3),m=t("thead",null,[t("tr",null,[t("th",null,"属性"),t("th",null,"说明"),t("th",null,"类型"),t("th",null,"可选值"),t("th",null,"默认值"),t("th",null,"版本")])],-1),k=t("td",null,"visible",-1),b=t("td",null,"是否显示",-1),A=t("td",null,[t("code",null,"boolean")],-1),F=t("td",null,"-",-1),B=t("td",null,[t("code",null,"true")],-1),D=n("",4);function P(T,g,y,f,v,x){const o=e("Badge"),l=e("Demo");return c(),p("div",null,[t("h1",i,[s("BPanoramaControl 全景控件 "),a(o,{type:"tip",text:"^0.0.31"}),s(),C]),_,a(l,{source:"%3Cpre%20v-pre%3E%3Ccode%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMap%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3EenableScrollWheelZoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBPanoramaControl%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBPanoramaCoverageLayer%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBMap%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3C%2Fcode%3E%3C%2Fpre%3E",path:"control/panoramaControl","raw-source":"%3Ctemplate%3E%0A%20%20%3CBMap%20v-bind%3D%22%24attrs%22%20enableScrollWheelZoom%3E%0A%20%20%20%20%3CBPanoramaControl%20%2F%3E%0A%20%20%20%20%3CBPanoramaCoverageLayer%20%2F%3E%0A%20%20%3C%2FBMap%3E%0A%3C%2Ftemplate%3E%0A",description:""},{default:d(()=>[E]),_:1}),u,t("table",null,[m,t("tbody",null,[t("tr",null,[k,b,A,F,B,t("td",null,[a(o,{type:"tip",text:"^2.2.0"})])])])]),D])}const S=r(h,[["render",P]]);export{O as __pageData,S as default}; diff --git a/assets/zh-CN_components_control_scale.md.T21qzRai.js b/assets/zh-CN_components_control_scale.md.T21qzRai.js new file mode 100644 index 00000000..0c917519 --- /dev/null +++ b/assets/zh-CN_components_control_scale.md.T21qzRai.js @@ -0,0 +1 @@ +import{_ as l,D as n,c as d,I as e,w as c,k as t,R as a,o as r}from"./chunks/framework.aeLSa5ZG.js";const N=JSON.parse('{"title":"BScale 比例尺控件","description":"","frontmatter":{},"headers":[],"relativePath":"zh-CN/components/control/scale.md","filePath":"zh-CN/components/control/scale.md","lastUpdated":1710870588000}'),h={name:"zh-CN/components/control/scale.md"},p=a('

BScale 比例尺控件 ​

比例尺控件，默认显示在地图左下角

ts
import { BScale } from 'vue3-baidu-map-gl'

组件示例 ​

',4),i=t("p",null,"control/scale",-1),_=a('

静态组件 Props ​

属性说明类型可选值默认值
anchor控件的停靠位置stringanchorBMAP_ANCHOR_BOTTOM_LEFT
offset控件的偏移值{x: number, y: number }-{ x: 83, y: 18 }

动态组件 Props ​

',3),u=t("thead",null,[t("tr",null,[t("th",null,"属性"),t("th",null,"说明"),t("th",null,"类型"),t("th",null,"可选值"),t("th",null,"默认值"),t("th",null,"版本")])],-1),C=t("tr",null,[t("td",null,"unit"),t("td",null,"比例尺单位制"),t("td",null,[t("code",null,"string")]),t("td",null,[t("a",{href:"#unit"},"unit")]),t("td",null,[t("code",null,"BMAP_UNIT_METRIC")]),t("td")],-1),E=t("td",null,"visible",-1),k=t("td",null,"是否显示",-1),b=t("td",null,[t("code",null,"boolean")],-1),m=t("td",null,"-",-1),F=t("td",null,[t("code",null,"true")],-1),T=a('

anchor ​

值说明
BMAP_ANCHOR_TOP_LEFT左上
BMAP_ANCHOR_TOP_RIGHT右上
BMAP_ANCHOR_BOTTOM_LEFT左下
BMAP_ANCHOR_BOTTOM_RIGHT右下

unit ​

值说明
BMAP_UNIT_METRIC公尺
BMAP_UNIT_IMPERIAL英尺

组件事件 ​

事件名说明类型
initd组件初始化后，调用的方法，返回一个地图实例{ map, BmapGL, instance }
unload组件卸载时会调用此方法-
',6);function A(B,D,P,g,f,y){const s=n("Demo"),o=n("Badge");return r(),d("div",null,[p,e(s,{source:"%3Cpre%20v-pre%3E%3Ccode%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMap%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBScale%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBMap%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3C%2Fcode%3E%3C%2Fpre%3E",path:"control/scale","raw-source":"%3Ctemplate%3E%0A%20%20%3CBMap%20v-bind%3D%22%24attrs%22%3E%0A%20%20%20%20%3CBScale%20%2F%3E%0A%20%20%3C%2FBMap%3E%0A%3C%2Ftemplate%3E%0A",description:""},{default:c(()=>[i]),_:1}),_,t("table",null,[u,t("tbody",null,[C,t("tr",null,[E,k,b,m,F,t("td",null,[e(o,{type:"tip",text:"^2.2.0"})])])])]),T])}const S=l(h,[["render",A]]);export{N as __pageData,S as default}; diff --git a/assets/zh-CN_components_control_scale.md.T21qzRai.lean.js b/assets/zh-CN_components_control_scale.md.T21qzRai.lean.js new file mode 100644 index 00000000..590b684c --- /dev/null +++ b/assets/zh-CN_components_control_scale.md.T21qzRai.lean.js @@ -0,0 +1 @@ +import{_ as l,D as n,c as d,I as e,w as c,k as t,R as a,o as r}from"./chunks/framework.aeLSa5ZG.js";const N=JSON.parse('{"title":"BScale 比例尺控件","description":"","frontmatter":{},"headers":[],"relativePath":"zh-CN/components/control/scale.md","filePath":"zh-CN/components/control/scale.md","lastUpdated":1710870588000}'),h={name:"zh-CN/components/control/scale.md"},p=a("",4),i=t("p",null,"control/scale",-1),_=a("",3),u=t("thead",null,[t("tr",null,[t("th",null,"属性"),t("th",null,"说明"),t("th",null,"类型"),t("th",null,"可选值"),t("th",null,"默认值"),t("th",null,"版本")])],-1),C=t("tr",null,[t("td",null,"unit"),t("td",null,"比例尺单位制"),t("td",null,[t("code",null,"string")]),t("td",null,[t("a",{href:"#unit"},"unit")]),t("td",null,[t("code",null,"BMAP_UNIT_METRIC")]),t("td")],-1),E=t("td",null,"visible",-1),k=t("td",null,"是否显示",-1),b=t("td",null,[t("code",null,"boolean")],-1),m=t("td",null,"-",-1),F=t("td",null,[t("code",null,"true")],-1),T=a("",6);function A(B,D,P,g,f,y){const s=n("Demo"),o=n("Badge");return r(),d("div",null,[p,e(s,{source:"%3Cpre%20v-pre%3E%3Ccode%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMap%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBScale%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBMap%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3C%2Fcode%3E%3C%2Fpre%3E",path:"control/scale","raw-source":"%3Ctemplate%3E%0A%20%20%3CBMap%20v-bind%3D%22%24attrs%22%3E%0A%20%20%20%20%3CBScale%20%2F%3E%0A%20%20%3C%2FBMap%3E%0A%3C%2Ftemplate%3E%0A",description:""},{default:c(()=>[i]),_:1}),_,t("table",null,[u,t("tbody",null,[C,t("tr",null,[E,k,b,m,F,t("td",null,[e(o,{type:"tip",text:"^2.2.0"})])])])]),T])}const S=l(h,[["render",A]]);export{N as __pageData,S as default}; diff --git a/assets/zh-CN_components_control_zoom.md.9aesRkwv.js b/assets/zh-CN_components_control_zoom.md.9aesRkwv.js new file mode 100644 index 00000000..554f2ecc --- /dev/null +++ b/assets/zh-CN_components_control_zoom.md.9aesRkwv.js @@ -0,0 +1 @@ +import{_ as d,D as o,c as l,I as n,w as p,k as t,R as a,o as r}from"./chunks/framework.aeLSa5ZG.js";const N=JSON.parse('{"title":"BZoom 缩放控件","description":"","frontmatter":{},"headers":[],"relativePath":"zh-CN/components/control/zoom.md","filePath":"zh-CN/components/control/zoom.md","lastUpdated":1710870588000}'),c={name:"zh-CN/components/control/zoom.md"},h=a('

BZoom 缩放控件 ​

缩放控件，默认位于地图右下角

ts
import { BZoom } from 'vue3-baidu-map-gl'

组件示例 ​

',4),i=t("p",null,"control/zoom",-1),_=a('

静态组件 Props ​

属性说明类型可选值默认值
anchor控件的停靠位置stringanchorBMAP_ANCHOR_BOTTOM_LEFT
offset控件的偏移值{x: number, y: number }- { x: 83, y: 18 }

动态组件 Props ​

',3),u=t("thead",null,[t("tr",null,[t("th",null,"属性"),t("th",null,"说明"),t("th",null,"类型"),t("th",null,"可选值"),t("th",null,"默认值"),t("th",null,"版本")])],-1),C=t("td",null,"visible",-1),E=t("td",null,"是否显示",-1),m=t("td",null,[t("code",null,"boolean")],-1),k=t("td",null,"-",-1),b=t("td",null,[t("code",null,"true")],-1),F=a('

anchor ​

值说明
BMAP_ANCHOR_TOP_LEFT左上
BMAP_ANCHOR_TOP_RIGHT右上
BMAP_ANCHOR_BOTTOM_LEFT左下
BMAP_ANCHOR_BOTTOM_RIGHT右下

组件事件 ​

事件名说明类型
initd组件初始化后，调用的方法，返回一个地图实例{ map, BmapGL, instance }
unload组件卸载时会调用此方法-
',4);function A(T,B,D,g,P,f){const s=o("Demo"),e=o("Badge");return r(),l("div",null,[h,n(s,{source:"%3Cpre%20v-pre%3E%3Ccode%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMap%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBZoom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBMap%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3C%2Fcode%3E%3C%2Fpre%3E",path:"control/zoom","raw-source":"%3Ctemplate%3E%0A%20%20%3CBMap%20v-bind%3D%22%24attrs%22%3E%0A%20%20%20%20%3CBZoom%20%2F%3E%0A%20%20%3C%2FBMap%3E%0A%3C%2Ftemplate%3E%0A",description:""},{default:p(()=>[i]),_:1}),_,t("table",null,[u,t("tbody",null,[t("tr",null,[C,E,m,k,b,t("td",null,[n(e,{type:"tip",text:"^2.2.0"})])])])]),F])}const O=d(c,[["render",A]]);export{N as __pageData,O as default}; diff --git a/assets/zh-CN_components_control_zoom.md.9aesRkwv.lean.js b/assets/zh-CN_components_control_zoom.md.9aesRkwv.lean.js new file mode 100644 index 00000000..9d595974 --- /dev/null +++ b/assets/zh-CN_components_control_zoom.md.9aesRkwv.lean.js @@ -0,0 +1 @@ +import{_ as d,D as o,c as l,I as n,w as p,k as t,R as a,o as r}from"./chunks/framework.aeLSa5ZG.js";const N=JSON.parse('{"title":"BZoom 缩放控件","description":"","frontmatter":{},"headers":[],"relativePath":"zh-CN/components/control/zoom.md","filePath":"zh-CN/components/control/zoom.md","lastUpdated":1710870588000}'),c={name:"zh-CN/components/control/zoom.md"},h=a("",4),i=t("p",null,"control/zoom",-1),_=a("",3),u=t("thead",null,[t("tr",null,[t("th",null,"属性"),t("th",null,"说明"),t("th",null,"类型"),t("th",null,"可选值"),t("th",null,"默认值"),t("th",null,"版本")])],-1),C=t("td",null,"visible",-1),E=t("td",null,"是否显示",-1),m=t("td",null,[t("code",null,"boolean")],-1),k=t("td",null,"-",-1),b=t("td",null,[t("code",null,"true")],-1),F=a("",4);function A(T,B,D,g,P,f){const s=o("Demo"),e=o("Badge");return r(),l("div",null,[h,n(s,{source:"%3Cpre%20v-pre%3E%3Ccode%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMap%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBZoom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBMap%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3C%2Fcode%3E%3C%2Fpre%3E",path:"control/zoom","raw-source":"%3Ctemplate%3E%0A%20%20%3CBMap%20v-bind%3D%22%24attrs%22%3E%0A%20%20%20%20%3CBZoom%20%2F%3E%0A%20%20%3C%2FBMap%3E%0A%3C%2Ftemplate%3E%0A",description:""},{default:p(()=>[i]),_:1}),_,t("table",null,[u,t("tbody",null,[t("tr",null,[C,E,m,k,b,t("td",null,[n(e,{type:"tip",text:"^2.2.0"})])])])]),F])}const O=d(c,[["render",A]]);export{N as __pageData,O as default}; diff --git a/assets/zh-CN_components_layer_district-layer.md.O4eUQeWM.js b/assets/zh-CN_components_layer_district-layer.md.O4eUQeWM.js new file mode 100644 index 00000000..2fb364a3 --- /dev/null +++ b/assets/zh-CN_components_layer_district-layer.md.O4eUQeWM.js @@ -0,0 +1 @@ +import{_ as c,D as e,c as l,k as t,a as o,I as a,w as E,R as s,o as d}from"./chunks/framework.aeLSa5ZG.js";const w=JSON.parse('{"title":"BDistrictLayer 行政区图层","description":"","frontmatter":{},"headers":[],"relativePath":"zh-CN/components/layer/district-layer.md","filePath":"zh-CN/components/layer/district-layer.md","lastUpdated":1710870588000}'),r={name:"zh-CN/components/layer/district-layer.md"},C={id:"bdistrictlayer-行政区图层",tabindex:"-1"},i=t("a",{class:"header-anchor",href:"#bdistrictlayer-行政区图层","aria-label":'Permalink to "BDistrictLayer 行政区图层 "'},"​",-1),u=s('

在地图上显示行政区划分

ts
import { BDistrictLayer } from 'vue3-baidu-map-gl'

组件示例 ​

',3),D=t("p",null,"layer/districtLayer",-1),k=s('

静态组件 Props ​

属性说明类型可选值默认值
name行政区名字string-required
kind行政区类型DistrictType-DistrictType['AREA']
fillColor填充颜色string-#fdfd27
fillOpacity填充透明度number-1
strokeColor线条颜色string-#231cf8
viewport自动聚焦地图中心boolean-false

动态组件 Props ​

',3),F=t("thead",null,[t("tr",null,[t("th",null,"属性"),t("th",null,"说明"),t("th",null,"类型"),t("th",null,"可选值"),t("th",null,"默认值"),t("th",null,"版本")])],-1),h=t("td",null,"visible",-1),A=t("td",null,"是否显示",-1),_=t("td",null,[t("code",null,"boolean")],-1),m=t("td",null,"-",-1),y=t("td",null,[t("code",null,"true")],-1),B=s('

DistrictType ​

值说明
PROVINCE省级
CITY市级
AREA县/区级

组件事件 ​

事件名说明类型
initd组件初始化后，调用的方法，返回一个地图实例{ map, BmapGL, instance }
unload组件卸载时会调用此方法-
mouseover鼠标移入行政区域时触发此事件{type, target}
mouseout鼠标移出行政区域时触发此事件{type, target}
',4);function g(b,f,T,v,P,q){const n=e("Badge"),p=e("Demo");return d(),l("div",null,[t("h1",C,[o("BDistrictLayer 行政区图层 "),a(n,{type:"tip",text:"^1.1.2"}),o(),i]),u,a(p,{source:"%3Cpre%20v-pre%3E%3Ccode%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMap%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Eenable-scroll-wheel-zoom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Azoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E9%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBDistrictLayer%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40mouseover%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EhandleMouseover%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40mouseout%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EhandleMouseout%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3Eviewport%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Akind%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EDistrictType%5B'AREA'%5D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3Ename%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%E5%8C%97%E4%BA%AC%E5%B8%82%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBMap%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Escript%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Elang%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ets%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Esetup%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20script%22%3E%3Cspan%20class%3D%22token%20language-javascript%22%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Eimport%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20DistrictType%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Efrom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'vue3-baidu-map-gl'%3C%2Fspan%3E%0A%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Efunction%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3EhandleMouseover%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20parameter%22%3Ee%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20e%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EcurrentTarget%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3EsetFillColor%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20string%22%3E'%239169db'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Efunction%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3EhandleMouseout%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20parameter%22%3Ee%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20e%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EcurrentTarget%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3EsetFillColor%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3Ee%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EcurrentTarget%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Estyle%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EfillColor%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Escript%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3C%2Fcode%3E%3C%2Fpre%3E",path:"layer/districtLayer","raw-source":"%3Ctemplate%3E%0A%20%20%3CBMap%20enable-scroll-wheel-zoom%20%3Azoom%3D%229%22%3E%0A%20%20%20%20%3CBDistrictLayer%0A%20%20%20%20%20%20%40mouseover%3D%22handleMouseover%22%0A%20%20%20%20%20%20%40mouseout%3D%22handleMouseout%22%0A%20%20%20%20%20%20viewport%0A%20%20%20%20%20%20%3Akind%3D%22DistrictType%5B'AREA'%5D%22%0A%20%20%20%20%20%20name%3D%22%E5%8C%97%E4%BA%AC%E5%B8%82%22%0A%20%20%20%20%2F%3E%0A%20%20%3C%2FBMap%3E%0A%3C%2Ftemplate%3E%0A%0A%3Cscript%20lang%3D%22ts%22%20setup%3E%0A%20%20import%20%7B%20DistrictType%20%7D%20from%20'vue3-baidu-map-gl'%0A%0A%20%20function%20handleMouseover(e)%20%7B%0A%20%20%20%20e.currentTarget.setFillColor('%239169db')%0A%20%20%7D%0A%0A%20%20function%20handleMouseout(e)%20%7B%0A%20%20%20%20e.currentTarget.setFillColor(e.currentTarget.style.fillColor)%0A%20%20%7D%0A%3C%2Fscript%3E%0A",description:"%3Cp%3E%E6%B8%B2%E6%9F%93%E5%8C%97%E4%BA%AC%E5%B8%82%E8%A1%8C%E6%94%BF%E5%8C%BA%E5%88%92%E5%88%86%EF%BC%8C%E7%BB%91%E5%AE%9A%E9%BC%A0%E6%A0%87%E4%BA%8B%E4%BB%B6%3C%2Fp%3E%0A"},{default:E(()=>[D]),_:1}),k,t("table",null,[F,t("tbody",null,[t("tr",null,[h,A,_,m,y,t("td",null,[a(n,{type:"tip",text:"^2.2.0"})])])])]),B])}const M=c(r,[["render",g]]);export{w as __pageData,M as default}; diff --git a/assets/zh-CN_components_layer_district-layer.md.O4eUQeWM.lean.js b/assets/zh-CN_components_layer_district-layer.md.O4eUQeWM.lean.js new file mode 100644 index 00000000..6fcf025f --- /dev/null +++ b/assets/zh-CN_components_layer_district-layer.md.O4eUQeWM.lean.js @@ -0,0 +1 @@ +import{_ as c,D as e,c as l,k as t,a as o,I as a,w as E,R as s,o as d}from"./chunks/framework.aeLSa5ZG.js";const w=JSON.parse('{"title":"BDistrictLayer 行政区图层","description":"","frontmatter":{},"headers":[],"relativePath":"zh-CN/components/layer/district-layer.md","filePath":"zh-CN/components/layer/district-layer.md","lastUpdated":1710870588000}'),r={name:"zh-CN/components/layer/district-layer.md"},C={id:"bdistrictlayer-行政区图层",tabindex:"-1"},i=t("a",{class:"header-anchor",href:"#bdistrictlayer-行政区图层","aria-label":'Permalink to "BDistrictLayer 行政区图层 "'},"​",-1),u=s("",3),D=t("p",null,"layer/districtLayer",-1),k=s("",3),F=t("thead",null,[t("tr",null,[t("th",null,"属性"),t("th",null,"说明"),t("th",null,"类型"),t("th",null,"可选值"),t("th",null,"默认值"),t("th",null,"版本")])],-1),h=t("td",null,"visible",-1),A=t("td",null,"是否显示",-1),_=t("td",null,[t("code",null,"boolean")],-1),m=t("td",null,"-",-1),y=t("td",null,[t("code",null,"true")],-1),B=s("",4);function g(b,f,T,v,P,q){const n=e("Badge"),p=e("Demo");return d(),l("div",null,[t("h1",C,[o("BDistrictLayer 行政区图层 "),a(n,{type:"tip",text:"^1.1.2"}),o(),i]),u,a(p,{source:"%3Cpre%20v-pre%3E%3Ccode%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMap%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Eenable-scroll-wheel-zoom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Azoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E9%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBDistrictLayer%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40mouseover%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EhandleMouseover%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40mouseout%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EhandleMouseout%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3Eviewport%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Akind%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EDistrictType%5B'AREA'%5D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3Ename%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%E5%8C%97%E4%BA%AC%E5%B8%82%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBMap%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Escript%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Elang%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ets%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Esetup%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20script%22%3E%3Cspan%20class%3D%22token%20language-javascript%22%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Eimport%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20DistrictType%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Efrom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'vue3-baidu-map-gl'%3C%2Fspan%3E%0A%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Efunction%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3EhandleMouseover%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20parameter%22%3Ee%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20e%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EcurrentTarget%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3EsetFillColor%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20string%22%3E'%239169db'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Efunction%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3EhandleMouseout%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20parameter%22%3Ee%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20e%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EcurrentTarget%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3EsetFillColor%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3Ee%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EcurrentTarget%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Estyle%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EfillColor%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Escript%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3C%2Fcode%3E%3C%2Fpre%3E",path:"layer/districtLayer","raw-source":"%3Ctemplate%3E%0A%20%20%3CBMap%20enable-scroll-wheel-zoom%20%3Azoom%3D%229%22%3E%0A%20%20%20%20%3CBDistrictLayer%0A%20%20%20%20%20%20%40mouseover%3D%22handleMouseover%22%0A%20%20%20%20%20%20%40mouseout%3D%22handleMouseout%22%0A%20%20%20%20%20%20viewport%0A%20%20%20%20%20%20%3Akind%3D%22DistrictType%5B'AREA'%5D%22%0A%20%20%20%20%20%20name%3D%22%E5%8C%97%E4%BA%AC%E5%B8%82%22%0A%20%20%20%20%2F%3E%0A%20%20%3C%2FBMap%3E%0A%3C%2Ftemplate%3E%0A%0A%3Cscript%20lang%3D%22ts%22%20setup%3E%0A%20%20import%20%7B%20DistrictType%20%7D%20from%20'vue3-baidu-map-gl'%0A%0A%20%20function%20handleMouseover(e)%20%7B%0A%20%20%20%20e.currentTarget.setFillColor('%239169db')%0A%20%20%7D%0A%0A%20%20function%20handleMouseout(e)%20%7B%0A%20%20%20%20e.currentTarget.setFillColor(e.currentTarget.style.fillColor)%0A%20%20%7D%0A%3C%2Fscript%3E%0A",description:"%3Cp%3E%E6%B8%B2%E6%9F%93%E5%8C%97%E4%BA%AC%E5%B8%82%E8%A1%8C%E6%94%BF%E5%8C%BA%E5%88%92%E5%88%86%EF%BC%8C%E7%BB%91%E5%AE%9A%E9%BC%A0%E6%A0%87%E4%BA%8B%E4%BB%B6%3C%2Fp%3E%0A"},{default:E(()=>[D]),_:1}),k,t("table",null,[F,t("tbody",null,[t("tr",null,[h,A,_,m,y,t("td",null,[a(n,{type:"tip",text:"^2.2.0"})])])])]),B])}const M=c(r,[["render",g]]);export{w as __pageData,M as default}; diff --git a/assets/zh-CN_components_layer_panorama-coverage.md.O01fCwW6.js b/assets/zh-CN_components_layer_panorama-coverage.md.O01fCwW6.js new file mode 100644 index 00000000..73ec157d --- /dev/null +++ b/assets/zh-CN_components_layer_panorama-coverage.md.O01fCwW6.js @@ -0,0 +1 @@ +import{_ as p,D as t,c as d,k as a,a as e,I as n,w as c,R as s,o as l}from"./chunks/framework.aeLSa5ZG.js";const y=JSON.parse('{"title":"BPanoramaCoverageLayer 全景图层","description":"","frontmatter":{},"headers":[],"relativePath":"zh-CN/components/layer/panorama-coverage.md","filePath":"zh-CN/components/layer/panorama-coverage.md","lastUpdated":1710870588000}'),E={name:"zh-CN/components/layer/panorama-coverage.md"},i={id:"bpanoramacoveragelayer-全景图层",tabindex:"-1"},h=a("a",{class:"header-anchor",href:"#bpanoramacoveragelayer-全景图层","aria-label":'Permalink to "BPanoramaCoverageLayer 全景图层 "'},"​",-1),C=s('

全景地图服务，360° 全景地图刻画真实世界，将街道场景带入到地图产品中，用户可以拖拽地图从不同的角度浏览真实的街景效果

ts
import { BPanoramaCoverageLayer } from 'vue3-baidu-map-gl'

提示

全景地图服务属于百度地图高级服务，需要向 百度地图申请 才可以使用

组件示例 ​

单独使用该组件无法查看全景地图，还需要搭配BPanoramaControl组件使用。

',5),_=a("p",null,"layer/panoramaCoverage",-1),m=s('

静态组件 Props ​

属性说明类型可选值默认值
anchor控件的停靠位置stringanchorBMAP_ANCHOR_TOP_RIGHT
offset控件的偏移值{x: number, y: number }-{ x: 10, y: 10 }

anchor ​

值说明
BMAP_ANCHOR_TOP_LEFT左上
BMAP_ANCHOR_TOP_RIGHT右上
BMAP_ANCHOR_BOTTOM_LEFT左下
BMAP_ANCHOR_BOTTOM_RIGHT右下

组件事件 ​

事件名说明类型
initd组件初始化后，调用的方法，返回一个地图实例{ map, BmapGL, instance }
unload组件卸载时会调用此方法-
',6);function u(k,F,A,B,g,b){const o=t("Badge"),r=t("Demo");return l(),d("div",null,[a("h1",i,[e("BPanoramaCoverageLayer 全景图层 "),n(o,{type:"tip",text:"^0.0.31"}),e(),h]),C,n(r,{source:"%3Cpre%20v-pre%3E%3Ccode%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMap%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3EenableScrollWheelZoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBPanoramaControl%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBPanoramaCoverageLayer%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBMap%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3C%2Fcode%3E%3C%2Fpre%3E",path:"layer/panoramaCoverage","raw-source":"%3Ctemplate%3E%0A%20%20%3CBMap%20v-bind%3D%22%24attrs%22%20enableScrollWheelZoom%20ak%3D%22oW2UEhdth2tRbEE4FUpF9E5YVDCIPYih%22%3E%0A%20%20%20%20%3CBPanoramaControl%20%2F%3E%0A%20%20%20%20%3CBPanoramaCoverageLayer%20%2F%3E%0A%20%20%3C%2FBMap%3E%0A%3C%2Ftemplate%3E%0A",description:"%3Cp%3E%E6%98%BE%E7%A4%BA%E5%85%A8%E6%99%AF%E5%9B%BE%E5%B1%82%3C%2Fp%3E%0A"},{default:c(()=>[_]),_:1}),m])}const P=p(E,[["render",u]]);export{y as __pageData,P as default}; diff --git a/assets/zh-CN_components_layer_panorama-coverage.md.O01fCwW6.lean.js b/assets/zh-CN_components_layer_panorama-coverage.md.O01fCwW6.lean.js new file mode 100644 index 00000000..f7fba676 --- /dev/null +++ b/assets/zh-CN_components_layer_panorama-coverage.md.O01fCwW6.lean.js @@ -0,0 +1 @@ +import{_ as p,D as t,c as d,k as a,a as e,I as n,w as c,R as s,o as l}from"./chunks/framework.aeLSa5ZG.js";const y=JSON.parse('{"title":"BPanoramaCoverageLayer 全景图层","description":"","frontmatter":{},"headers":[],"relativePath":"zh-CN/components/layer/panorama-coverage.md","filePath":"zh-CN/components/layer/panorama-coverage.md","lastUpdated":1710870588000}'),E={name:"zh-CN/components/layer/panorama-coverage.md"},i={id:"bpanoramacoveragelayer-全景图层",tabindex:"-1"},h=a("a",{class:"header-anchor",href:"#bpanoramacoveragelayer-全景图层","aria-label":'Permalink to "BPanoramaCoverageLayer 全景图层 "'},"​",-1),C=s("",5),_=a("p",null,"layer/panoramaCoverage",-1),m=s("",6);function u(k,F,A,B,g,b){const o=t("Badge"),r=t("Demo");return l(),d("div",null,[a("h1",i,[e("BPanoramaCoverageLayer 全景图层 "),n(o,{type:"tip",text:"^0.0.31"}),e(),h]),C,n(r,{source:"%3Cpre%20v-pre%3E%3Ccode%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMap%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3EenableScrollWheelZoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBPanoramaControl%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBPanoramaCoverageLayer%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBMap%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3C%2Fcode%3E%3C%2Fpre%3E",path:"layer/panoramaCoverage","raw-source":"%3Ctemplate%3E%0A%20%20%3CBMap%20v-bind%3D%22%24attrs%22%20enableScrollWheelZoom%20ak%3D%22oW2UEhdth2tRbEE4FUpF9E5YVDCIPYih%22%3E%0A%20%20%20%20%3CBPanoramaControl%20%2F%3E%0A%20%20%20%20%3CBPanoramaCoverageLayer%20%2F%3E%0A%20%20%3C%2FBMap%3E%0A%3C%2Ftemplate%3E%0A",description:"%3Cp%3E%E6%98%BE%E7%A4%BA%E5%85%A8%E6%99%AF%E5%9B%BE%E5%B1%82%3C%2Fp%3E%0A"},{default:c(()=>[_]),_:1}),m])}const P=p(E,[["render",u]]);export{y as __pageData,P as default}; diff --git a/assets/zh-CN_components_map.md.qRZ4_jbk.js b/assets/zh-CN_components_map.md.qRZ4_jbk.js new file mode 100644 index 00000000..19e23db7 --- /dev/null +++ b/assets/zh-CN_components_map.md.qRZ4_jbk.js @@ -0,0 +1,62 @@ +import{_ as E,D as i,c as o,I as a,w as l,k as s,R as e,a as n,o as c}from"./chunks/framework.aeLSa5ZG.js";const L2=JSON.parse('{"title":"Map 地图","description":"","frontmatter":{"title":"Map 地图"},"headers":[],"relativePath":"zh-CN/components/map.md","filePath":"zh-CN/components/map.md","lastUpdated":1710870588000}'),C={name:"zh-CN/components/map.md"},k=e('

Map 地图 ​

地图核心对象，地图控件、覆盖物、图层等需作为其子组件，以获得 map 的实例化对象

ts
import { BMap } from 'vue3-baidu-map-gl'

渲染地图 ​

',4),d=s("p",null,"map/base",-1),u=s("h2",{id:"多实例",tabindex:"-1"},[n("多实例 "),s("a",{class:"header-anchor",href:"#多实例","aria-label":'Permalink to "多实例"'},"​")],-1),r=s("p",null,"map/multiInstance",-1),h=e('

个性化地图 ​

通过指定 Map 组件的 mapStyleId或者mapStyleJson来展示个性化地图，如果同时指定，mapStyleId会优先生效。

提示

  1. 如果个性化地图没有生效，请先检查mapStyleId或mapStyleJson是否正确。如果是通过mapStyleId实现，还需要检查是否与 ak申请的账号一致
  2. 以下示例使用的 mapStyleId 均与 ak 和 域名绑定，无法直接复制使用。可根据示例主题名字到百度地图个性化编辑器创建后使用

获取资源 ​

mapStyleId 和 mapStyleJson 获取以及相关注意事项，请访问 百度地图个性化地图相关文档 知悉

出行主题示例 ​

',6),F=s("p",null,"map/theme1",-1),D=s("h3",{id:"赛博朋克主题示例",tabindex:"-1"},[n("赛博朋克主题示例 "),s("a",{class:"header-anchor",href:"#赛博朋克主题示例","aria-label":'Permalink to "赛博朋克主题示例"'},"​")],-1),g=s("p",null,"map/theme2",-1),A=e(`

自定义地图加载中 ​

默认情况下，地图加载中效果是map loading...文字居中。如果不能满足你的需求，你可以通过提供loading具名插槽来自定义地图加载中显示效果。

显示代码
html
<template>
+  <BMap>
+    <template #loading>
+      <div class="spinner">
+        <div class="double-bounce1"></div>
+        <div class="double-bounce2"></div>
+      </div>
+    </template>
+  </BMap>
+</template>
+
+<style lang="css">
+  .spinner {
+    width: 60px;
+    height: 60px;
+
+    position: relative;
+    margin: 100px auto;
+  }
+
+  .double-bounce1,
+  .double-bounce2 {
+    width: 100%;
+    height: 100%;
+    border-radius: 50%;
+    background-color: #42b883;
+    opacity: 0.6;
+    position: absolute;
+    top: 0;
+    left: 0;
+
+    -webkit-animation: bounce 2s infinite ease-in-out;
+    animation: bounce 2s infinite ease-in-out;
+  }
+
+  .double-bounce2 {
+    -webkit-animation-delay: -1s;
+    animation-delay: -1s;
+  }
+
+  @-webkit-keyframes bounce {
+    0%,
+    100% {
+      -webkit-transform: scale(0);
+    }
+    50% {
+      -webkit-transform: scale(1);
+    }
+  }
+
+  @keyframes bounce {
+    0%,
+    100% {
+      transform: scale(0);
+      -webkit-transform: scale(0);
+    }
+    50% {
+      transform: scale(1);
+      -webkit-transform: scale(1);
+    }
+  }
+</style>

静态组件 props ​

`,4),y=s("thead",null,[s("tr",null,[s("th",null,"属性"),s("th",null,"说明"),s("th",null,"类型"),s("th",null,"可选值"),s("th",null,"默认值"),s("th",null,"版本")])],-1),B=s("tr",null,[s("td",null,"ak"),s("td",null,[n("百度地图 "),s("a",{href:"./../guide/quick-start#申请-ak-密钥"},"ak")]),s("td",null,[s("code",null,"string")]),s("td",null,"-"),s("td",null,"-"),s("td",null,"-")],-1),m=s("td",null,"apiUrl",-1),b=s("td",null,"自建地图 api 资源地址（一般用于离线地图）",-1),_=s("td",null,[s("code",null,"string")],-1),v=s("td",null,"-",-1),f=s("td",null,"-",-1),M=s("tr",null,[s("td",null,"minZoom"),s("td",null,"地图允许展示的最小级别"),s("td",null,[s("code",null,"number")]),s("td",null,[s("code",null,"0-21")]),s("td",null,[s("code",null,"0")]),s("td",null,"-")],-1),P=s("tr",null,[s("td",null,"maxZoom"),s("td",null,"地图允许展示的最大级别"),s("td",null,[s("code",null,"number")]),s("td",null,[s("code",null,"0-21")]),s("td",null,[s("code",null,"21")]),s("td",null,"-")],-1),S=s("td",null,"backgroundColor",-1),q=s("td",null,"地图背景颜色, rgba 数组",-1),T=s("td",null,[s("code",null," number[]")],-1),x=s("td",null,"-",-1),Z=s("td",null,[s("code",null,"[245, 245, 245, 100]")],-1),I=s("tr",null,[s("td",null,"showControls"),s("td",null,"是否显示室内图"),s("td",null,[s("code",null,"boolean")]),s("td",null,"-"),s("td",null,[s("code",null,"false")]),s("td",null,"-")],-1),w=s("td",null,"restrictCenter",-1),R=s("td",null,"是否限制中心",-1),L=s("td",null,[s("code",null,"boolean")],-1),N=s("td",null,"-",-1),z=s("td",null,[s("code",null,"true")],-1),O=s("tr",null,[s("td",null,"plugins"),s("td",null,"需要注册的插件"),s("td",null,[s("code",null,"['TrackAnimation', 'Mapvgl', 'Mapv', 'MapvThree']")]),s("td",null,"-"),s("td",null,"-"),s("td",null,"-")],-1),W=s("tr",null,[s("td",null,"pluginsSourceLink"),s("td",null,"自定义插件资源地址"),s("td",null,[s("code",null,"Record<'TrackAnimation' | 'Mapvgl' | 'Mapv' | 'MapvThree', string>")]),s("td",null,"-"),s("td",null,"-"),s("td",null,"-")],-1),V=s("h2",{id:"动态组件-props",tabindex:"-1"},[n("动态组件 Props "),s("a",{class:"header-anchor",href:"#动态组件-props","aria-label":'Permalink to "动态组件 Props"'},"​")],-1),H=s("thead",null,[s("tr",null,[s("th",null,"属性"),s("th",null,"说明"),s("th",null,"类型"),s("th",null,"默认值"),s("th",null,"版本")])],-1),K=s("td",null,"width",-1),J=s("td",null,"地图显示宽度",-1),j=s("td",null,[s("code",null,"string / number")],-1),$=s("td",null,[s("code",null,"100%")],-1),G=s("td",null,"height",-1),U=s("td",null,"地图显示高度",-1),Q=s("td",null,[s("code",null,"string / number")],-1),X=s("td",null,[s("code",null,"550px")],-1),Y=s("tr",null,[s("td",null,"center"),s("td",null,[n("地图默认中心点，可使用城市名，如：北京市，也可以使用对象如 "),s("code",null,"{lng: 121.424333, lat: 31.228604}"),n(" 表示经纬度。")]),s("td",null,[s("code",null,"string / {lng: number, lat: number}")]),s("td",null,[s("code",null,"北京市")]),s("td",null,"-")],-1),s2=s("tr",null,[s("td",null,"heading"),s("td",null,"地图旋转角度"),s("td",null,[s("code",null,"number")]),s("td",null,[s("code",null,"0")]),s("td",null,"-")],-1),a2=s("tr",null,[s("td",null,"tilt"),s("td",null,"地图倾斜角度"),s("td",null,[s("code",null,"number")]),s("td",null,[s("code",null,"0 ")]),s("td",null,"-")],-1),n2=s("tr",null,[s("td",null,"mapType"),s("td",null,[n("地图类型 "),s("a",{href:"#地图类型"},"mapType")]),s("td",null,[s("code",null,"string")]),s("td",null,[s("code",null,"BMAP_NORMAL_MAP")]),s("td",null,"-")],-1),t2=s("tr",null,[s("td",null,"zoom"),s("td",null,"地图缩放级别"),s("td",null,[s("code",null,"number")]),s("td",null,[s("code",null,"14")]),s("td",null,"-")],-1),p2=s("tr",null,[s("td",null,"displayOptions"),s("td",null,[n("自定义地图属性 "),s("a",{href:"#displayoptions"},"详见")]),s("td",null,"-"),s("td",null,"-"),s("td",null,"-")],-1),l2=s("tr",null,[s("td",null,"mapStyleId"),s("td",null,[n("个性化地图样式 ID "),s("a",{href:"#个性化地图"},"详见")]),s("td",null,[s("code",null,"string")]),s("td",null,"-"),s("td",null,"-")],-1),e2=s("tr",null,[s("td",null,"mapStyleJson"),s("td",null,[n("个性化地图样式 Json "),s("a",{href:"#个性化地图"},"详见")]),s("td",null,[s("code",null,"{featureType: string...}[]")]),s("td",null,"-"),s("td",null,"-")],-1),i2=s("tr",null,[s("td",null,"enableTraffic"),s("td",null,"是否启用交通路况图层"),s("td",null,[s("code",null,"boolean")]),s("td",null,[s("code",null,"false")]),s("td",null,"-")],-1),E2=s("tr",null,[s("td",null,"enableDragging"),s("td",null,"启用地图拖拽"),s("td",null,[s("code",null,"boolean")]),s("td",null,[s("code",null,"true")]),s("td",null,"-")],-1),o2=s("tr",null,[s("td",null,"enableInertialDragging"),s("td",null,"启用地图惯性拖拽"),s("td",null,[s("code",null,"boolean")]),s("td",null,[s("code",null,"true")]),s("td",null,"-")],-1),c2=s("tr",null,[s("td",null,"enableScrollWheelZoom"),s("td",null,"允许地图可被鼠标滚轮缩放"),s("td",null,[s("code",null,"boolean")]),s("td",null,[s("code",null,"false")]),s("td",null,"-")],-1),C2=s("tr",null,[s("td",null,"enableContinuousZoom"),s("td",null,"开启双击平滑缩放效果"),s("td",null,[s("code",null,"boolean")]),s("td",null,[s("code",null,"true")]),s("td",null,"-")],-1),k2=s("tr",null,[s("td",null,"enableResizeOnCenter"),s("td",null,"开启图区 resize 中心点不变"),s("td",null,[s("code",null,"boolean")]),s("td",null,[s("code",null,"true")]),s("td",null,"-")],-1),d2=s("tr",null,[s("td",null,"enableDoubleClickZoom"),s("td",null,"启用地图双击缩放，左键双击放大、右键双击缩小"),s("td",null,[s("code",null,"boolean")]),s("td",null,[s("code",null,"false")]),s("td",null,"-")],-1),u2=s("tr",null,[s("td",null,"enableKeyboard"),s("td",null,"启用键盘操作，键盘的上、下、左、右键可连续移动地图。同时按下其中两个键可使地图进行对角移动。PgUp、PgDn、Home 和 End 键会使地图平移其 1/2 的大小。 +、-键会使地图放大或缩小一级"),s("td",null,[s("code",null,"boolean")]),s("td",null,[s("code",null,"true")]),s("td",null,"-")],-1),r2=s("tr",null,[s("td",null,"enablePinchToZoom"),s("td",null,"启用双指缩放地图"),s("td",null,[s("code",null,"boolean")]),s("td",null,[s("code",null,"true")]),s("td",null,"-")],-1),h2=s("tr",null,[s("td",null,"enableAutoResize"),s("td",null,"启用自动适应容器尺寸变化"),s("td",null,[s("code",null,"boolean")]),s("td",null,[s("code",null,"true")]),s("td",null,"-")],-1),F2=s("td",null,"enableIconClick",-1),D2=s("td",null,"是否启用底图可点击",-1),g2=s("td",null,[s("code",null,"boolean")],-1),A2=s("td",null,[s("code",null,"true")],-1),y2=s("td",null,"loadingBgColor",-1),B2=s("td",null,"加载背景图颜色",-1),m2=s("td",null,[s("code",null,"string")],-1),b2=s("td",null,[s("code",null,"#f1f1f1")],-1),_2=s("td",null,"loadingTextColor",-1),v2=s("td",null,"加载文字图颜色",-1),f2=s("td",null,[s("code",null,"string")],-1),M2=s("td",null,[s("code",null,"#999")],-1),P2=e('

地图类型 ​

值描述
BMAP_NORMAL_MAP标准地图
BMAP_EARTH_MAP地球模式
BMAP_SATELLITE_MAP普通卫星地图

注意

地球模式（BMAP_EARTH_MAP）下能支持的地图交互操作有限，如您需要卫星地图支持和标准地图（BMAP_NORMAL_MAP）一致的交互体验，请使用普通卫星图模式（BMAP_SATELLITE_MAP）

displayOptions ​

属性说明类型默认值
poi是否显示地图上的地点标识booleantrue
indoor是否显示室内图booleantrue
poiText是否显示地图上的地点标识文字booleantrue
poiIcon是否显示地图上的地点标识图标booleantrue
overlay是否显示覆盖物booleantrue
layer是否显示叠加图层，地球模式暂不支持booleantrue
building是否显示 3D 建筑物（仅支持 WebGL 方式渲染的地图）booleantrue
street是否显示路网（只对卫星图和地球模式有效）booleantrue
skyColors是否显示路网（只对卫星图和地球模式有效）[string, string]-

组件方法 ​

方法说明类型
getMapInstance父组件获取 map 实例方法() => void
getBaseMapOptions父组件/外部获取 map 组件 options() => void
resetCenter重置地图中心() => void
setDragging设置地图是否可拖动(nableDragging: boolean) => void

组件事件 ​

事件名说明类型
initd组件初始化后会触发此事件，返回一个地图实例{ map, BmapGL, instance }
unload组件卸载时会触发此事件-
pluginReady插件加载完毕会触发此事件{map}
click左键单击地图时触发此事件。 当双击时，产生的事件序列为： click click dblclick{type, target, latlng, pixel, overlay}
dblclick鼠标双击地图时会触发此事件{type, target, pixel, point}
rightclick右键单击地图时触发此事件。 当双击时，产生的事件序列为： rightclick rightclick rightdblclick{type, target, latlng, pixel, overlay}
rightdblclick右键双击地图时触发此事件{type, target, latlng, pixel, overlay}
maptypechange地图类型发生变化时触发此事件{type, target}
mousemove鼠标在地图区域移动过程中触发此事件{type, target, latlng, pixel, overlay}
mouseover鼠标移入地图区域时触发此事件{type, target}
mouseout鼠标移出地图区域时触发此事件{type, target}
movestart地图移动开始时触发此事件{type, target}
moving地图移动过程中触发此事件{type, target}
moveend地图移动结束时触发此事件{type, target}
zoomstart地图更改缩放级别开始时触发触发此事件{type, target}
zoomend地图更改缩放级别结束时触发触发此事件{type, target}
addoverlay当组件被挂载到地图中时会触发此事件{type, target}
removeoverlay当组件被移除时会触发此事件{type, target}
addcontrol当组件被挂载到地图中时会触发此事件{type, target}
removecontrol当组件被移除时会触发此事件{type, target}
clearoverlays当使用方法一次性移除全部覆盖物时会触发此事件{type, target}
dragstart开始拖拽地图时触发{type, target, pixel, point}
dragging拖拽地图过程中触发{type, target, pixel, point}
dragend停止拖拽地图时触发{type, target, pixel, point}
addtilelayer添加一个自定义地图图层时触发此事件{type, target}
removetilelayer移除一个自定义地图图层时触发此事件{type, target}
load调用方法时会触发此事件。这表示位置、缩放层级已经确定，但可能还在载入地图图块{type, target}
resize地图可视区域大小发生变化时会触发此事件{type, target, pixel, point}
hotspotclick点击热区时触发此事件{type, target}
hotspotover鼠标移至热区时触发此事件{type, target}
hotspotout鼠标移出热区时触发此事件{type, target}
tilesloaded当地图所有图块完成加载时触发此事件{type, target}
touchstart触摸开始时触发此事件，仅适用移动设备{type, target}
touchmove触摸移动时触发此事件，仅适用移动设备{type, target}
touchend触摸结束时触发此事件，仅适用移动设备{type, target}
longpress长按事件，仅适用移动设备{type, target}
',9);function S2(q2,T2,x2,Z2,I2,w2){const p=i("Demo"),t=i("Badge");return c(),o("div",null,[k,a(p,{class:"p-top",source:"%3Cpre%20v-pre%3E%3Ccode%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ediv%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Elabel%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Einput%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Etype%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Echeckbox%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-model%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EmapSetting.enableScrollWheelZoom%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%E9%BC%A0%E6%A0%87%E7%BC%A9%E6%94%BE%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Elabel%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ebr%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Elabel%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Einput%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Etype%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Echeckbox%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-model%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EmapSetting.enableDragging%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%E6%8B%96%E6%8B%BD%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Elabel%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ebr%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Elabel%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Einput%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Etype%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Echeckbox%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-model%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EmapSetting.enableInertialDragging%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%E6%83%AF%E6%80%A7%E6%8B%96%E6%8B%BD%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Elabel%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ebr%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Elabel%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Einput%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Etype%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Echeckbox%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-model%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EmapSetting.enablePinchToZoom%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%E5%8F%8C%E6%8C%87%E7%BC%A9%E6%94%BE%E5%9C%B0%E5%9B%BE%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Elabel%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ebr%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Elabel%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Einput%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Etype%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Echeckbox%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-model%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EmapSetting.enableKeyboard%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%E9%94%AE%E7%9B%98%E6%93%8D%E4%BD%9C%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Elabel%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ebr%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Elabel%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Einput%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Etype%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Echeckbox%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-model%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EmapSetting.enableDoubleClickZoom%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%E5%8F%8C%E5%87%BB%E7%BC%A9%E6%94%BE%EF%BC%8C%E5%B7%A6%E9%94%AE%E5%8F%8C%E5%87%BB%E6%94%BE%E5%A4%A7%E3%80%81%E5%8F%B3%E9%94%AE%E5%8F%8C%E5%87%BB%E7%BC%A9%E5%B0%8F%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Elabel%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ebr%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Elabel%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Einput%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Etype%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Echeckbox%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-model%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EmapSetting.enableContinuousZoom%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%E5%8F%8C%E5%87%BB%E5%B9%B3%E6%BB%91%E7%BC%A9%E6%94%BE%E6%95%88%E6%9E%9C%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Elabel%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ebr%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Elabel%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Einput%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Etype%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Echeckbox%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-model%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EmapSetting.enableTraffic%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%E6%98%BE%E7%A4%BA%E4%BA%A4%E9%80%9A%E8%B7%AF%E5%86%B5%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Elabel%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ebr%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ebr%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%E5%9C%B0%E5%9B%BE%E7%B1%BB%E5%9E%8B%EF%BC%9A%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Eselect%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ename%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Eid%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-model%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Etype%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Eoption%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Evalue%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EBMAP_NORMAL_MAP%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E5%B8%B8%E8%A7%84%E5%9C%B0%E5%9B%BE%20BMAP_NORMAL_MAP%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Eoption%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Eoption%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Evalue%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EBMAP_EARTH_MAP%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E5%9C%B0%E7%90%83%E6%A8%A1%E5%BC%8F%20BMAP_EARTH_MAP%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Eoption%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Eoption%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Evalue%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EBMAP_SATELLITE_MAP%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E5%8D%AB%E6%98%9F%E5%9B%BE%20BMAP_EARTH_MAP%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Eoption%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Eselect%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ebr%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ebr%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMap%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aheading%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E64.5%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Atilt%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E73%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Acenter%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%7B%0A%20%20%20%20%20%20%20%20lng%3A%20116.28019%2C%0A%20%20%20%20%20%20%20%20lat%3A%2040.049191%0A%20%20%20%20%20%20%7D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Azoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E19%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3AminZoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E3%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3AmapType%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Etype%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3AenableDragging%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EmapSetting.enableDragging%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3AenableInertialDragging%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EmapSetting.enableInertialDragging%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3AenableScrollWheelZoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EmapSetting.enableScrollWheelZoom%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3AenableContinuousZoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EmapSetting.enableContinuousZoom%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3AenableDoubleClickZoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EmapSetting.enableDoubleClickZoom%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3AenableKeyboard%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EmapSetting.enableKeyboard%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3AenablePinchToZoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EmapSetting.enablePinchToZoom%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3AenableTraffic%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EmapSetting.enableTraffic%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ediv%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Escript%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Esetup%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Elang%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ets%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20script%22%3E%3Cspan%20class%3D%22token%20language-javascript%22%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Eimport%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20ref%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Efrom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'vue'%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Eimport%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20MapType%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20MapProps%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Efrom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'vue3-baidu-map-gl'%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20type%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20ref%3Cspan%20class%3D%22token%20operator%22%3E%26lt%3B%3C%2Fspan%3EMapType%3Cspan%20class%3D%22token%20operator%22%3E%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20string%22%3E'BMAP_NORMAL_MAP'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20mapSetting%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20ref%3Cspan%20class%3D%22token%20operator%22%3E%26lt%3B%3C%2Fspan%3EMapProps%3Cspan%20class%3D%22token%20operator%22%3E%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EenableDragging%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20boolean%22%3Etrue%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EenableInertialDragging%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20boolean%22%3Etrue%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EenableScrollWheelZoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20boolean%22%3Efalse%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EenableContinuousZoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20boolean%22%3Etrue%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EenableResizeOnCenter%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20boolean%22%3Etrue%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EenableDoubleClickZoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20boolean%22%3Efalse%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EenableKeyboard%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20boolean%22%3Etrue%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EenablePinchToZoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20boolean%22%3Etrue%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EenableAutoResize%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20boolean%22%3Etrue%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EenableTraffic%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20boolean%22%3Efalse%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Escript%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3C%2Fcode%3E%3C%2Fpre%3E",path:"map/base","raw-source":"%3Ctemplate%3E%0A%20%20%3Cdiv%3E%0A%20%20%20%20%3Clabel%3E%0A%20%20%20%20%20%20%3Cinput%20type%3D%22checkbox%22%20v-model%3D%22mapSetting.enableScrollWheelZoom%22%20%2F%3E%0A%20%20%20%20%20%20%E9%BC%A0%E6%A0%87%E7%BC%A9%E6%94%BE%0A%20%20%20%20%3C%2Flabel%3E%0A%20%20%20%20%3Cbr%20%2F%3E%0A%20%20%20%20%3Clabel%3E%0A%20%20%20%20%20%20%3Cinput%20type%3D%22checkbox%22%20v-model%3D%22mapSetting.enableDragging%22%20%2F%3E%0A%20%20%20%20%20%20%E6%8B%96%E6%8B%BD%0A%20%20%20%20%3C%2Flabel%3E%0A%20%20%20%20%3Cbr%20%2F%3E%0A%20%20%20%20%3Clabel%3E%0A%20%20%20%20%20%20%3Cinput%20type%3D%22checkbox%22%20v-model%3D%22mapSetting.enableInertialDragging%22%20%2F%3E%0A%20%20%20%20%20%20%E6%83%AF%E6%80%A7%E6%8B%96%E6%8B%BD%0A%20%20%20%20%3C%2Flabel%3E%0A%20%20%20%20%3Cbr%20%2F%3E%0A%20%20%20%20%3Clabel%3E%0A%20%20%20%20%20%20%3Cinput%20type%3D%22checkbox%22%20v-model%3D%22mapSetting.enablePinchToZoom%22%20%2F%3E%0A%20%20%20%20%20%20%E5%8F%8C%E6%8C%87%E7%BC%A9%E6%94%BE%E5%9C%B0%E5%9B%BE%0A%20%20%20%20%3C%2Flabel%3E%0A%20%20%20%20%3Cbr%20%2F%3E%0A%20%20%20%20%3Clabel%3E%0A%20%20%20%20%20%20%3Cinput%20type%3D%22checkbox%22%20v-model%3D%22mapSetting.enableKeyboard%22%20%2F%3E%0A%20%20%20%20%20%20%E9%94%AE%E7%9B%98%E6%93%8D%E4%BD%9C%0A%20%20%20%20%3C%2Flabel%3E%0A%20%20%20%20%3Cbr%20%2F%3E%0A%20%20%20%20%3Clabel%3E%0A%20%20%20%20%20%20%3Cinput%20type%3D%22checkbox%22%20v-model%3D%22mapSetting.enableDoubleClickZoom%22%20%2F%3E%0A%20%20%20%20%20%20%E5%8F%8C%E5%87%BB%E7%BC%A9%E6%94%BE%EF%BC%8C%E5%B7%A6%E9%94%AE%E5%8F%8C%E5%87%BB%E6%94%BE%E5%A4%A7%E3%80%81%E5%8F%B3%E9%94%AE%E5%8F%8C%E5%87%BB%E7%BC%A9%E5%B0%8F%0A%20%20%20%20%3C%2Flabel%3E%0A%20%20%20%20%3Cbr%20%2F%3E%0A%20%20%20%20%3Clabel%3E%0A%20%20%20%20%20%20%3Cinput%20type%3D%22checkbox%22%20v-model%3D%22mapSetting.enableContinuousZoom%22%20%2F%3E%0A%20%20%20%20%20%20%E5%8F%8C%E5%87%BB%E5%B9%B3%E6%BB%91%E7%BC%A9%E6%94%BE%E6%95%88%E6%9E%9C%0A%20%20%20%20%3C%2Flabel%3E%0A%20%20%20%20%3Cbr%20%2F%3E%0A%20%20%20%20%3Clabel%3E%0A%20%20%20%20%20%20%3Cinput%20type%3D%22checkbox%22%20v-model%3D%22mapSetting.enableTraffic%22%20%2F%3E%0A%20%20%20%20%20%20%E6%98%BE%E7%A4%BA%E4%BA%A4%E9%80%9A%E8%B7%AF%E5%86%B5%0A%20%20%20%20%3C%2Flabel%3E%0A%20%20%20%20%3Cbr%20%2F%3E%0A%20%20%20%20%3Cbr%20%2F%3E%0A%20%20%20%20%E5%9C%B0%E5%9B%BE%E7%B1%BB%E5%9E%8B%EF%BC%9A%0A%20%20%20%20%3Cselect%20class%3D%22mySelect%22%20name%3D%22%22%20id%3D%22%22%20v-model%3D%22type%22%3E%0A%20%20%20%20%20%20%3Coption%20value%3D%22BMAP_NORMAL_MAP%22%3E%E5%B8%B8%E8%A7%84%E5%9C%B0%E5%9B%BE%20BMAP_NORMAL_MAP%3C%2Foption%3E%0A%20%20%20%20%20%20%3Coption%20value%3D%22BMAP_EARTH_MAP%22%3E%E5%9C%B0%E7%90%83%E6%A8%A1%E5%BC%8F%20BMAP_EARTH_MAP%3C%2Foption%3E%0A%20%20%20%20%20%20%3Coption%20value%3D%22BMAP_SATELLITE_MAP%22%3E%E5%8D%AB%E6%98%9F%E5%9B%BE%20BMAP_EARTH_MAP%3C%2Foption%3E%0A%20%20%20%20%3C%2Fselect%3E%0A%20%20%20%20%3Cbr%20%2F%3E%0A%20%20%20%20%3Cbr%20%2F%3E%0A%20%20%20%20%3CBMap%0A%20%20%20%20%20%20v-bind%3D%22%24attrs%22%0A%20%20%20%20%20%20%3Aheading%3D%2264.5%22%0A%20%20%20%20%20%20%3Atilt%3D%2273%22%0A%20%20%20%20%20%20%3Acenter%3D%22%7B%0A%20%20%20%20%20%20%20%20lng%3A%20116.28019%2C%0A%20%20%20%20%20%20%20%20lat%3A%2040.049191%0A%20%20%20%20%20%20%7D%22%0A%20%20%20%20%20%20%3Azoom%3D%2219%22%0A%20%20%20%20%20%20%3AminZoom%3D%223%22%0A%20%20%20%20%20%20%3AmapType%3D%22type%22%0A%20%20%20%20%20%20%3AenableDragging%3D%22mapSetting.enableDragging%22%0A%20%20%20%20%20%20%3AenableInertialDragging%3D%22mapSetting.enableInertialDragging%22%0A%20%20%20%20%20%20%3AenableScrollWheelZoom%3D%22mapSetting.enableScrollWheelZoom%22%0A%20%20%20%20%20%20%3AenableContinuousZoom%3D%22mapSetting.enableContinuousZoom%22%0A%20%20%20%20%20%20%3AenableDoubleClickZoom%3D%22mapSetting.enableDoubleClickZoom%22%0A%20%20%20%20%20%20%3AenableKeyboard%3D%22mapSetting.enableKeyboard%22%0A%20%20%20%20%20%20%3AenablePinchToZoom%3D%22mapSetting.enablePinchToZoom%22%0A%20%20%20%20%20%20%3AenableTraffic%3D%22mapSetting.enableTraffic%22%0A%20%20%20%20%2F%3E%0A%20%20%3C%2Fdiv%3E%0A%3C%2Ftemplate%3E%0A%0A%3Cscript%20setup%20lang%3D%22ts%22%3E%0A%20%20import%20%7B%20ref%20%7D%20from%20'vue'%0A%20%20import%20%7B%20MapType%2C%20MapProps%20%7D%20from%20'vue3-baidu-map-gl'%0A%20%20const%20type%20%3D%20ref%3CMapType%3E('BMAP_NORMAL_MAP')%0A%20%20const%20mapSetting%20%3D%20ref%3CMapProps%3E(%7B%0A%20%20%20%20enableDragging%3A%20true%2C%0A%20%20%20%20enableInertialDragging%3A%20true%2C%0A%20%20%20%20enableScrollWheelZoom%3A%20false%2C%0A%20%20%20%20enableContinuousZoom%3A%20true%2C%0A%20%20%20%20enableResizeOnCenter%3A%20true%2C%0A%20%20%20%20enableDoubleClickZoom%3A%20false%2C%0A%20%20%20%20enableKeyboard%3A%20true%2C%0A%20%20%20%20enablePinchToZoom%3A%20true%2C%0A%20%20%20%20enableAutoResize%3A%20true%2C%0A%20%20%20%20enableTraffic%3A%20false%0A%20%20%7D)%0A%3C%2Fscript%3E%0A",description:""},{default:l(()=>[d]),_:1}),u,a(p,{class:"p-top not-full p-bottom",source:"%3Cpre%20v-pre%3E%3Ccode%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ediv%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Eclass%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Emap-wrapper%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ediv%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Eclass%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Emap-item%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMap%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ediv%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ediv%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Eclass%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Emap-item%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMap%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ediv%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ediv%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Estyle%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Escoped%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20style%22%3E%3Cspan%20class%3D%22token%20language-css%22%3E%0A%20%20%3Cspan%20class%3D%22token%20selector%22%3E.map-wrapper%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Edisplay%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%20flex%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Ejustify-content%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%20space-between%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20selector%22%3E.map-wrapper%20.map-item%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Eflex-basis%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3Ecalc%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E50%25%20-%207.5px%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Estyle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3C%2Fcode%3E%3C%2Fpre%3E",path:"map/multiInstance","raw-source":"%3Ctemplate%3E%0A%20%20%3Cdiv%20class%3D%22map-wrapper%22%3E%0A%20%20%20%20%3Cdiv%20class%3D%22map-item%22%3E%0A%20%20%20%20%20%20%3CBMap%20v-bind%3D%22%24attrs%22%20%2F%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3Cdiv%20class%3D%22map-item%22%3E%0A%20%20%20%20%20%20%3CBMap%20v-bind%3D%22%24attrs%22%20%2F%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%3C%2Fdiv%3E%0A%3C%2Ftemplate%3E%0A%0A%3Cstyle%20scoped%3E%0A%20%20.map-wrapper%20%7B%0A%20%20%20%20display%3A%20flex%3B%0A%20%20%20%20justify-content%3A%20space-between%3B%0A%20%20%7D%0A%20%20.map-wrapper%20.map-item%20%7B%0A%20%20%20%20flex-basis%3A%20calc(50%25%20-%207.5px)%3B%0A%20%20%7D%0A%3C%2Fstyle%3E%0A",description:""},{default:l(()=>[r]),_:1}),h,a(p,{source:"%3Cpre%20v-pre%3E%3Ccode%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMap%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Azoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E10%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3EenableScrollWheelZoom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3EmapStyleId%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Eee66c61531e8df3c2fd0374e96e58e81%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3C%2Fcode%3E%3C%2Fpre%3E",path:"map/theme1","raw-source":"%3Ctemplate%3E%0A%20%20%3CBMap%20v-bind%3D%22%24attrs%22%20%3Azoom%3D%2210%22%20enableScrollWheelZoom%20mapStyleId%3D%22ee66c61531e8df3c2fd0374e96e58e81%22%20%2F%3E%0A%3C%2Ftemplate%3E%0A",description:"%3Cp%3E%E7%B1%BB%E4%BC%BC%E8%8B%B9%E6%9E%9C%E5%9C%B0%E5%9B%BE%E9%A3%8E%E6%A0%BC%3C%2Fp%3E%0A"},{default:l(()=>[F]),_:1}),D,a(p,{source:"%3Cpre%20v-pre%3E%3Ccode%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMap%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Azoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E10%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3EenableScrollWheelZoom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3EmapStyleId%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E0f3219e982947931ae2893345940df80%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3C%2Fcode%3E%3C%2Fpre%3E",path:"map/theme2","raw-source":"%3Ctemplate%3E%0A%20%20%3CBMap%20v-bind%3D%22%24attrs%22%20%3Azoom%3D%2210%22%20enableScrollWheelZoom%20mapStyleId%3D%220f3219e982947931ae2893345940df80%22%20%2F%3E%0A%3C%2Ftemplate%3E%0A",description:"%3Cp%3E%E6%BB%A1%E6%BB%A1%E7%9A%84%E7%A7%91%E6%8A%80%E6%84%9F%3C%2Fp%3E%0A"},{default:l(()=>[g]),_:1}),A,s("table",null,[y,s("tbody",null,[B,s("tr",null,[m,b,_,v,f,s("td",null,[a(t,{type:"tip",text:"^2.3.0"})])]),M,P,s("tr",null,[S,q,T,x,Z,s("td",null,[a(t,{type:"tip",text:"^2.1.0"})])]),I,s("tr",null,[w,R,L,N,z,s("td",null,[a(t,{type:"tip",text:"^1.1.3"})])]),O,W])]),V,s("table",null,[H,s("tbody",null,[s("tr",null,[K,J,j,$,s("td",null,[a(t,{type:"tip",text:"^1.0.1"})])]),s("tr",null,[G,U,Q,X,s("td",null,[a(t,{type:"tip",text:"^1.0.1"})])]),Y,s2,a2,n2,t2,p2,l2,e2,i2,E2,o2,c2,C2,k2,d2,u2,r2,h2,s("tr",null,[F2,D2,g2,A2,s("td",null,[a(t,{type:"tip",text:"^2.1.0"})])]),s("tr",null,[y2,B2,m2,b2,s("td",null,[a(t,{type:"tip",text:"^2.1.0"})])]),s("tr",null,[_2,v2,f2,M2,s("td",null,[a(t,{type:"tip",text:"^2.1.0"})])])])]),P2])}const N2=E(C,[["render",S2]]);export{L2 as __pageData,N2 as default}; diff --git a/assets/zh-CN_components_map.md.qRZ4_jbk.lean.js b/assets/zh-CN_components_map.md.qRZ4_jbk.lean.js new file mode 100644 index 00000000..3b601766 --- /dev/null +++ b/assets/zh-CN_components_map.md.qRZ4_jbk.lean.js @@ -0,0 +1 @@ +import{_ as E,D as i,c as o,I as a,w as l,k as s,R as e,a as n,o as c}from"./chunks/framework.aeLSa5ZG.js";const L2=JSON.parse('{"title":"Map 地图","description":"","frontmatter":{"title":"Map 地图"},"headers":[],"relativePath":"zh-CN/components/map.md","filePath":"zh-CN/components/map.md","lastUpdated":1710870588000}'),C={name:"zh-CN/components/map.md"},k=e("",4),d=s("p",null,"map/base",-1),u=s("h2",{id:"多实例",tabindex:"-1"},[n("多实例 "),s("a",{class:"header-anchor",href:"#多实例","aria-label":'Permalink to "多实例"'},"​")],-1),r=s("p",null,"map/multiInstance",-1),h=e("",6),F=s("p",null,"map/theme1",-1),D=s("h3",{id:"赛博朋克主题示例",tabindex:"-1"},[n("赛博朋克主题示例 "),s("a",{class:"header-anchor",href:"#赛博朋克主题示例","aria-label":'Permalink to "赛博朋克主题示例"'},"​")],-1),g=s("p",null,"map/theme2",-1),A=e("",4),y=s("thead",null,[s("tr",null,[s("th",null,"属性"),s("th",null,"说明"),s("th",null,"类型"),s("th",null,"可选值"),s("th",null,"默认值"),s("th",null,"版本")])],-1),B=s("tr",null,[s("td",null,"ak"),s("td",null,[n("百度地图 "),s("a",{href:"./../guide/quick-start#申请-ak-密钥"},"ak")]),s("td",null,[s("code",null,"string")]),s("td",null,"-"),s("td",null,"-"),s("td",null,"-")],-1),m=s("td",null,"apiUrl",-1),b=s("td",null,"自建地图 api 资源地址（一般用于离线地图）",-1),_=s("td",null,[s("code",null,"string")],-1),v=s("td",null,"-",-1),f=s("td",null,"-",-1),M=s("tr",null,[s("td",null,"minZoom"),s("td",null,"地图允许展示的最小级别"),s("td",null,[s("code",null,"number")]),s("td",null,[s("code",null,"0-21")]),s("td",null,[s("code",null,"0")]),s("td",null,"-")],-1),P=s("tr",null,[s("td",null,"maxZoom"),s("td",null,"地图允许展示的最大级别"),s("td",null,[s("code",null,"number")]),s("td",null,[s("code",null,"0-21")]),s("td",null,[s("code",null,"21")]),s("td",null,"-")],-1),S=s("td",null,"backgroundColor",-1),q=s("td",null,"地图背景颜色, rgba 数组",-1),T=s("td",null,[s("code",null," number[]")],-1),x=s("td",null,"-",-1),Z=s("td",null,[s("code",null,"[245, 245, 245, 100]")],-1),I=s("tr",null,[s("td",null,"showControls"),s("td",null,"是否显示室内图"),s("td",null,[s("code",null,"boolean")]),s("td",null,"-"),s("td",null,[s("code",null,"false")]),s("td",null,"-")],-1),w=s("td",null,"restrictCenter",-1),R=s("td",null,"是否限制中心",-1),L=s("td",null,[s("code",null,"boolean")],-1),N=s("td",null,"-",-1),z=s("td",null,[s("code",null,"true")],-1),O=s("tr",null,[s("td",null,"plugins"),s("td",null,"需要注册的插件"),s("td",null,[s("code",null,"['TrackAnimation', 'Mapvgl', 'Mapv', 'MapvThree']")]),s("td",null,"-"),s("td",null,"-"),s("td",null,"-")],-1),W=s("tr",null,[s("td",null,"pluginsSourceLink"),s("td",null,"自定义插件资源地址"),s("td",null,[s("code",null,"Record<'TrackAnimation' | 'Mapvgl' | 'Mapv' | 'MapvThree', string>")]),s("td",null,"-"),s("td",null,"-"),s("td",null,"-")],-1),V=s("h2",{id:"动态组件-props",tabindex:"-1"},[n("动态组件 Props "),s("a",{class:"header-anchor",href:"#动态组件-props","aria-label":'Permalink to "动态组件 Props"'},"​")],-1),H=s("thead",null,[s("tr",null,[s("th",null,"属性"),s("th",null,"说明"),s("th",null,"类型"),s("th",null,"默认值"),s("th",null,"版本")])],-1),K=s("td",null,"width",-1),J=s("td",null,"地图显示宽度",-1),j=s("td",null,[s("code",null,"string / number")],-1),$=s("td",null,[s("code",null,"100%")],-1),G=s("td",null,"height",-1),U=s("td",null,"地图显示高度",-1),Q=s("td",null,[s("code",null,"string / number")],-1),X=s("td",null,[s("code",null,"550px")],-1),Y=s("tr",null,[s("td",null,"center"),s("td",null,[n("地图默认中心点，可使用城市名，如：北京市，也可以使用对象如 "),s("code",null,"{lng: 121.424333, lat: 31.228604}"),n(" 表示经纬度。")]),s("td",null,[s("code",null,"string / {lng: number, lat: number}")]),s("td",null,[s("code",null,"北京市")]),s("td",null,"-")],-1),s2=s("tr",null,[s("td",null,"heading"),s("td",null,"地图旋转角度"),s("td",null,[s("code",null,"number")]),s("td",null,[s("code",null,"0")]),s("td",null,"-")],-1),a2=s("tr",null,[s("td",null,"tilt"),s("td",null,"地图倾斜角度"),s("td",null,[s("code",null,"number")]),s("td",null,[s("code",null,"0 ")]),s("td",null,"-")],-1),n2=s("tr",null,[s("td",null,"mapType"),s("td",null,[n("地图类型 "),s("a",{href:"#地图类型"},"mapType")]),s("td",null,[s("code",null,"string")]),s("td",null,[s("code",null,"BMAP_NORMAL_MAP")]),s("td",null,"-")],-1),t2=s("tr",null,[s("td",null,"zoom"),s("td",null,"地图缩放级别"),s("td",null,[s("code",null,"number")]),s("td",null,[s("code",null,"14")]),s("td",null,"-")],-1),p2=s("tr",null,[s("td",null,"displayOptions"),s("td",null,[n("自定义地图属性 "),s("a",{href:"#displayoptions"},"详见")]),s("td",null,"-"),s("td",null,"-"),s("td",null,"-")],-1),l2=s("tr",null,[s("td",null,"mapStyleId"),s("td",null,[n("个性化地图样式 ID "),s("a",{href:"#个性化地图"},"详见")]),s("td",null,[s("code",null,"string")]),s("td",null,"-"),s("td",null,"-")],-1),e2=s("tr",null,[s("td",null,"mapStyleJson"),s("td",null,[n("个性化地图样式 Json "),s("a",{href:"#个性化地图"},"详见")]),s("td",null,[s("code",null,"{featureType: string...}[]")]),s("td",null,"-"),s("td",null,"-")],-1),i2=s("tr",null,[s("td",null,"enableTraffic"),s("td",null,"是否启用交通路况图层"),s("td",null,[s("code",null,"boolean")]),s("td",null,[s("code",null,"false")]),s("td",null,"-")],-1),E2=s("tr",null,[s("td",null,"enableDragging"),s("td",null,"启用地图拖拽"),s("td",null,[s("code",null,"boolean")]),s("td",null,[s("code",null,"true")]),s("td",null,"-")],-1),o2=s("tr",null,[s("td",null,"enableInertialDragging"),s("td",null,"启用地图惯性拖拽"),s("td",null,[s("code",null,"boolean")]),s("td",null,[s("code",null,"true")]),s("td",null,"-")],-1),c2=s("tr",null,[s("td",null,"enableScrollWheelZoom"),s("td",null,"允许地图可被鼠标滚轮缩放"),s("td",null,[s("code",null,"boolean")]),s("td",null,[s("code",null,"false")]),s("td",null,"-")],-1),C2=s("tr",null,[s("td",null,"enableContinuousZoom"),s("td",null,"开启双击平滑缩放效果"),s("td",null,[s("code",null,"boolean")]),s("td",null,[s("code",null,"true")]),s("td",null,"-")],-1),k2=s("tr",null,[s("td",null,"enableResizeOnCenter"),s("td",null,"开启图区 resize 中心点不变"),s("td",null,[s("code",null,"boolean")]),s("td",null,[s("code",null,"true")]),s("td",null,"-")],-1),d2=s("tr",null,[s("td",null,"enableDoubleClickZoom"),s("td",null,"启用地图双击缩放，左键双击放大、右键双击缩小"),s("td",null,[s("code",null,"boolean")]),s("td",null,[s("code",null,"false")]),s("td",null,"-")],-1),u2=s("tr",null,[s("td",null,"enableKeyboard"),s("td",null,"启用键盘操作，键盘的上、下、左、右键可连续移动地图。同时按下其中两个键可使地图进行对角移动。PgUp、PgDn、Home 和 End 键会使地图平移其 1/2 的大小。 +、-键会使地图放大或缩小一级"),s("td",null,[s("code",null,"boolean")]),s("td",null,[s("code",null,"true")]),s("td",null,"-")],-1),r2=s("tr",null,[s("td",null,"enablePinchToZoom"),s("td",null,"启用双指缩放地图"),s("td",null,[s("code",null,"boolean")]),s("td",null,[s("code",null,"true")]),s("td",null,"-")],-1),h2=s("tr",null,[s("td",null,"enableAutoResize"),s("td",null,"启用自动适应容器尺寸变化"),s("td",null,[s("code",null,"boolean")]),s("td",null,[s("code",null,"true")]),s("td",null,"-")],-1),F2=s("td",null,"enableIconClick",-1),D2=s("td",null,"是否启用底图可点击",-1),g2=s("td",null,[s("code",null,"boolean")],-1),A2=s("td",null,[s("code",null,"true")],-1),y2=s("td",null,"loadingBgColor",-1),B2=s("td",null,"加载背景图颜色",-1),m2=s("td",null,[s("code",null,"string")],-1),b2=s("td",null,[s("code",null,"#f1f1f1")],-1),_2=s("td",null,"loadingTextColor",-1),v2=s("td",null,"加载文字图颜色",-1),f2=s("td",null,[s("code",null,"string")],-1),M2=s("td",null,[s("code",null,"#999")],-1),P2=e("",9);function S2(q2,T2,x2,Z2,I2,w2){const p=i("Demo"),t=i("Badge");return c(),o("div",null,[k,a(p,{class:"p-top",source:"%3Cpre%20v-pre%3E%3Ccode%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ediv%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Elabel%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Einput%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Etype%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Echeckbox%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-model%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EmapSetting.enableScrollWheelZoom%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%E9%BC%A0%E6%A0%87%E7%BC%A9%E6%94%BE%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Elabel%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ebr%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Elabel%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Einput%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Etype%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Echeckbox%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-model%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EmapSetting.enableDragging%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%E6%8B%96%E6%8B%BD%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Elabel%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ebr%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Elabel%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Einput%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Etype%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Echeckbox%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-model%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EmapSetting.enableInertialDragging%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%E6%83%AF%E6%80%A7%E6%8B%96%E6%8B%BD%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Elabel%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ebr%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Elabel%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Einput%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Etype%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Echeckbox%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-model%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EmapSetting.enablePinchToZoom%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%E5%8F%8C%E6%8C%87%E7%BC%A9%E6%94%BE%E5%9C%B0%E5%9B%BE%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Elabel%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ebr%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Elabel%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Einput%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Etype%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Echeckbox%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-model%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EmapSetting.enableKeyboard%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%E9%94%AE%E7%9B%98%E6%93%8D%E4%BD%9C%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Elabel%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ebr%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Elabel%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Einput%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Etype%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Echeckbox%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-model%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EmapSetting.enableDoubleClickZoom%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%E5%8F%8C%E5%87%BB%E7%BC%A9%E6%94%BE%EF%BC%8C%E5%B7%A6%E9%94%AE%E5%8F%8C%E5%87%BB%E6%94%BE%E5%A4%A7%E3%80%81%E5%8F%B3%E9%94%AE%E5%8F%8C%E5%87%BB%E7%BC%A9%E5%B0%8F%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Elabel%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ebr%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Elabel%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Einput%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Etype%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Echeckbox%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-model%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EmapSetting.enableContinuousZoom%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%E5%8F%8C%E5%87%BB%E5%B9%B3%E6%BB%91%E7%BC%A9%E6%94%BE%E6%95%88%E6%9E%9C%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Elabel%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ebr%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Elabel%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Einput%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Etype%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Echeckbox%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-model%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EmapSetting.enableTraffic%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%E6%98%BE%E7%A4%BA%E4%BA%A4%E9%80%9A%E8%B7%AF%E5%86%B5%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Elabel%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ebr%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ebr%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%E5%9C%B0%E5%9B%BE%E7%B1%BB%E5%9E%8B%EF%BC%9A%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Eselect%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ename%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Eid%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-model%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Etype%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Eoption%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Evalue%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EBMAP_NORMAL_MAP%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E5%B8%B8%E8%A7%84%E5%9C%B0%E5%9B%BE%20BMAP_NORMAL_MAP%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Eoption%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Eoption%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Evalue%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EBMAP_EARTH_MAP%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E5%9C%B0%E7%90%83%E6%A8%A1%E5%BC%8F%20BMAP_EARTH_MAP%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Eoption%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Eoption%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Evalue%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EBMAP_SATELLITE_MAP%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E5%8D%AB%E6%98%9F%E5%9B%BE%20BMAP_EARTH_MAP%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Eoption%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Eselect%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ebr%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ebr%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMap%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aheading%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E64.5%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Atilt%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E73%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Acenter%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%7B%0A%20%20%20%20%20%20%20%20lng%3A%20116.28019%2C%0A%20%20%20%20%20%20%20%20lat%3A%2040.049191%0A%20%20%20%20%20%20%7D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Azoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E19%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3AminZoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E3%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3AmapType%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Etype%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3AenableDragging%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EmapSetting.enableDragging%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3AenableInertialDragging%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EmapSetting.enableInertialDragging%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3AenableScrollWheelZoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EmapSetting.enableScrollWheelZoom%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3AenableContinuousZoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EmapSetting.enableContinuousZoom%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3AenableDoubleClickZoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EmapSetting.enableDoubleClickZoom%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3AenableKeyboard%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EmapSetting.enableKeyboard%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3AenablePinchToZoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EmapSetting.enablePinchToZoom%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3AenableTraffic%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EmapSetting.enableTraffic%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ediv%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Escript%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Esetup%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Elang%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ets%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20script%22%3E%3Cspan%20class%3D%22token%20language-javascript%22%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Eimport%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20ref%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Efrom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'vue'%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Eimport%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20MapType%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20MapProps%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Efrom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'vue3-baidu-map-gl'%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20type%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20ref%3Cspan%20class%3D%22token%20operator%22%3E%26lt%3B%3C%2Fspan%3EMapType%3Cspan%20class%3D%22token%20operator%22%3E%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20string%22%3E'BMAP_NORMAL_MAP'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20mapSetting%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20ref%3Cspan%20class%3D%22token%20operator%22%3E%26lt%3B%3C%2Fspan%3EMapProps%3Cspan%20class%3D%22token%20operator%22%3E%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EenableDragging%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20boolean%22%3Etrue%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EenableInertialDragging%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20boolean%22%3Etrue%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EenableScrollWheelZoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20boolean%22%3Efalse%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EenableContinuousZoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20boolean%22%3Etrue%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EenableResizeOnCenter%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20boolean%22%3Etrue%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EenableDoubleClickZoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20boolean%22%3Efalse%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EenableKeyboard%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20boolean%22%3Etrue%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EenablePinchToZoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20boolean%22%3Etrue%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EenableAutoResize%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20boolean%22%3Etrue%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EenableTraffic%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20boolean%22%3Efalse%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Escript%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3C%2Fcode%3E%3C%2Fpre%3E",path:"map/base","raw-source":"%3Ctemplate%3E%0A%20%20%3Cdiv%3E%0A%20%20%20%20%3Clabel%3E%0A%20%20%20%20%20%20%3Cinput%20type%3D%22checkbox%22%20v-model%3D%22mapSetting.enableScrollWheelZoom%22%20%2F%3E%0A%20%20%20%20%20%20%E9%BC%A0%E6%A0%87%E7%BC%A9%E6%94%BE%0A%20%20%20%20%3C%2Flabel%3E%0A%20%20%20%20%3Cbr%20%2F%3E%0A%20%20%20%20%3Clabel%3E%0A%20%20%20%20%20%20%3Cinput%20type%3D%22checkbox%22%20v-model%3D%22mapSetting.enableDragging%22%20%2F%3E%0A%20%20%20%20%20%20%E6%8B%96%E6%8B%BD%0A%20%20%20%20%3C%2Flabel%3E%0A%20%20%20%20%3Cbr%20%2F%3E%0A%20%20%20%20%3Clabel%3E%0A%20%20%20%20%20%20%3Cinput%20type%3D%22checkbox%22%20v-model%3D%22mapSetting.enableInertialDragging%22%20%2F%3E%0A%20%20%20%20%20%20%E6%83%AF%E6%80%A7%E6%8B%96%E6%8B%BD%0A%20%20%20%20%3C%2Flabel%3E%0A%20%20%20%20%3Cbr%20%2F%3E%0A%20%20%20%20%3Clabel%3E%0A%20%20%20%20%20%20%3Cinput%20type%3D%22checkbox%22%20v-model%3D%22mapSetting.enablePinchToZoom%22%20%2F%3E%0A%20%20%20%20%20%20%E5%8F%8C%E6%8C%87%E7%BC%A9%E6%94%BE%E5%9C%B0%E5%9B%BE%0A%20%20%20%20%3C%2Flabel%3E%0A%20%20%20%20%3Cbr%20%2F%3E%0A%20%20%20%20%3Clabel%3E%0A%20%20%20%20%20%20%3Cinput%20type%3D%22checkbox%22%20v-model%3D%22mapSetting.enableKeyboard%22%20%2F%3E%0A%20%20%20%20%20%20%E9%94%AE%E7%9B%98%E6%93%8D%E4%BD%9C%0A%20%20%20%20%3C%2Flabel%3E%0A%20%20%20%20%3Cbr%20%2F%3E%0A%20%20%20%20%3Clabel%3E%0A%20%20%20%20%20%20%3Cinput%20type%3D%22checkbox%22%20v-model%3D%22mapSetting.enableDoubleClickZoom%22%20%2F%3E%0A%20%20%20%20%20%20%E5%8F%8C%E5%87%BB%E7%BC%A9%E6%94%BE%EF%BC%8C%E5%B7%A6%E9%94%AE%E5%8F%8C%E5%87%BB%E6%94%BE%E5%A4%A7%E3%80%81%E5%8F%B3%E9%94%AE%E5%8F%8C%E5%87%BB%E7%BC%A9%E5%B0%8F%0A%20%20%20%20%3C%2Flabel%3E%0A%20%20%20%20%3Cbr%20%2F%3E%0A%20%20%20%20%3Clabel%3E%0A%20%20%20%20%20%20%3Cinput%20type%3D%22checkbox%22%20v-model%3D%22mapSetting.enableContinuousZoom%22%20%2F%3E%0A%20%20%20%20%20%20%E5%8F%8C%E5%87%BB%E5%B9%B3%E6%BB%91%E7%BC%A9%E6%94%BE%E6%95%88%E6%9E%9C%0A%20%20%20%20%3C%2Flabel%3E%0A%20%20%20%20%3Cbr%20%2F%3E%0A%20%20%20%20%3Clabel%3E%0A%20%20%20%20%20%20%3Cinput%20type%3D%22checkbox%22%20v-model%3D%22mapSetting.enableTraffic%22%20%2F%3E%0A%20%20%20%20%20%20%E6%98%BE%E7%A4%BA%E4%BA%A4%E9%80%9A%E8%B7%AF%E5%86%B5%0A%20%20%20%20%3C%2Flabel%3E%0A%20%20%20%20%3Cbr%20%2F%3E%0A%20%20%20%20%3Cbr%20%2F%3E%0A%20%20%20%20%E5%9C%B0%E5%9B%BE%E7%B1%BB%E5%9E%8B%EF%BC%9A%0A%20%20%20%20%3Cselect%20class%3D%22mySelect%22%20name%3D%22%22%20id%3D%22%22%20v-model%3D%22type%22%3E%0A%20%20%20%20%20%20%3Coption%20value%3D%22BMAP_NORMAL_MAP%22%3E%E5%B8%B8%E8%A7%84%E5%9C%B0%E5%9B%BE%20BMAP_NORMAL_MAP%3C%2Foption%3E%0A%20%20%20%20%20%20%3Coption%20value%3D%22BMAP_EARTH_MAP%22%3E%E5%9C%B0%E7%90%83%E6%A8%A1%E5%BC%8F%20BMAP_EARTH_MAP%3C%2Foption%3E%0A%20%20%20%20%20%20%3Coption%20value%3D%22BMAP_SATELLITE_MAP%22%3E%E5%8D%AB%E6%98%9F%E5%9B%BE%20BMAP_EARTH_MAP%3C%2Foption%3E%0A%20%20%20%20%3C%2Fselect%3E%0A%20%20%20%20%3Cbr%20%2F%3E%0A%20%20%20%20%3Cbr%20%2F%3E%0A%20%20%20%20%3CBMap%0A%20%20%20%20%20%20v-bind%3D%22%24attrs%22%0A%20%20%20%20%20%20%3Aheading%3D%2264.5%22%0A%20%20%20%20%20%20%3Atilt%3D%2273%22%0A%20%20%20%20%20%20%3Acenter%3D%22%7B%0A%20%20%20%20%20%20%20%20lng%3A%20116.28019%2C%0A%20%20%20%20%20%20%20%20lat%3A%2040.049191%0A%20%20%20%20%20%20%7D%22%0A%20%20%20%20%20%20%3Azoom%3D%2219%22%0A%20%20%20%20%20%20%3AminZoom%3D%223%22%0A%20%20%20%20%20%20%3AmapType%3D%22type%22%0A%20%20%20%20%20%20%3AenableDragging%3D%22mapSetting.enableDragging%22%0A%20%20%20%20%20%20%3AenableInertialDragging%3D%22mapSetting.enableInertialDragging%22%0A%20%20%20%20%20%20%3AenableScrollWheelZoom%3D%22mapSetting.enableScrollWheelZoom%22%0A%20%20%20%20%20%20%3AenableContinuousZoom%3D%22mapSetting.enableContinuousZoom%22%0A%20%20%20%20%20%20%3AenableDoubleClickZoom%3D%22mapSetting.enableDoubleClickZoom%22%0A%20%20%20%20%20%20%3AenableKeyboard%3D%22mapSetting.enableKeyboard%22%0A%20%20%20%20%20%20%3AenablePinchToZoom%3D%22mapSetting.enablePinchToZoom%22%0A%20%20%20%20%20%20%3AenableTraffic%3D%22mapSetting.enableTraffic%22%0A%20%20%20%20%2F%3E%0A%20%20%3C%2Fdiv%3E%0A%3C%2Ftemplate%3E%0A%0A%3Cscript%20setup%20lang%3D%22ts%22%3E%0A%20%20import%20%7B%20ref%20%7D%20from%20'vue'%0A%20%20import%20%7B%20MapType%2C%20MapProps%20%7D%20from%20'vue3-baidu-map-gl'%0A%20%20const%20type%20%3D%20ref%3CMapType%3E('BMAP_NORMAL_MAP')%0A%20%20const%20mapSetting%20%3D%20ref%3CMapProps%3E(%7B%0A%20%20%20%20enableDragging%3A%20true%2C%0A%20%20%20%20enableInertialDragging%3A%20true%2C%0A%20%20%20%20enableScrollWheelZoom%3A%20false%2C%0A%20%20%20%20enableContinuousZoom%3A%20true%2C%0A%20%20%20%20enableResizeOnCenter%3A%20true%2C%0A%20%20%20%20enableDoubleClickZoom%3A%20false%2C%0A%20%20%20%20enableKeyboard%3A%20true%2C%0A%20%20%20%20enablePinchToZoom%3A%20true%2C%0A%20%20%20%20enableAutoResize%3A%20true%2C%0A%20%20%20%20enableTraffic%3A%20false%0A%20%20%7D)%0A%3C%2Fscript%3E%0A",description:""},{default:l(()=>[d]),_:1}),u,a(p,{class:"p-top not-full p-bottom",source:"%3Cpre%20v-pre%3E%3Ccode%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ediv%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Eclass%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Emap-wrapper%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ediv%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Eclass%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Emap-item%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMap%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ediv%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ediv%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Eclass%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Emap-item%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMap%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ediv%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ediv%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Estyle%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Escoped%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20style%22%3E%3Cspan%20class%3D%22token%20language-css%22%3E%0A%20%20%3Cspan%20class%3D%22token%20selector%22%3E.map-wrapper%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Edisplay%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%20flex%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Ejustify-content%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%20space-between%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20selector%22%3E.map-wrapper%20.map-item%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Eflex-basis%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3Ecalc%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E50%25%20-%207.5px%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Estyle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3C%2Fcode%3E%3C%2Fpre%3E",path:"map/multiInstance","raw-source":"%3Ctemplate%3E%0A%20%20%3Cdiv%20class%3D%22map-wrapper%22%3E%0A%20%20%20%20%3Cdiv%20class%3D%22map-item%22%3E%0A%20%20%20%20%20%20%3CBMap%20v-bind%3D%22%24attrs%22%20%2F%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3Cdiv%20class%3D%22map-item%22%3E%0A%20%20%20%20%20%20%3CBMap%20v-bind%3D%22%24attrs%22%20%2F%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%3C%2Fdiv%3E%0A%3C%2Ftemplate%3E%0A%0A%3Cstyle%20scoped%3E%0A%20%20.map-wrapper%20%7B%0A%20%20%20%20display%3A%20flex%3B%0A%20%20%20%20justify-content%3A%20space-between%3B%0A%20%20%7D%0A%20%20.map-wrapper%20.map-item%20%7B%0A%20%20%20%20flex-basis%3A%20calc(50%25%20-%207.5px)%3B%0A%20%20%7D%0A%3C%2Fstyle%3E%0A",description:""},{default:l(()=>[r]),_:1}),h,a(p,{source:"%3Cpre%20v-pre%3E%3Ccode%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMap%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Azoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E10%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3EenableScrollWheelZoom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3EmapStyleId%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Eee66c61531e8df3c2fd0374e96e58e81%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3C%2Fcode%3E%3C%2Fpre%3E",path:"map/theme1","raw-source":"%3Ctemplate%3E%0A%20%20%3CBMap%20v-bind%3D%22%24attrs%22%20%3Azoom%3D%2210%22%20enableScrollWheelZoom%20mapStyleId%3D%22ee66c61531e8df3c2fd0374e96e58e81%22%20%2F%3E%0A%3C%2Ftemplate%3E%0A",description:"%3Cp%3E%E7%B1%BB%E4%BC%BC%E8%8B%B9%E6%9E%9C%E5%9C%B0%E5%9B%BE%E9%A3%8E%E6%A0%BC%3C%2Fp%3E%0A"},{default:l(()=>[F]),_:1}),D,a(p,{source:"%3Cpre%20v-pre%3E%3Ccode%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMap%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Azoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E10%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3EenableScrollWheelZoom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3EmapStyleId%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E0f3219e982947931ae2893345940df80%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3C%2Fcode%3E%3C%2Fpre%3E",path:"map/theme2","raw-source":"%3Ctemplate%3E%0A%20%20%3CBMap%20v-bind%3D%22%24attrs%22%20%3Azoom%3D%2210%22%20enableScrollWheelZoom%20mapStyleId%3D%220f3219e982947931ae2893345940df80%22%20%2F%3E%0A%3C%2Ftemplate%3E%0A",description:"%3Cp%3E%E6%BB%A1%E6%BB%A1%E7%9A%84%E7%A7%91%E6%8A%80%E6%84%9F%3C%2Fp%3E%0A"},{default:l(()=>[g]),_:1}),A,s("table",null,[y,s("tbody",null,[B,s("tr",null,[m,b,_,v,f,s("td",null,[a(t,{type:"tip",text:"^2.3.0"})])]),M,P,s("tr",null,[S,q,T,x,Z,s("td",null,[a(t,{type:"tip",text:"^2.1.0"})])]),I,s("tr",null,[w,R,L,N,z,s("td",null,[a(t,{type:"tip",text:"^1.1.3"})])]),O,W])]),V,s("table",null,[H,s("tbody",null,[s("tr",null,[K,J,j,$,s("td",null,[a(t,{type:"tip",text:"^1.0.1"})])]),s("tr",null,[G,U,Q,X,s("td",null,[a(t,{type:"tip",text:"^1.0.1"})])]),Y,s2,a2,n2,t2,p2,l2,e2,i2,E2,o2,c2,C2,k2,d2,u2,r2,h2,s("tr",null,[F2,D2,g2,A2,s("td",null,[a(t,{type:"tip",text:"^2.1.0"})])]),s("tr",null,[y2,B2,m2,b2,s("td",null,[a(t,{type:"tip",text:"^2.1.0"})])]),s("tr",null,[_2,v2,f2,M2,s("td",null,[a(t,{type:"tip",text:"^2.1.0"})])])])]),P2])}const N2=E(C,[["render",S2]]);export{L2 as __pageData,N2 as default}; diff --git a/assets/zh-CN_components_overlay_bezierCurve.md.ae3YJZ5j.js b/assets/zh-CN_components_overlay_bezierCurve.md.ae3YJZ5j.js new file mode 100644 index 00000000..6122cb88 --- /dev/null +++ b/assets/zh-CN_components_overlay_bezierCurve.md.ae3YJZ5j.js @@ -0,0 +1 @@ +import{_ as d,D as a,c as p,I as s,w as c,k as t,R as e,a as n,o as u}from"./chunks/framework.aeLSa5ZG.js";const I=JSON.parse('{"title":"BBezierCurve 折线","description":"","frontmatter":{},"headers":[],"relativePath":"zh-CN/components/overlay/bezierCurve.md","filePath":"zh-CN/components/overlay/bezierCurve.md","lastUpdated":1710870588000}'),r={name:"zh-CN/components/overlay/bezierCurve.md"},C=e('

BBezierCurve 折线 ​

在地图上绘制二阶贝塞尔曲线

ts
import { BBezierCurve } from 'vue3-baidu-map-gl'

提示

不了解贝塞尔曲线的小伙伴可以先学习一下: https://zh-CN.javascript.info/bezier-curve

组件示例 ​

',5),i=t("p",null,"overlay/bezierCurve",-1),E=t("h2",{id:"动态组件-props",tabindex:"-1"},[n("动态组件 Props "),t("a",{class:"header-anchor",href:"#动态组件-props","aria-label":'Permalink to "动态组件 Props"'},"​")],-1),A=t("thead",null,[t("tr",null,[t("th",null,"属性"),t("th",null,"说明"),t("th",null,"类型"),t("th",null,"可选值"),t("th",null,"默认值"),t("th",null,"版本")])],-1),D=t("tr",null,[t("td",null,"path"),t("td",null,"贝塞尔曲线的坐标数组"),t("td",null,[t("code",null,"{ lng: number, lat: number}[]")]),t("td",null,"-"),t("td",null,[t("code",null,"required")]),t("td",null,"-")],-1),k=t("tr",null,[t("td",null,"controlPoints"),t("td",null,"贝塞尔曲线控制点的坐标数组"),t("td",null,[t("code",null,"{ lng: number, lat: number}[][]")]),t("td",null,"-"),t("td",null,[t("code",null,"required")]),t("td",null,"-")],-1),h=t("tr",null,[t("td",null,"strokeColor"),t("td",null,"描边的颜色，同 CSS 颜色"),t("td",null,[t("code",null,"string")]),t("td",null,"-"),t("td",null,[t("code",null,"#000000")]),t("td",null,"-")],-1),_=t("tr",null,[t("td",null,"strokeWeight"),t("td",null,"描边的宽度，单位为像素"),t("td",null,[t("code",null,"string")]),t("td",null,"-"),t("td",null,[t("code",null,"2")]),t("td",null,"-")],-1),F=t("tr",null,[t("td",null,"strokeOpacity"),t("td",null,[n("描边的透明度，范围 "),t("code",null,"0-1")]),t("td",null,[t("code",null," number")]),t("td",null,"-"),t("td",null,[t("code",null," 1")]),t("td",null,"-")],-1),B=t("tr",null,[t("td",null,"strokeStyle"),t("td",null,"描边的样式，为实线、虚线、或者点状线"),t("td",null,[t("code",null,"string")]),t("td",null,[t("code",null,"solid / dashed / dotted")]),t("td",null,"-"),t("td",null,"-")],-1),v=t("tr",null,[t("td",null,"enableMassClear"),t("td",null,[n("是否在调用 "),t("code",null,"map.clearOverlays"),n(" 清除此覆盖物")]),t("td",null,[t("code",null,"boolean")]),t("td",null,"-"),t("td",null,[t("code",null,"true ")]),t("td",null,"-")],-1),g=t("td",null,"visible",-1),m=t("td",null,"是否显示",-1),b=t("td",null,[t("code",null,"boolean")],-1),z=t("td",null,"-",-1),y=t("td",null,[t("code",null,"true")],-1),f=e('

组件事件 ​

事件名说明类型
initd组件初始化后，调用的方法，返回一个地图实例{ map, BmapGL, instance }
unload组件卸载时会调用此方法-
click鼠标左键单击事件的回调函数。 当双击时，产生的事件序列为： click click dblclick((e: Event) => void)
dblclick鼠标左键双击事件的回调函数((e: Event) => void)
mousedown鼠标左键在该覆盖物上按下的回调函数((e: Event) => void)
mouseup鼠标左键在该覆盖物上抬起的回调函数((e: Event) => void)
mouseout鼠标指针移出该覆盖物事件的回调函数((e: Event) => void)
mouseover鼠标指针移入该覆盖物事件的回调函数((e: Event) => void)
remove该覆盖物被移除的回调函数((e: Event) => void)
lineupdate覆盖物被编辑后的回调函数((e: Event) => void)
',2);function q(P,T,N,S,x,V){const l=a("Demo"),o=a("Badge");return u(),p("div",null,[C,s(l,{source:"%3Cpre%20v-pre%3E%3Ccode%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMap%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Acenter%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%7B%20lng%3A%20113.399%2C%20lat%3A%2039.91%20%7D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Azoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E8%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBBezierCurve%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Apath%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%5B%0A%20%20%20%20%20%20%20%20%7B%20lng%3A%20116.399%2C%20lat%3A%2039.911%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20lng%3A%20113.399%2C%20lat%3A%2039.91%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20lng%3A%20110.399%2C%20lat%3A%2039.91%20%7D%0A%20%20%20%20%20%20%5D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3AcontrolPoints%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%5B%0A%20%20%20%20%20%20%20%20%5B%0A%20%20%20%20%20%20%20%20%20%20%7B%20lng%3A%20115.399%2C%20lat%3A%2040.91%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%7B%20lng%3A%20114.399%2C%20lat%3A%2038.91%20%7D%0A%20%20%20%20%20%20%20%20%5D%2C%0A%20%20%20%20%20%20%20%20%5B%0A%20%20%20%20%20%20%20%20%20%20%7B%20lng%3A%20112.399%2C%20lat%3A%2038.911%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%7B%20lng%3A%20112.399%2C%20lat%3A%2038.41%20%7D%0A%20%20%20%20%20%20%20%20%5D%0A%20%20%20%20%20%20%5D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3Estroke-color%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%23000%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Astroke-opacity%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E1%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Astroke-weight%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E2%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBMap%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3C%2Fcode%3E%3C%2Fpre%3E",path:"overlay/bezierCurve","raw-source":"%3Ctemplate%3E%0A%20%20%3CBMap%20v-bind%3D%22%24attrs%22%20%3Acenter%3D%22%7B%20lng%3A%20113.399%2C%20lat%3A%2039.91%20%7D%22%20%3Azoom%3D%228%22%3E%0A%20%20%20%20%3CBBezierCurve%0A%20%20%20%20%20%20%3Apath%3D%22%5B%0A%20%20%20%20%20%20%20%20%7B%20lng%3A%20116.399%2C%20lat%3A%2039.911%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20lng%3A%20113.399%2C%20lat%3A%2039.91%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20lng%3A%20110.399%2C%20lat%3A%2039.91%20%7D%0A%20%20%20%20%20%20%5D%22%0A%20%20%20%20%20%20%3AcontrolPoints%3D%22%5B%0A%20%20%20%20%20%20%20%20%5B%0A%20%20%20%20%20%20%20%20%20%20%7B%20lng%3A%20115.399%2C%20lat%3A%2040.91%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%7B%20lng%3A%20114.399%2C%20lat%3A%2038.91%20%7D%0A%20%20%20%20%20%20%20%20%5D%2C%0A%20%20%20%20%20%20%20%20%5B%0A%20%20%20%20%20%20%20%20%20%20%7B%20lng%3A%20112.399%2C%20lat%3A%2038.911%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%7B%20lng%3A%20112.399%2C%20lat%3A%2038.41%20%7D%0A%20%20%20%20%20%20%20%20%5D%0A%20%20%20%20%20%20%5D%22%0A%20%20%20%20%20%20stroke-color%3D%22%23000%22%0A%20%20%20%20%20%20%3Astroke-opacity%3D%221%22%0A%20%20%20%20%20%20%3Astroke-weight%3D%222%22%0A%20%20%20%20%2F%3E%0A%20%20%3C%2FBMap%3E%0A%3C%2Ftemplate%3E%0A",description:"%3Cp%3E%E5%9C%A8%E5%9C%B0%E5%9B%BE%E4%B8%AD%E6%B7%BB%E5%8A%A0%E8%B4%9D%E5%A1%9E%E5%B0%94%E6%9B%B2%E7%BA%BF%3C%2Fp%3E%0A"},{default:c(()=>[i]),_:1}),E,t("table",null,[A,t("tbody",null,[D,k,h,_,F,B,v,t("tr",null,[g,m,b,z,y,t("td",null,[s(o,{type:"tip",text:"^2.2.0"})])])])]),f])}const M=d(r,[["render",q]]);export{I as __pageData,M as default}; diff --git a/assets/zh-CN_components_overlay_bezierCurve.md.ae3YJZ5j.lean.js b/assets/zh-CN_components_overlay_bezierCurve.md.ae3YJZ5j.lean.js new file mode 100644 index 00000000..f184e231 --- /dev/null +++ b/assets/zh-CN_components_overlay_bezierCurve.md.ae3YJZ5j.lean.js @@ -0,0 +1 @@ +import{_ as d,D as a,c as p,I as s,w as c,k as t,R as e,a as n,o as u}from"./chunks/framework.aeLSa5ZG.js";const I=JSON.parse('{"title":"BBezierCurve 折线","description":"","frontmatter":{},"headers":[],"relativePath":"zh-CN/components/overlay/bezierCurve.md","filePath":"zh-CN/components/overlay/bezierCurve.md","lastUpdated":1710870588000}'),r={name:"zh-CN/components/overlay/bezierCurve.md"},C=e("",5),i=t("p",null,"overlay/bezierCurve",-1),E=t("h2",{id:"动态组件-props",tabindex:"-1"},[n("动态组件 Props "),t("a",{class:"header-anchor",href:"#动态组件-props","aria-label":'Permalink to "动态组件 Props"'},"​")],-1),A=t("thead",null,[t("tr",null,[t("th",null,"属性"),t("th",null,"说明"),t("th",null,"类型"),t("th",null,"可选值"),t("th",null,"默认值"),t("th",null,"版本")])],-1),D=t("tr",null,[t("td",null,"path"),t("td",null,"贝塞尔曲线的坐标数组"),t("td",null,[t("code",null,"{ lng: number, lat: number}[]")]),t("td",null,"-"),t("td",null,[t("code",null,"required")]),t("td",null,"-")],-1),k=t("tr",null,[t("td",null,"controlPoints"),t("td",null,"贝塞尔曲线控制点的坐标数组"),t("td",null,[t("code",null,"{ lng: number, lat: number}[][]")]),t("td",null,"-"),t("td",null,[t("code",null,"required")]),t("td",null,"-")],-1),h=t("tr",null,[t("td",null,"strokeColor"),t("td",null,"描边的颜色，同 CSS 颜色"),t("td",null,[t("code",null,"string")]),t("td",null,"-"),t("td",null,[t("code",null,"#000000")]),t("td",null,"-")],-1),_=t("tr",null,[t("td",null,"strokeWeight"),t("td",null,"描边的宽度，单位为像素"),t("td",null,[t("code",null,"string")]),t("td",null,"-"),t("td",null,[t("code",null,"2")]),t("td",null,"-")],-1),F=t("tr",null,[t("td",null,"strokeOpacity"),t("td",null,[n("描边的透明度，范围 "),t("code",null,"0-1")]),t("td",null,[t("code",null," number")]),t("td",null,"-"),t("td",null,[t("code",null," 1")]),t("td",null,"-")],-1),B=t("tr",null,[t("td",null,"strokeStyle"),t("td",null,"描边的样式，为实线、虚线、或者点状线"),t("td",null,[t("code",null,"string")]),t("td",null,[t("code",null,"solid / dashed / dotted")]),t("td",null,"-"),t("td",null,"-")],-1),v=t("tr",null,[t("td",null,"enableMassClear"),t("td",null,[n("是否在调用 "),t("code",null,"map.clearOverlays"),n(" 清除此覆盖物")]),t("td",null,[t("code",null,"boolean")]),t("td",null,"-"),t("td",null,[t("code",null,"true ")]),t("td",null,"-")],-1),g=t("td",null,"visible",-1),m=t("td",null,"是否显示",-1),b=t("td",null,[t("code",null,"boolean")],-1),z=t("td",null,"-",-1),y=t("td",null,[t("code",null,"true")],-1),f=e("",2);function q(P,T,N,S,x,V){const l=a("Demo"),o=a("Badge");return u(),p("div",null,[C,s(l,{source:"%3Cpre%20v-pre%3E%3Ccode%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMap%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Acenter%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%7B%20lng%3A%20113.399%2C%20lat%3A%2039.91%20%7D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Azoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E8%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBBezierCurve%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Apath%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%5B%0A%20%20%20%20%20%20%20%20%7B%20lng%3A%20116.399%2C%20lat%3A%2039.911%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20lng%3A%20113.399%2C%20lat%3A%2039.91%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20lng%3A%20110.399%2C%20lat%3A%2039.91%20%7D%0A%20%20%20%20%20%20%5D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3AcontrolPoints%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%5B%0A%20%20%20%20%20%20%20%20%5B%0A%20%20%20%20%20%20%20%20%20%20%7B%20lng%3A%20115.399%2C%20lat%3A%2040.91%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%7B%20lng%3A%20114.399%2C%20lat%3A%2038.91%20%7D%0A%20%20%20%20%20%20%20%20%5D%2C%0A%20%20%20%20%20%20%20%20%5B%0A%20%20%20%20%20%20%20%20%20%20%7B%20lng%3A%20112.399%2C%20lat%3A%2038.911%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%7B%20lng%3A%20112.399%2C%20lat%3A%2038.41%20%7D%0A%20%20%20%20%20%20%20%20%5D%0A%20%20%20%20%20%20%5D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3Estroke-color%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%23000%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Astroke-opacity%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E1%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Astroke-weight%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E2%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBMap%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3C%2Fcode%3E%3C%2Fpre%3E",path:"overlay/bezierCurve","raw-source":"%3Ctemplate%3E%0A%20%20%3CBMap%20v-bind%3D%22%24attrs%22%20%3Acenter%3D%22%7B%20lng%3A%20113.399%2C%20lat%3A%2039.91%20%7D%22%20%3Azoom%3D%228%22%3E%0A%20%20%20%20%3CBBezierCurve%0A%20%20%20%20%20%20%3Apath%3D%22%5B%0A%20%20%20%20%20%20%20%20%7B%20lng%3A%20116.399%2C%20lat%3A%2039.911%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20lng%3A%20113.399%2C%20lat%3A%2039.91%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20lng%3A%20110.399%2C%20lat%3A%2039.91%20%7D%0A%20%20%20%20%20%20%5D%22%0A%20%20%20%20%20%20%3AcontrolPoints%3D%22%5B%0A%20%20%20%20%20%20%20%20%5B%0A%20%20%20%20%20%20%20%20%20%20%7B%20lng%3A%20115.399%2C%20lat%3A%2040.91%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%7B%20lng%3A%20114.399%2C%20lat%3A%2038.91%20%7D%0A%20%20%20%20%20%20%20%20%5D%2C%0A%20%20%20%20%20%20%20%20%5B%0A%20%20%20%20%20%20%20%20%20%20%7B%20lng%3A%20112.399%2C%20lat%3A%2038.911%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%7B%20lng%3A%20112.399%2C%20lat%3A%2038.41%20%7D%0A%20%20%20%20%20%20%20%20%5D%0A%20%20%20%20%20%20%5D%22%0A%20%20%20%20%20%20stroke-color%3D%22%23000%22%0A%20%20%20%20%20%20%3Astroke-opacity%3D%221%22%0A%20%20%20%20%20%20%3Astroke-weight%3D%222%22%0A%20%20%20%20%2F%3E%0A%20%20%3C%2FBMap%3E%0A%3C%2Ftemplate%3E%0A",description:"%3Cp%3E%E5%9C%A8%E5%9C%B0%E5%9B%BE%E4%B8%AD%E6%B7%BB%E5%8A%A0%E8%B4%9D%E5%A1%9E%E5%B0%94%E6%9B%B2%E7%BA%BF%3C%2Fp%3E%0A"},{default:c(()=>[i]),_:1}),E,t("table",null,[A,t("tbody",null,[D,k,h,_,F,B,v,t("tr",null,[g,m,b,z,y,t("td",null,[s(o,{type:"tip",text:"^2.2.0"})])])])]),f])}const M=d(r,[["render",q]]);export{I as __pageData,M as default}; diff --git a/assets/zh-CN_components_overlay_circle.md.ZITKZyjc.js b/assets/zh-CN_components_overlay_circle.md.ZITKZyjc.js new file mode 100644 index 00000000..f271c9a1 --- /dev/null +++ b/assets/zh-CN_components_overlay_circle.md.ZITKZyjc.js @@ -0,0 +1 @@ +import{_ as o,D as l,c,I as e,w as u,k as t,R as n,a,o as r}from"./chunks/framework.aeLSa5ZG.js";const R=JSON.parse('{"title":"BCircle 圆形","description":"","frontmatter":{},"headers":[],"relativePath":"zh-CN/components/overlay/circle.md","filePath":"zh-CN/components/overlay/circle.md","lastUpdated":1710870588000}'),p={name:"zh-CN/components/overlay/circle.md"},i=n('

BCircle 圆形 ​

在地图上绘制简单的圆形

ts
import { BCircle } from 'vue3-baidu-map-gl'

组件示例 ​

',4),E=t("p",null,"overlay/circle",-1),C=n('

静态组件 Props ​

属性说明类型默认值
enableClicking是否响应点击事件booleantrue
geodesic是否开启大地线模式，true 时，两点连线将以大地线的形式booleanfalse
clip是否进行跨经度 180 度裁剪，绘制跨精度 180 时为了优化效果booleantrue

动态组件 Props ​

',3),h=t("thead",null,[t("tr",null,[t("th",null,"属性"),t("th",null,"说明"),t("th",null,"类型"),t("th",null,"可选值"),t("th",null,"默认值"),t("th",null,"版本")])],-1),_=t("tr",null,[t("td",null,"center"),t("td",null,"圆形中心点经纬度"),t("td",null,[t("code",null,"{ lng: number, lat: number}")]),t("td",null,"-"),t("td",null,[t("code",null,"required")]),t("td",null,"-")],-1),k=t("tr",null,[t("td",null,"radius"),t("td",null,"圆形的半径，单位为米"),t("td",null,[t("code",null,"number")]),t("td",null,"-"),t("td",null,[t("code",null,"required")]),t("td",null,"-")],-1),D=t("tr",null,[t("td",null,"strokeColor"),t("td",null,"描边的颜色，同 CSS 颜色"),t("td",null,[t("code",null,"string")]),t("td",null,"-"),t("td",null,[t("code",null,"#000")]),t("td",null,"-")],-1),F=t("tr",null,[t("td",null,"strokeOpacity"),t("td",null,"描边的透明度，范围 0-1"),t("td",null,[t("code",null,"number")]),t("td",null,[t("code",null,"0-1 ")]),t("td",null,"1"),t("td",null,"-")],-1),m=t("tr",null,[t("td",null,"fillColor"),t("td",null,"面填充颜色，同 CSS 颜色"),t("td",null,[t("code",null,"string")]),t("td",null,"-"),t("td",null,[t("code",null,"#fff")]),t("td",null,"-")],-1),b=t("tr",null,[t("td",null,"fillOpacity"),t("td",null,"面填充的透明度，范围 0-1"),t("td",null,[t("code",null,"number")]),t("td",null,[t("code",null,"0-1 ")]),t("td",null,[t("code",null,"0.3 ")]),t("td",null,"-")],-1),g=t("tr",null,[t("td",null,"strokeWeight"),t("td",null,"描边的宽度，单位为像素"),t("td",null,[t("code",null,"number")]),t("td",null,"-"),t("td",null,[t("code",null,"2 ")]),t("td",null,"-")],-1),v=t("tr",null,[t("td",null,"strokeStyle"),t("td",null,"描边的样式，为实线、虚线、或者点状线"),t("td",null,[t("code",null,"string")]),t("td",null,[t("code",null,"solid / dashed / dotted")]),t("td",null,[t("code",null,"solid ")]),t("td",null,"-")],-1),A=t("tr",null,[t("td",null,"enableMassClear"),t("td",null,[a("是否在调用 "),t("code",null,"map.clearOverlays"),a(" 清除此覆盖物")]),t("td",null,[t("code",null,"boolean")]),t("td",null,"-"),t("td",null,[t("code",null,"true ")]),t("td",null,"-")],-1),B=t("tr",null,[t("td",null,"enableEditing"),t("td",null,"是否启用线编辑"),t("td",null,[t("code",null,"boolean")]),t("td",null,"-"),t("td",null,[t("code",null,"false ")]),t("td",null,"-")],-1),y=t("td",null,"visible",-1),f=t("td",null,"是否显示",-1),T=t("td",null,[t("code",null,"boolean")],-1),P=t("td",null,"-",-1),q=t("td",null,[t("code",null,"true")],-1),S=n('

组件事件 ​

事件名说明类型
initd组件初始化后，调用的方法，返回一个地图实例{ map, BmapGL, instance }
unload组件卸载时会调用此方法-
click鼠标左键单击事件的回调函数。 当双击时，产生的事件序列为：click -> click -> dblclick((e: Event) => void)
dblclick鼠标左键双击事件的回调函数((e: Event) => void)
mousedown鼠标左键在该覆盖物上按下的回调函数((e: Event) => void)
mouseup鼠标左键在该覆盖物上抬起的回调函数((e: Event) => void)
mouseout鼠标指针移出该覆盖物事件的回调函数((e: Event) => void)
mouseover鼠标指针移入该覆盖物事件的回调函数((e: Event) => void)
remove该覆盖物被移除的回调函数((e: Event) => void)
lineupdate覆盖物被编辑后的回调函数((e: Event) => void)
',2);function x(N,V,I,z,M,w){const s=l("Demo"),d=l("Badge");return r(),c("div",null,[i,e(s,{source:"%3Cpre%20v-pre%3E%3Ccode%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMap%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Azoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E16%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBCircle%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Estroke-style%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Edashed%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Acenter%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%7B%20lat%3A%2039.915185%2C%20lng%3A%20116.403901%20%7D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aradius%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E300%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBMap%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3C%2Fcode%3E%3C%2Fpre%3E",path:"overlay/circle","raw-source":"%3Ctemplate%3E%0A%20%20%3CBMap%20v-bind%3D%22%24attrs%22%20%3Azoom%3D%2216%22%3E%0A%20%20%20%20%3CBCircle%20stroke-style%3D%22dashed%22%20%3Acenter%3D%22%7B%20lat%3A%2039.915185%2C%20lng%3A%20116.403901%20%7D%22%20%3Aradius%3D%22300%22%20%2F%3E%0A%20%20%3C%2FBMap%3E%0A%3C%2Ftemplate%3E%0A",description:"%3Cp%3E%E5%9C%A8%E5%9C%B0%E5%9B%BE%E4%B8%8A%E6%B7%BB%E5%8A%A0%E5%9C%86%E5%BD%A2%3C%2Fp%3E%0A"},{default:u(()=>[E]),_:1}),C,t("table",null,[h,t("tbody",null,[_,k,D,F,m,b,g,v,A,B,t("tr",null,[y,f,T,P,q,t("td",null,[e(d,{type:"tip",text:"^2.2.0"})])])])]),S])}const $=o(p,[["render",x]]);export{R as __pageData,$ as default}; diff --git a/assets/zh-CN_components_overlay_circle.md.ZITKZyjc.lean.js b/assets/zh-CN_components_overlay_circle.md.ZITKZyjc.lean.js new file mode 100644 index 00000000..03b0fb48 --- /dev/null +++ b/assets/zh-CN_components_overlay_circle.md.ZITKZyjc.lean.js @@ -0,0 +1 @@ +import{_ as o,D as l,c,I as e,w as u,k as t,R as n,a,o as r}from"./chunks/framework.aeLSa5ZG.js";const R=JSON.parse('{"title":"BCircle 圆形","description":"","frontmatter":{},"headers":[],"relativePath":"zh-CN/components/overlay/circle.md","filePath":"zh-CN/components/overlay/circle.md","lastUpdated":1710870588000}'),p={name:"zh-CN/components/overlay/circle.md"},i=n("",4),E=t("p",null,"overlay/circle",-1),C=n("",3),h=t("thead",null,[t("tr",null,[t("th",null,"属性"),t("th",null,"说明"),t("th",null,"类型"),t("th",null,"可选值"),t("th",null,"默认值"),t("th",null,"版本")])],-1),_=t("tr",null,[t("td",null,"center"),t("td",null,"圆形中心点经纬度"),t("td",null,[t("code",null,"{ lng: number, lat: number}")]),t("td",null,"-"),t("td",null,[t("code",null,"required")]),t("td",null,"-")],-1),k=t("tr",null,[t("td",null,"radius"),t("td",null,"圆形的半径，单位为米"),t("td",null,[t("code",null,"number")]),t("td",null,"-"),t("td",null,[t("code",null,"required")]),t("td",null,"-")],-1),D=t("tr",null,[t("td",null,"strokeColor"),t("td",null,"描边的颜色，同 CSS 颜色"),t("td",null,[t("code",null,"string")]),t("td",null,"-"),t("td",null,[t("code",null,"#000")]),t("td",null,"-")],-1),F=t("tr",null,[t("td",null,"strokeOpacity"),t("td",null,"描边的透明度，范围 0-1"),t("td",null,[t("code",null,"number")]),t("td",null,[t("code",null,"0-1 ")]),t("td",null,"1"),t("td",null,"-")],-1),m=t("tr",null,[t("td",null,"fillColor"),t("td",null,"面填充颜色，同 CSS 颜色"),t("td",null,[t("code",null,"string")]),t("td",null,"-"),t("td",null,[t("code",null,"#fff")]),t("td",null,"-")],-1),b=t("tr",null,[t("td",null,"fillOpacity"),t("td",null,"面填充的透明度，范围 0-1"),t("td",null,[t("code",null,"number")]),t("td",null,[t("code",null,"0-1 ")]),t("td",null,[t("code",null,"0.3 ")]),t("td",null,"-")],-1),g=t("tr",null,[t("td",null,"strokeWeight"),t("td",null,"描边的宽度，单位为像素"),t("td",null,[t("code",null,"number")]),t("td",null,"-"),t("td",null,[t("code",null,"2 ")]),t("td",null,"-")],-1),v=t("tr",null,[t("td",null,"strokeStyle"),t("td",null,"描边的样式，为实线、虚线、或者点状线"),t("td",null,[t("code",null,"string")]),t("td",null,[t("code",null,"solid / dashed / dotted")]),t("td",null,[t("code",null,"solid ")]),t("td",null,"-")],-1),A=t("tr",null,[t("td",null,"enableMassClear"),t("td",null,[a("是否在调用 "),t("code",null,"map.clearOverlays"),a(" 清除此覆盖物")]),t("td",null,[t("code",null,"boolean")]),t("td",null,"-"),t("td",null,[t("code",null,"true ")]),t("td",null,"-")],-1),B=t("tr",null,[t("td",null,"enableEditing"),t("td",null,"是否启用线编辑"),t("td",null,[t("code",null,"boolean")]),t("td",null,"-"),t("td",null,[t("code",null,"false ")]),t("td",null,"-")],-1),y=t("td",null,"visible",-1),f=t("td",null,"是否显示",-1),T=t("td",null,[t("code",null,"boolean")],-1),P=t("td",null,"-",-1),q=t("td",null,[t("code",null,"true")],-1),S=n("",2);function x(N,V,I,z,M,w){const s=l("Demo"),d=l("Badge");return r(),c("div",null,[i,e(s,{source:"%3Cpre%20v-pre%3E%3Ccode%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMap%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Azoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E16%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBCircle%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Estroke-style%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Edashed%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Acenter%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%7B%20lat%3A%2039.915185%2C%20lng%3A%20116.403901%20%7D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aradius%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E300%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBMap%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3C%2Fcode%3E%3C%2Fpre%3E",path:"overlay/circle","raw-source":"%3Ctemplate%3E%0A%20%20%3CBMap%20v-bind%3D%22%24attrs%22%20%3Azoom%3D%2216%22%3E%0A%20%20%20%20%3CBCircle%20stroke-style%3D%22dashed%22%20%3Acenter%3D%22%7B%20lat%3A%2039.915185%2C%20lng%3A%20116.403901%20%7D%22%20%3Aradius%3D%22300%22%20%2F%3E%0A%20%20%3C%2FBMap%3E%0A%3C%2Ftemplate%3E%0A",description:"%3Cp%3E%E5%9C%A8%E5%9C%B0%E5%9B%BE%E4%B8%8A%E6%B7%BB%E5%8A%A0%E5%9C%86%E5%BD%A2%3C%2Fp%3E%0A"},{default:u(()=>[E]),_:1}),C,t("table",null,[h,t("tbody",null,[_,k,D,F,m,b,g,v,A,B,t("tr",null,[y,f,T,P,q,t("td",null,[e(d,{type:"tip",text:"^2.2.0"})])])])]),S])}const $=o(p,[["render",x]]);export{R as __pageData,$ as default}; diff --git a/assets/zh-CN_components_overlay_ground-overlay.md.T1-KSLpR.js b/assets/zh-CN_components_overlay_ground-overlay.md.T1-KSLpR.js new file mode 100644 index 00000000..e12c4b97 --- /dev/null +++ b/assets/zh-CN_components_overlay_ground-overlay.md.T1-KSLpR.js @@ -0,0 +1,5 @@ +import{_ as E,D as p,c as C,k as n,a,I as s,w as l,R as o,o as c,a9 as u}from"./chunks/framework.aeLSa5ZG.js";const K=JSON.parse('{"title":"BGroundOverlay 地面叠加层","description":"","frontmatter":{},"headers":[],"relativePath":"zh-CN/components/overlay/ground-overlay.md","filePath":"zh-CN/components/overlay/ground-overlay.md","lastUpdated":1710870588000}'),r={name:"zh-CN/components/overlay/ground-overlay.md"},i={id:"bgroundoverlay-地面叠加层",tabindex:"-1"},D=n("a",{class:"header-anchor",href:"#bgroundoverlay-地面叠加层","aria-label":'Permalink to "BGroundOverlay 地面叠加层 "'},"​",-1),k=o('

在地图底面上叠加覆盖物，覆盖物可以是图片、自定义 Canvas、视频。

ts
import { BGroundOverlay } from 'vue3-baidu-map-gl'

组件示例 ​

',3),F=n("p",null,"overlay/groundOverlay",-1),A=n("h2",{id:"动态组件-props",tabindex:"-1"},[a("动态组件 Props "),n("a",{class:"header-anchor",href:"#动态组件-props","aria-label":'Permalink to "动态组件 Props"'},"​")],-1),d=n("thead",null,[n("tr",null,[n("th",null,"属性"),n("th",null,"说明"),n("th",null,"类型"),n("th",null,"默认值"),n("th",null,"版本")])],-1),h=n("tr",null,[n("td",null,"type"),n("td",null,"地面叠加物类型"),n("td",null,[n("code",null,"video | canvas | image")]),n("td",null,[n("code",null,"required")]),n("td",null,"-")],-1),y=n("tr",null,[n("td",null,"url"),n("td",null,"叠加物 image url、video url 或者自定义的 canvas 对象"),n("td",null,[n("a",{href:"#GroundOverlayUrl"},[n("code",null,"GroundOverlayUrl")])]),n("td",null,[n("code",null,"required")]),n("td",null,"-")],-1),g=n("tr",null,[n("td",null,"startPoint"),n("td",null,[a("显示区域开始点，见"),n("a",{href:"#bounds-图示"},"图示")]),n("td",null,[n("code",null,"{ lng: number, lat: number}")]),n("td",null,[n("code",null,"required")]),n("td",null,"-")],-1),v=n("tr",null,[n("td",null,"endPoint"),n("td",null,[a("显示区域结束点，见"),n("a",{href:"#bounds-图示"},"图示")]),n("td",null,[n("code",null,"{ lng: number, lat: number}")]),n("td",null,[n("code",null,"required")]),n("td",null,"-")],-1),m=n("tr",null,[n("td",null,"autoCenter"),n("td",null,"是否自动根据地面叠加物显示区域居中地图"),n("td",null,[n("code",null,"boolean ")]),n("td",null,[n("code",null,"true")]),n("td",null,"-")],-1),B=n("tr",null,[n("td",null,"opacity"),n("td",null,"透明度，范围 0-1"),n("td",null,[n("code",null,"number")]),n("td"),n("td",null,"-")],-1),b=n("td",null,"visible",-1),f=n("td",null,"是否显示",-1),_=n("td",null,[n("code",null,"boolean")],-1),x=n("td",null,[n("code",null,"true")],-1),P=o('

bounds 图示 ​


GroundOverlayUrl ​

ts
export type GroundOverlayUrl =
+  | string
+  | HTMLCanvasElement
+  | Ref<HTMLCanvasElement | string>
+  | (() => HTMLCanvasElement | Ref<HTMLCanvasElement | string>)

组件事件 ​

事件名说明类型
initd组件初始化后，调用的方法，返回一个地图实例{ map, BmapGL, instance }
unload组件卸载时会调用此方法-
click鼠标左键单击事件的回调函数。 当双击时，产生的事件序列为： click -> click -> dblclick ((e: Event) => void)
dblclick鼠标左键双击事件的回调函数 ((e: Event) => void)
mouseout鼠标指针移出该覆盖物事件的回调函数 ((e: Event) => void)
mouseover鼠标指针移入该覆盖物事件的回调函数 ((e: Event) => void)
mousemove鼠标指针在该覆盖物移动的事件的回调函数 ((e: Event) => void)
`,7);function q(O,T,S,w,z,G){const t=p("Badge"),e=p("Demo");return c(),C("div",null,[n("h1",i,[a("BGroundOverlay 地面叠加层 "),s(t,{type:"tip",text:"^0.0.32"}),a(),D]),k,s(e,{source:"%3Cpre%20v-pre%3E%3Ccode%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ediv%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%E5%9C%B0%E9%9D%A2%E5%8F%A0%E5%8A%A0%E5%B1%82%E7%B1%BB%E5%9E%8B%EF%BC%9A%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Eselect%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ename%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Eid%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-model%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EactiveKey%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Eoption%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Evalue%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Eimage%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3Eimage%20%E5%9B%BE%E7%89%87%E5%8F%A0%E5%8A%A0%E5%B1%82%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Eoption%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Eoption%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Evalue%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Evideo%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3Evideo%20%E8%A7%86%E9%A2%91%E5%8F%A0%E5%8A%A0%E5%B1%82%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Eoption%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Eoption%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Evalue%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ecanvas%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3Ecanvas%20%E7%94%BB%E5%B8%83%E5%8F%A0%E5%8A%A0%E5%B1%82%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Eoption%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Eselect%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMap%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3EenableScrollWheelZoom%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3EnoAnimation%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3AdisplayOptions%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%7B%0A%20%20%20%20%20%20%20%20poiText%3A%20false%2C%20%2F%2F%20%E9%9A%90%E8%97%8Fpoi%E6%A0%87%E6%B3%A8%0A%20%20%20%20%20%20%20%20poiIcon%3A%20false%2C%20%2F%2F%20%E9%9A%90%E8%97%8Fpoi%E5%9B%BE%E6%A0%87%0A%20%20%20%20%20%20%20%20building%3A%20false%20%2F%2F%20%E9%9A%90%E8%97%8F%E6%A5%BC%E5%9D%97%0A%20%20%20%20%20%20%7D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Atilt%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EgroundOverlay.tilt%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Azoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EgroundOverlay.zoom%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMarker%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aposition%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EgroundOverlay.startPoint%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Eicon%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Estart%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aoffset%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%7B%20x%3A%200%2C%20y%3A%20-16%20%7D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMarker%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aposition%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EgroundOverlay.endPoint%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Eicon%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Eend%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aoffset%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%7B%20x%3A%200%2C%20y%3A%20-16%20%7D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBGroundOverlay%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3EautoCenter%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Atype%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EactiveKey%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3AstartPoint%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EgroundOverlay.startPoint%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3AendPoint%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EgroundOverlay.endPoint%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aurl%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EgroundOverlay.url%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aopacity%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EgroundOverlay.opacity%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBLabel%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-if%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EactiveKey%20%3D%3D%3D%20'canvas'%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3Econtent%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%E6%97%A5%E5%9D%9B%E5%85%AC%E5%9B%AD%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aposition%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%7B%20lng%3A%20116.449921%2C%20lat%3A%2039.921324%20%7D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Astyle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%7B%0A%20%20%20%20%20%20%20%20%20%20color%3A%20'%23fff'%2C%0A%20%20%20%20%20%20%20%20%20%20borderWidth%3A%20'1px'%2C%0A%20%20%20%20%20%20%20%20%20%20borderRadius%3A%20'5px'%2C%0A%20%20%20%20%20%20%20%20%20%20borderColor%3A%20'%23fff'%2C%0A%20%20%20%20%20%20%20%20%20%20backgroundColor%3A%20'%2379a913'%2C%0A%20%20%20%20%20%20%20%20%20%20fontSize%3A%20'16px'%2C%0A%20%20%20%20%20%20%20%20%20%20height%3A%20'30px'%2C%0A%20%20%20%20%20%20%20%20%20%20lineHeight%3A%20'30px'%0A%20%20%20%20%20%20%20%20%7D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBMap%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ediv%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Escript%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Elang%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ets%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Esetup%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20script%22%3E%3Cspan%20class%3D%22token%20language-javascript%22%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Eimport%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20ref%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20computed%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Efrom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'vue'%3C%2Fspan%3E%0A%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20activeKey%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20ref%3Cspan%20class%3D%22token%20operator%22%3E%26lt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22token%20string%22%3E'image'%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%7C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'canvas'%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%7C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'video'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20string%22%3E'canvas'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20groundOverlays%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3Eref%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Ecanvas%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Etilt%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E0%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Ezoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E17%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Eopacity%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E1%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EstartPoint%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elng%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E116.447717%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elat%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E39.919173%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EendPoint%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elng%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E116.453125%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elat%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E39.923475%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20function-variable%20function%22%3Eurl%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Evar%3C%2Fspan%3E%20textureCanvas%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20document%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3EcreateElement%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20string%22%3E'canvas'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20textureCanvas%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Ewidth%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20textureCanvas%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Eheight%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E200%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Evar%3C%2Fspan%3E%20ctx%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20textureCanvas%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3EgetContext%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20string%22%3E'2d'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E!%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20ctx%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EfillStyle%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'%2379a913'%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20ctx%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EstrokeStyle%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'white'%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20ctx%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3ElineWidth%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E6%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20ctx%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3ElineCap%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'square'%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20ctx%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3EfillRect%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E0%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E0%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E200%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E200%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20ctx%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3EmoveTo%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E50%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E50%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20ctx%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3ElineTo%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E150%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E50%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20ctx%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3ElineTo%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E150%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E150%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20ctx%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3ElineTo%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E50%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E150%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20ctx%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3ElineTo%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E50%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E50%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20ctx%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3Estroke%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Ereturn%3C%2Fspan%3E%20textureCanvas%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Eimage%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Etilt%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E45%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Ezoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E18%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Eopacity%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E1%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EstartPoint%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elng%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E117.19635%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elat%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E36.24093%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EendPoint%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elng%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E117.2035%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elat%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E36.24764%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Eurl%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'%2Fvue3-baidu-map-gl%2Fshouhuimap.png'%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Evideo%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Etilt%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E0%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Ezoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E4%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Eopacity%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E0.5%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EstartPoint%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elng%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E94.582033%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elat%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E-%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E7.989754%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EendPoint%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elng%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E145.358572%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elat%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E30.813867%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Eurl%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'%2Fvue3-baidu-map-gl%2Fcloud.mov'%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20groundOverlay%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3Ecomputed%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Ereturn%3C%2Fspan%3E%20groundOverlays%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3EactiveKey%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Escript%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3C%2Fcode%3E%3C%2Fpre%3E",path:"overlay/groundOverlay","raw-source":"%3Ctemplate%3E%0A%20%20%3Cdiv%3E%0A%20%20%20%20%E5%9C%B0%E9%9D%A2%E5%8F%A0%E5%8A%A0%E5%B1%82%E7%B1%BB%E5%9E%8B%EF%BC%9A%0A%20%20%20%20%3Cselect%20class%3D%22mySelect%22%20name%3D%22%22%20id%3D%22%22%20v-model%3D%22activeKey%22%3E%0A%20%20%20%20%20%20%3Coption%20value%3D%22image%22%3Eimage%20%E5%9B%BE%E7%89%87%E5%8F%A0%E5%8A%A0%E5%B1%82%3C%2Foption%3E%0A%20%20%20%20%20%20%3Coption%20value%3D%22video%22%3Evideo%20%E8%A7%86%E9%A2%91%E5%8F%A0%E5%8A%A0%E5%B1%82%3C%2Foption%3E%0A%20%20%20%20%20%20%3Coption%20value%3D%22canvas%22%3Ecanvas%20%E7%94%BB%E5%B8%83%E5%8F%A0%E5%8A%A0%E5%B1%82%3C%2Foption%3E%0A%20%20%20%20%3C%2Fselect%3E%0A%20%20%20%20%3CBMap%0A%20%20%20%20%20%20v-bind%3D%22%24attrs%22%0A%20%20%20%20%20%20enableScrollWheelZoom%0A%20%20%20%20%20%20noAnimation%0A%20%20%20%20%20%20%3AdisplayOptions%3D%22%7B%0A%20%20%20%20%20%20%20%20poiText%3A%20false%2C%20%2F%2F%20%E9%9A%90%E8%97%8Fpoi%E6%A0%87%E6%B3%A8%0A%20%20%20%20%20%20%20%20poiIcon%3A%20false%2C%20%2F%2F%20%E9%9A%90%E8%97%8Fpoi%E5%9B%BE%E6%A0%87%0A%20%20%20%20%20%20%20%20building%3A%20false%20%2F%2F%20%E9%9A%90%E8%97%8F%E6%A5%BC%E5%9D%97%0A%20%20%20%20%20%20%7D%22%0A%20%20%20%20%20%20%3Atilt%3D%22groundOverlay.tilt%22%0A%20%20%20%20%20%20%3Azoom%3D%22groundOverlay.zoom%22%0A%20%20%20%20%3E%0A%20%20%20%20%20%20%3CBMarker%20%3Aposition%3D%22groundOverlay.startPoint%22%20icon%3D%22start%22%20%3Aoffset%3D%22%7B%20x%3A%200%2C%20y%3A%20-16%20%7D%22%20%2F%3E%0A%20%20%20%20%20%20%3CBMarker%20%3Aposition%3D%22groundOverlay.endPoint%22%20icon%3D%22end%22%20%3Aoffset%3D%22%7B%20x%3A%200%2C%20y%3A%20-16%20%7D%22%20%2F%3E%0A%20%20%20%20%20%20%3CBGroundOverlay%0A%20%20%20%20%20%20%20%20autoCenter%0A%20%20%20%20%20%20%20%20%3Atype%3D%22activeKey%22%0A%20%20%20%20%20%20%20%20%3AstartPoint%3D%22groundOverlay.startPoint%22%0A%20%20%20%20%20%20%20%20%3AendPoint%3D%22groundOverlay.endPoint%22%0A%20%20%20%20%20%20%20%20%3Aurl%3D%22groundOverlay.url%22%0A%20%20%20%20%20%20%20%20%3Aopacity%3D%22groundOverlay.opacity%22%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%3CBLabel%0A%20%20%20%20%20%20%20%20v-if%3D%22activeKey%20%3D%3D%3D%20'canvas'%22%0A%20%20%20%20%20%20%20%20content%3D%22%E6%97%A5%E5%9D%9B%E5%85%AC%E5%9B%AD%22%0A%20%20%20%20%20%20%20%20%3Aposition%3D%22%7B%20lng%3A%20116.449921%2C%20lat%3A%2039.921324%20%7D%22%0A%20%20%20%20%20%20%20%20%3Astyle%3D%22%7B%0A%20%20%20%20%20%20%20%20%20%20color%3A%20'%23fff'%2C%0A%20%20%20%20%20%20%20%20%20%20borderWidth%3A%20'1px'%2C%0A%20%20%20%20%20%20%20%20%20%20borderRadius%3A%20'5px'%2C%0A%20%20%20%20%20%20%20%20%20%20borderColor%3A%20'%23fff'%2C%0A%20%20%20%20%20%20%20%20%20%20backgroundColor%3A%20'%2379a913'%2C%0A%20%20%20%20%20%20%20%20%20%20fontSize%3A%20'16px'%2C%0A%20%20%20%20%20%20%20%20%20%20height%3A%20'30px'%2C%0A%20%20%20%20%20%20%20%20%20%20lineHeight%3A%20'30px'%0A%20%20%20%20%20%20%20%20%7D%22%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%3C%2FBMap%3E%0A%20%20%3C%2Fdiv%3E%0A%3C%2Ftemplate%3E%0A%0A%3Cscript%20lang%3D%22ts%22%20setup%3E%0A%20%20import%20%7B%20ref%2C%20computed%20%7D%20from%20'vue'%0A%0A%20%20const%20activeKey%20%3D%20ref%3C'image'%20%7C%20'canvas'%20%7C%20'video'%3E('canvas')%0A%0A%20%20const%20groundOverlays%20%3D%20ref(%7B%0A%20%20%20%20canvas%3A%20%7B%0A%20%20%20%20%20%20tilt%3A%200%2C%0A%20%20%20%20%20%20zoom%3A%2017%2C%0A%20%20%20%20%20%20opacity%3A%201%2C%0A%20%20%20%20%20%20startPoint%3A%20%7B%20lng%3A%20116.447717%2C%20lat%3A%2039.919173%20%7D%2C%0A%20%20%20%20%20%20endPoint%3A%20%7B%20lng%3A%20116.453125%2C%20lat%3A%2039.923475%20%7D%2C%0A%20%20%20%20%20%20url%3A%20()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20var%20textureCanvas%20%3D%20document.createElement('canvas')%0A%20%20%20%20%20%20%20%20textureCanvas.width%20%3D%20textureCanvas.height%20%3D%20200%0A%20%20%20%20%20%20%20%20var%20ctx%20%3D%20textureCanvas.getContext('2d')!%0A%20%20%20%20%20%20%20%20ctx.fillStyle%20%3D%20'%2379a913'%0A%20%20%20%20%20%20%20%20ctx.strokeStyle%20%3D%20'white'%0A%20%20%20%20%20%20%20%20ctx.lineWidth%20%3D%206%0A%20%20%20%20%20%20%20%20ctx.lineCap%20%3D%20'square'%0A%20%20%20%20%20%20%20%20ctx.fillRect(0%2C%200%2C%20200%2C%20200)%0A%20%20%20%20%20%20%20%20ctx.moveTo(50%2C%2050)%0A%20%20%20%20%20%20%20%20ctx.lineTo(150%2C%2050)%0A%20%20%20%20%20%20%20%20ctx.lineTo(150%2C%20150)%0A%20%20%20%20%20%20%20%20ctx.lineTo(50%2C%20150)%0A%20%20%20%20%20%20%20%20ctx.lineTo(50%2C%2050)%0A%20%20%20%20%20%20%20%20ctx.stroke()%0A%20%20%20%20%20%20%20%20return%20textureCanvas%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%2C%0A%20%20%20%20image%3A%20%7B%0A%20%20%20%20%20%20tilt%3A%2045%2C%0A%20%20%20%20%20%20zoom%3A%2018%2C%0A%20%20%20%20%20%20opacity%3A%201%2C%0A%20%20%20%20%20%20startPoint%3A%20%7B%20lng%3A%20117.19635%2C%20lat%3A%2036.24093%20%7D%2C%0A%20%20%20%20%20%20endPoint%3A%20%7B%20lng%3A%20117.2035%2C%20lat%3A%2036.24764%20%7D%2C%0A%20%20%20%20%20%20url%3A%20'%2Fvue3-baidu-map-gl%2Fshouhuimap.png'%0A%20%20%20%20%7D%2C%0A%20%20%20%20video%3A%20%7B%0A%20%20%20%20%20%20tilt%3A%200%2C%0A%20%20%20%20%20%20zoom%3A%204%2C%0A%20%20%20%20%20%20opacity%3A%200.5%2C%0A%20%20%20%20%20%20startPoint%3A%20%7B%20lng%3A%2094.582033%2C%20lat%3A%20-7.989754%20%7D%2C%0A%20%20%20%20%20%20endPoint%3A%20%7B%20lng%3A%20145.358572%2C%20lat%3A%2030.813867%20%7D%2C%0A%20%20%20%20%20%20url%3A%20'%2Fvue3-baidu-map-gl%2Fcloud.mov'%0A%20%20%20%20%7D%0A%20%20%7D)%0A%0A%20%20const%20groundOverlay%20%3D%20computed(()%20%3D%3E%20%7B%0A%20%20%20%20return%20groundOverlays.value%5BactiveKey.value%5D%0A%20%20%7D)%0A%3C%2Fscript%3E%0A",description:"%3Cp%3E%E5%9C%A8%E5%9C%B0%E5%9B%BE%E4%B8%8A%E6%B7%BB%E5%8A%A0%E4%B8%89%E7%A7%8D%E4%B8%8D%E5%90%8C%E7%B1%BB%E5%9E%8B%E7%9A%84%E5%9C%B0%E9%9D%A2%E5%8F%A0%E5%8A%A0%E7%89%A9%EF%BC%8C%E5%8F%AF%E9%80%9A%E8%BF%87%E4%B8%8B%E6%8B%89%E6%A1%86%E5%88%87%E6%8D%A2%E6%98%BE%E7%A4%BA%E4%B8%8D%E5%90%8C%E7%B1%BB%E5%9E%8B%3C%2Fp%3E%0A"},{default:l(()=>[F]),_:1}),A,n("table",null,[d,n("tbody",null,[h,y,g,v,m,B,n("tr",null,[b,f,_,x,n("td",null,[s(t,{type:"tip",text:"^2.2.0"})])])])]),P])}const N=E(r,[["render",q]]);export{K as __pageData,N as default}; diff --git a/assets/zh-CN_components_overlay_ground-overlay.md.T1-KSLpR.lean.js b/assets/zh-CN_components_overlay_ground-overlay.md.T1-KSLpR.lean.js new file mode 100644 index 00000000..94044ea4 --- /dev/null +++ b/assets/zh-CN_components_overlay_ground-overlay.md.T1-KSLpR.lean.js @@ -0,0 +1 @@ +import{_ as E,D as p,c as C,k as n,a,I as s,w as l,R as o,o as c,a9 as u}from"./chunks/framework.aeLSa5ZG.js";const K=JSON.parse('{"title":"BGroundOverlay 地面叠加层","description":"","frontmatter":{},"headers":[],"relativePath":"zh-CN/components/overlay/ground-overlay.md","filePath":"zh-CN/components/overlay/ground-overlay.md","lastUpdated":1710870588000}'),r={name:"zh-CN/components/overlay/ground-overlay.md"},i={id:"bgroundoverlay-地面叠加层",tabindex:"-1"},D=n("a",{class:"header-anchor",href:"#bgroundoverlay-地面叠加层","aria-label":'Permalink to "BGroundOverlay 地面叠加层 "'},"​",-1),k=o("",3),F=n("p",null,"overlay/groundOverlay",-1),A=n("h2",{id:"动态组件-props",tabindex:"-1"},[a("动态组件 Props "),n("a",{class:"header-anchor",href:"#动态组件-props","aria-label":'Permalink to "动态组件 Props"'},"​")],-1),d=n("thead",null,[n("tr",null,[n("th",null,"属性"),n("th",null,"说明"),n("th",null,"类型"),n("th",null,"默认值"),n("th",null,"版本")])],-1),h=n("tr",null,[n("td",null,"type"),n("td",null,"地面叠加物类型"),n("td",null,[n("code",null,"video | canvas | image")]),n("td",null,[n("code",null,"required")]),n("td",null,"-")],-1),y=n("tr",null,[n("td",null,"url"),n("td",null,"叠加物 image url、video url 或者自定义的 canvas 对象"),n("td",null,[n("a",{href:"#GroundOverlayUrl"},[n("code",null,"GroundOverlayUrl")])]),n("td",null,[n("code",null,"required")]),n("td",null,"-")],-1),g=n("tr",null,[n("td",null,"startPoint"),n("td",null,[a("显示区域开始点，见"),n("a",{href:"#bounds-图示"},"图示")]),n("td",null,[n("code",null,"{ lng: number, lat: number}")]),n("td",null,[n("code",null,"required")]),n("td",null,"-")],-1),v=n("tr",null,[n("td",null,"endPoint"),n("td",null,[a("显示区域结束点，见"),n("a",{href:"#bounds-图示"},"图示")]),n("td",null,[n("code",null,"{ lng: number, lat: number}")]),n("td",null,[n("code",null,"required")]),n("td",null,"-")],-1),m=n("tr",null,[n("td",null,"autoCenter"),n("td",null,"是否自动根据地面叠加物显示区域居中地图"),n("td",null,[n("code",null,"boolean ")]),n("td",null,[n("code",null,"true")]),n("td",null,"-")],-1),B=n("tr",null,[n("td",null,"opacity"),n("td",null,"透明度，范围 0-1"),n("td",null,[n("code",null,"number")]),n("td"),n("td",null,"-")],-1),b=n("td",null,"visible",-1),f=n("td",null,"是否显示",-1),_=n("td",null,[n("code",null,"boolean")],-1),x=n("td",null,[n("code",null,"true")],-1),P=o("",7);function q(O,T,S,w,z,G){const t=p("Badge"),e=p("Demo");return c(),C("div",null,[n("h1",i,[a("BGroundOverlay 地面叠加层 "),s(t,{type:"tip",text:"^0.0.32"}),a(),D]),k,s(e,{source:"%3Cpre%20v-pre%3E%3Ccode%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ediv%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%E5%9C%B0%E9%9D%A2%E5%8F%A0%E5%8A%A0%E5%B1%82%E7%B1%BB%E5%9E%8B%EF%BC%9A%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Eselect%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ename%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Eid%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-model%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EactiveKey%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Eoption%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Evalue%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Eimage%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3Eimage%20%E5%9B%BE%E7%89%87%E5%8F%A0%E5%8A%A0%E5%B1%82%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Eoption%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Eoption%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Evalue%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Evideo%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3Evideo%20%E8%A7%86%E9%A2%91%E5%8F%A0%E5%8A%A0%E5%B1%82%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Eoption%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Eoption%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Evalue%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ecanvas%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3Ecanvas%20%E7%94%BB%E5%B8%83%E5%8F%A0%E5%8A%A0%E5%B1%82%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Eoption%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Eselect%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMap%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3EenableScrollWheelZoom%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3EnoAnimation%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3AdisplayOptions%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%7B%0A%20%20%20%20%20%20%20%20poiText%3A%20false%2C%20%2F%2F%20%E9%9A%90%E8%97%8Fpoi%E6%A0%87%E6%B3%A8%0A%20%20%20%20%20%20%20%20poiIcon%3A%20false%2C%20%2F%2F%20%E9%9A%90%E8%97%8Fpoi%E5%9B%BE%E6%A0%87%0A%20%20%20%20%20%20%20%20building%3A%20false%20%2F%2F%20%E9%9A%90%E8%97%8F%E6%A5%BC%E5%9D%97%0A%20%20%20%20%20%20%7D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Atilt%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EgroundOverlay.tilt%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Azoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EgroundOverlay.zoom%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMarker%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aposition%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EgroundOverlay.startPoint%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Eicon%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Estart%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aoffset%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%7B%20x%3A%200%2C%20y%3A%20-16%20%7D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMarker%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aposition%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EgroundOverlay.endPoint%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Eicon%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Eend%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aoffset%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%7B%20x%3A%200%2C%20y%3A%20-16%20%7D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBGroundOverlay%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3EautoCenter%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Atype%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EactiveKey%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3AstartPoint%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EgroundOverlay.startPoint%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3AendPoint%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EgroundOverlay.endPoint%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aurl%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EgroundOverlay.url%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aopacity%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EgroundOverlay.opacity%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBLabel%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-if%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EactiveKey%20%3D%3D%3D%20'canvas'%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3Econtent%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%E6%97%A5%E5%9D%9B%E5%85%AC%E5%9B%AD%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aposition%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%7B%20lng%3A%20116.449921%2C%20lat%3A%2039.921324%20%7D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Astyle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%7B%0A%20%20%20%20%20%20%20%20%20%20color%3A%20'%23fff'%2C%0A%20%20%20%20%20%20%20%20%20%20borderWidth%3A%20'1px'%2C%0A%20%20%20%20%20%20%20%20%20%20borderRadius%3A%20'5px'%2C%0A%20%20%20%20%20%20%20%20%20%20borderColor%3A%20'%23fff'%2C%0A%20%20%20%20%20%20%20%20%20%20backgroundColor%3A%20'%2379a913'%2C%0A%20%20%20%20%20%20%20%20%20%20fontSize%3A%20'16px'%2C%0A%20%20%20%20%20%20%20%20%20%20height%3A%20'30px'%2C%0A%20%20%20%20%20%20%20%20%20%20lineHeight%3A%20'30px'%0A%20%20%20%20%20%20%20%20%7D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBMap%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ediv%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Escript%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Elang%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ets%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Esetup%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20script%22%3E%3Cspan%20class%3D%22token%20language-javascript%22%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Eimport%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20ref%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20computed%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Efrom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'vue'%3C%2Fspan%3E%0A%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20activeKey%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20ref%3Cspan%20class%3D%22token%20operator%22%3E%26lt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22token%20string%22%3E'image'%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%7C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'canvas'%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%7C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'video'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20string%22%3E'canvas'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20groundOverlays%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3Eref%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Ecanvas%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Etilt%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E0%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Ezoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E17%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Eopacity%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E1%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EstartPoint%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elng%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E116.447717%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elat%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E39.919173%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EendPoint%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elng%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E116.453125%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elat%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E39.923475%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20function-variable%20function%22%3Eurl%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Evar%3C%2Fspan%3E%20textureCanvas%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20document%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3EcreateElement%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20string%22%3E'canvas'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20textureCanvas%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Ewidth%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20textureCanvas%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Eheight%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E200%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Evar%3C%2Fspan%3E%20ctx%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20textureCanvas%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3EgetContext%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20string%22%3E'2d'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E!%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20ctx%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EfillStyle%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'%2379a913'%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20ctx%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EstrokeStyle%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'white'%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20ctx%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3ElineWidth%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E6%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20ctx%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3ElineCap%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'square'%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20ctx%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3EfillRect%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E0%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E0%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E200%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E200%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20ctx%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3EmoveTo%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E50%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E50%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20ctx%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3ElineTo%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E150%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E50%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20ctx%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3ElineTo%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E150%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E150%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20ctx%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3ElineTo%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E50%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E150%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20ctx%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3ElineTo%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E50%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E50%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20ctx%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3Estroke%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Ereturn%3C%2Fspan%3E%20textureCanvas%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Eimage%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Etilt%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E45%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Ezoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E18%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Eopacity%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E1%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EstartPoint%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elng%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E117.19635%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elat%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E36.24093%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EendPoint%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elng%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E117.2035%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elat%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E36.24764%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Eurl%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'%2Fvue3-baidu-map-gl%2Fshouhuimap.png'%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Evideo%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Etilt%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E0%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Ezoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E4%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Eopacity%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E0.5%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EstartPoint%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elng%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E94.582033%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elat%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E-%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E7.989754%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EendPoint%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elng%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E145.358572%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elat%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E30.813867%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Eurl%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'%2Fvue3-baidu-map-gl%2Fcloud.mov'%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20groundOverlay%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3Ecomputed%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Ereturn%3C%2Fspan%3E%20groundOverlays%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3EactiveKey%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Escript%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3C%2Fcode%3E%3C%2Fpre%3E",path:"overlay/groundOverlay","raw-source":"%3Ctemplate%3E%0A%20%20%3Cdiv%3E%0A%20%20%20%20%E5%9C%B0%E9%9D%A2%E5%8F%A0%E5%8A%A0%E5%B1%82%E7%B1%BB%E5%9E%8B%EF%BC%9A%0A%20%20%20%20%3Cselect%20class%3D%22mySelect%22%20name%3D%22%22%20id%3D%22%22%20v-model%3D%22activeKey%22%3E%0A%20%20%20%20%20%20%3Coption%20value%3D%22image%22%3Eimage%20%E5%9B%BE%E7%89%87%E5%8F%A0%E5%8A%A0%E5%B1%82%3C%2Foption%3E%0A%20%20%20%20%20%20%3Coption%20value%3D%22video%22%3Evideo%20%E8%A7%86%E9%A2%91%E5%8F%A0%E5%8A%A0%E5%B1%82%3C%2Foption%3E%0A%20%20%20%20%20%20%3Coption%20value%3D%22canvas%22%3Ecanvas%20%E7%94%BB%E5%B8%83%E5%8F%A0%E5%8A%A0%E5%B1%82%3C%2Foption%3E%0A%20%20%20%20%3C%2Fselect%3E%0A%20%20%20%20%3CBMap%0A%20%20%20%20%20%20v-bind%3D%22%24attrs%22%0A%20%20%20%20%20%20enableScrollWheelZoom%0A%20%20%20%20%20%20noAnimation%0A%20%20%20%20%20%20%3AdisplayOptions%3D%22%7B%0A%20%20%20%20%20%20%20%20poiText%3A%20false%2C%20%2F%2F%20%E9%9A%90%E8%97%8Fpoi%E6%A0%87%E6%B3%A8%0A%20%20%20%20%20%20%20%20poiIcon%3A%20false%2C%20%2F%2F%20%E9%9A%90%E8%97%8Fpoi%E5%9B%BE%E6%A0%87%0A%20%20%20%20%20%20%20%20building%3A%20false%20%2F%2F%20%E9%9A%90%E8%97%8F%E6%A5%BC%E5%9D%97%0A%20%20%20%20%20%20%7D%22%0A%20%20%20%20%20%20%3Atilt%3D%22groundOverlay.tilt%22%0A%20%20%20%20%20%20%3Azoom%3D%22groundOverlay.zoom%22%0A%20%20%20%20%3E%0A%20%20%20%20%20%20%3CBMarker%20%3Aposition%3D%22groundOverlay.startPoint%22%20icon%3D%22start%22%20%3Aoffset%3D%22%7B%20x%3A%200%2C%20y%3A%20-16%20%7D%22%20%2F%3E%0A%20%20%20%20%20%20%3CBMarker%20%3Aposition%3D%22groundOverlay.endPoint%22%20icon%3D%22end%22%20%3Aoffset%3D%22%7B%20x%3A%200%2C%20y%3A%20-16%20%7D%22%20%2F%3E%0A%20%20%20%20%20%20%3CBGroundOverlay%0A%20%20%20%20%20%20%20%20autoCenter%0A%20%20%20%20%20%20%20%20%3Atype%3D%22activeKey%22%0A%20%20%20%20%20%20%20%20%3AstartPoint%3D%22groundOverlay.startPoint%22%0A%20%20%20%20%20%20%20%20%3AendPoint%3D%22groundOverlay.endPoint%22%0A%20%20%20%20%20%20%20%20%3Aurl%3D%22groundOverlay.url%22%0A%20%20%20%20%20%20%20%20%3Aopacity%3D%22groundOverlay.opacity%22%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%3CBLabel%0A%20%20%20%20%20%20%20%20v-if%3D%22activeKey%20%3D%3D%3D%20'canvas'%22%0A%20%20%20%20%20%20%20%20content%3D%22%E6%97%A5%E5%9D%9B%E5%85%AC%E5%9B%AD%22%0A%20%20%20%20%20%20%20%20%3Aposition%3D%22%7B%20lng%3A%20116.449921%2C%20lat%3A%2039.921324%20%7D%22%0A%20%20%20%20%20%20%20%20%3Astyle%3D%22%7B%0A%20%20%20%20%20%20%20%20%20%20color%3A%20'%23fff'%2C%0A%20%20%20%20%20%20%20%20%20%20borderWidth%3A%20'1px'%2C%0A%20%20%20%20%20%20%20%20%20%20borderRadius%3A%20'5px'%2C%0A%20%20%20%20%20%20%20%20%20%20borderColor%3A%20'%23fff'%2C%0A%20%20%20%20%20%20%20%20%20%20backgroundColor%3A%20'%2379a913'%2C%0A%20%20%20%20%20%20%20%20%20%20fontSize%3A%20'16px'%2C%0A%20%20%20%20%20%20%20%20%20%20height%3A%20'30px'%2C%0A%20%20%20%20%20%20%20%20%20%20lineHeight%3A%20'30px'%0A%20%20%20%20%20%20%20%20%7D%22%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%3C%2FBMap%3E%0A%20%20%3C%2Fdiv%3E%0A%3C%2Ftemplate%3E%0A%0A%3Cscript%20lang%3D%22ts%22%20setup%3E%0A%20%20import%20%7B%20ref%2C%20computed%20%7D%20from%20'vue'%0A%0A%20%20const%20activeKey%20%3D%20ref%3C'image'%20%7C%20'canvas'%20%7C%20'video'%3E('canvas')%0A%0A%20%20const%20groundOverlays%20%3D%20ref(%7B%0A%20%20%20%20canvas%3A%20%7B%0A%20%20%20%20%20%20tilt%3A%200%2C%0A%20%20%20%20%20%20zoom%3A%2017%2C%0A%20%20%20%20%20%20opacity%3A%201%2C%0A%20%20%20%20%20%20startPoint%3A%20%7B%20lng%3A%20116.447717%2C%20lat%3A%2039.919173%20%7D%2C%0A%20%20%20%20%20%20endPoint%3A%20%7B%20lng%3A%20116.453125%2C%20lat%3A%2039.923475%20%7D%2C%0A%20%20%20%20%20%20url%3A%20()%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20var%20textureCanvas%20%3D%20document.createElement('canvas')%0A%20%20%20%20%20%20%20%20textureCanvas.width%20%3D%20textureCanvas.height%20%3D%20200%0A%20%20%20%20%20%20%20%20var%20ctx%20%3D%20textureCanvas.getContext('2d')!%0A%20%20%20%20%20%20%20%20ctx.fillStyle%20%3D%20'%2379a913'%0A%20%20%20%20%20%20%20%20ctx.strokeStyle%20%3D%20'white'%0A%20%20%20%20%20%20%20%20ctx.lineWidth%20%3D%206%0A%20%20%20%20%20%20%20%20ctx.lineCap%20%3D%20'square'%0A%20%20%20%20%20%20%20%20ctx.fillRect(0%2C%200%2C%20200%2C%20200)%0A%20%20%20%20%20%20%20%20ctx.moveTo(50%2C%2050)%0A%20%20%20%20%20%20%20%20ctx.lineTo(150%2C%2050)%0A%20%20%20%20%20%20%20%20ctx.lineTo(150%2C%20150)%0A%20%20%20%20%20%20%20%20ctx.lineTo(50%2C%20150)%0A%20%20%20%20%20%20%20%20ctx.lineTo(50%2C%2050)%0A%20%20%20%20%20%20%20%20ctx.stroke()%0A%20%20%20%20%20%20%20%20return%20textureCanvas%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%2C%0A%20%20%20%20image%3A%20%7B%0A%20%20%20%20%20%20tilt%3A%2045%2C%0A%20%20%20%20%20%20zoom%3A%2018%2C%0A%20%20%20%20%20%20opacity%3A%201%2C%0A%20%20%20%20%20%20startPoint%3A%20%7B%20lng%3A%20117.19635%2C%20lat%3A%2036.24093%20%7D%2C%0A%20%20%20%20%20%20endPoint%3A%20%7B%20lng%3A%20117.2035%2C%20lat%3A%2036.24764%20%7D%2C%0A%20%20%20%20%20%20url%3A%20'%2Fvue3-baidu-map-gl%2Fshouhuimap.png'%0A%20%20%20%20%7D%2C%0A%20%20%20%20video%3A%20%7B%0A%20%20%20%20%20%20tilt%3A%200%2C%0A%20%20%20%20%20%20zoom%3A%204%2C%0A%20%20%20%20%20%20opacity%3A%200.5%2C%0A%20%20%20%20%20%20startPoint%3A%20%7B%20lng%3A%2094.582033%2C%20lat%3A%20-7.989754%20%7D%2C%0A%20%20%20%20%20%20endPoint%3A%20%7B%20lng%3A%20145.358572%2C%20lat%3A%2030.813867%20%7D%2C%0A%20%20%20%20%20%20url%3A%20'%2Fvue3-baidu-map-gl%2Fcloud.mov'%0A%20%20%20%20%7D%0A%20%20%7D)%0A%0A%20%20const%20groundOverlay%20%3D%20computed(()%20%3D%3E%20%7B%0A%20%20%20%20return%20groundOverlays.value%5BactiveKey.value%5D%0A%20%20%7D)%0A%3C%2Fscript%3E%0A",description:"%3Cp%3E%E5%9C%A8%E5%9C%B0%E5%9B%BE%E4%B8%8A%E6%B7%BB%E5%8A%A0%E4%B8%89%E7%A7%8D%E4%B8%8D%E5%90%8C%E7%B1%BB%E5%9E%8B%E7%9A%84%E5%9C%B0%E9%9D%A2%E5%8F%A0%E5%8A%A0%E7%89%A9%EF%BC%8C%E5%8F%AF%E9%80%9A%E8%BF%87%E4%B8%8B%E6%8B%89%E6%A1%86%E5%88%87%E6%8D%A2%E6%98%BE%E7%A4%BA%E4%B8%8D%E5%90%8C%E7%B1%BB%E5%9E%8B%3C%2Fp%3E%0A"},{default:l(()=>[F]),_:1}),A,n("table",null,[d,n("tbody",null,[h,y,g,v,m,B,n("tr",null,[b,f,_,x,n("td",null,[s(t,{type:"tip",text:"^2.2.0"})])])])]),P])}const N=E(r,[["render",q]]);export{K as __pageData,N as default}; diff --git a/assets/zh-CN_components_overlay_infowindow.md.8_l9nV4k.js b/assets/zh-CN_components_overlay_infowindow.md.8_l9nV4k.js new file mode 100644 index 00000000..98cd2558 --- /dev/null +++ b/assets/zh-CN_components_overlay_infowindow.md.8_l9nV4k.js @@ -0,0 +1 @@ +import{_ as c,D as o,c as l,I as t,w as e,k as a,R as p,o as u,p as D,q as F,a as i}from"./chunks/framework.aeLSa5ZG.js";const j=JSON.parse('{"title":"BInfoWindow 信息窗口","description":"","frontmatter":{},"headers":[],"relativePath":"zh-CN/components/overlay/infowindow.md","filePath":"zh-CN/components/overlay/infowindow.md","lastUpdated":1710870588000}'),k={name:"zh-CN/components/overlay/infowindow.md"},n=s=>(D("data-v-74ae3dcb"),s=s(),F(),s),r=p('

BInfoWindow 信息窗口 ​

使用 slot 模式渲染子节点向地图添加信息窗口，以及与地图相关的一些交互。

ts
import { BInfoWindow } from 'vue3-baidu-map-gl'

提示

地图上只能同时显示一个infoWindow，所以当地图上有多个infoWindow组件同时绑定v-model="true"，只有最后一个 infoWindow组件会在地图上显示。

组件示例 ​

',5),d=n(()=>a("p",null,"overlay/infowindow",-1)),A=n(()=>a("p",null,"overlay/dynmicInfoWindow",-1)),B=p('

静态组件 Props ​

属性说明类型默认值
offset信息窗位置偏移值。默认情况下在地图上打开的信息窗底端的尖角将指向其地理坐标，在标注上打开的信息窗底端尖角的位置取决于标注所用图标的 infoWindowOffset 属性值，您可以为信息窗添加偏移量来改变默认位置{x: number, y: number }{x: 0, y: 0 }

动态组件 Props ​

',4),b=n(()=>a("thead",null,[a("tr",null,[a("th",null,"属性"),a("th",null,"说明"),a("th",null,"类型"),a("th",null,"可选值"),a("th",null,"默认值"),a("th",null,"版本")])],-1)),m=n(()=>a("td",null,"show",-1)),v=n(()=>a("td",null,[i("是否开启信息窗体, 支持 "),a("code",null,"v-model:show")],-1)),g=n(()=>a("td",null,[a("code",null,"boolean ")],-1)),h=n(()=>a("td",null,"-",-1)),f=n(()=>a("td",null,[a("code",null,"false")],-1)),w=n(()=>a("tr",null,[a("td",null,"position"),a("td",null,"信息窗体所在坐标"),a("td",null,[a("code",null,"{ lng: number, lat: number}[]")]),a("td",null,"-"),a("td",null,[a("code",null,"required")]),a("td",null,"-")],-1)),y=n(()=>a("tr",null,[a("td",null,"title"),a("td",null,"信息窗标题文字"),a("td",null,[a("code",null,"string")]),a("td",null,"-"),a("td",null,"-"),a("td",null,"-")],-1)),_=n(()=>a("tr",null,[a("td",null,"width"),a("td",null,"信息窗宽度，单位像素。取值范围：0, 220 - 730。如果您指定宽度为 0，则信息窗口的宽度将按照其内容自动调整"),a("td",null,[a("code",null,"number")]),a("td",null,[a("code",null,"220-730")]),a("td",null,[a("code",null,"0")]),a("td",null,"-")],-1)),q=n(()=>a("tr",null,[a("td",null,"height"),a("td",null,"信息窗高度，单位像素。取值范围：0, 60 - 650。如果您指定高度为 0，则信息窗口的高度将按照其内容自动调整"),a("td",null,[a("code",null,"number")]),a("td",null,[a("code",null,"60-650")]),a("td",null,[a("code",null,"0")]),a("td",null,"-")],-1)),x=n(()=>a("tr",null,[a("td",null,"enableAutoPan"),a("td",null,"是否开启信息窗口打开时地图自动移动"),a("td",null,[a("code",null,"boolean")]),a("td",null,"-"),a("td",null,[a("code",null," true")]),a("td",null,"-")],-1)),W=n(()=>a("tr",null,[a("td",null,"enableCloseOnClick"),a("td",null,"是否开启点击地图关闭信息窗口"),a("td",null,[a("code",null,"boolean")]),a("td",null,"-"),a("td",null,[a("code",null," true")]),a("td",null,"-")],-1)),I=p('

组件事件 ​

事件名说明属性
initd组件初始化后，调用的方法，返回一个地图实例{ map, BmapGL, instance }
unload组件卸载时会调用此方法-
close信息窗口被关闭时触发此事件event{type, target, point}
open信息窗口被打开时触发此事件event{type, target, point}
clickclose点击信息窗口的关闭按钮时触发此事件event{type, target}
',2);function P(s,T,M,S,N,V){const E=o("Demo"),C=o("Badge");return u(),l("div",null,[r,t(E,{class:"p-top",source:"%3Cpre%20v-pre%3E%3Ccode%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ediv%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Elabel%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Einput%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Etype%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Echeckbox%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-model%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Eshow%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%E6%96%87%E5%AD%97%E5%86%85%E5%AE%B9infoWindow%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Elabel%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ebr%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Elabel%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Einput%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Etype%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Echeckbox%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-model%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Eshow1%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%E5%8A%A8%E6%80%81%E5%86%85%E5%AE%B9infoWindow%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Elabel%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ebr%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Elabel%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Einput%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Etype%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Echeckbox%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-model%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Eshow2%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%E5%9B%BE%E6%96%87%E7%BB%84%E5%90%88%E6%8E%92%E7%89%88infoWindow%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Elabel%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ebr%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ebr%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMap%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3EenableScrollWheelZoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBInfoWindow%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Cspan%20class%3D%22token%20namespace%22%3Ev-model%3A%3C%2Fspan%3Eshow%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Eshow%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3EenableMaximize%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aposition%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%7B%20lng%3A%20116.404%2C%20lat%3A%2039.925%20%7D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Etitle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%E6%96%87%E5%AD%97%E5%86%85%E5%AE%B9%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%E5%9C%B0%E5%9D%80%EF%BC%9A%E5%8C%97%E4%BA%AC%E5%B8%82%E4%B8%9C%E5%9F%8E%E5%8C%BA%E7%8E%8B%E5%BA%9C%E4%BA%95%E5%A4%A7%E8%A1%9788%E5%8F%B7%E4%B9%90%E5%A4%A9%E9%93%B6%E6%B3%B0%E7%99%BE%E8%B4%A7%E5%85%AB%E5%B1%82%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%23maxContent%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Eh1%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E6%9C%80%E5%A4%A7%E5%8C%96%E5%86%85%E5%AE%B9%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Eh1%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBInfoWindow%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBInfoWindow%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Cspan%20class%3D%22token%20namespace%22%3Ev-model%3A%3C%2Fspan%3Eshow%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Eshow1%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aposition%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%7B%20lng%3A%20116.404%2C%20lat%3A%2039.925%20%7D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Etitle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%E5%8A%A8%E6%80%81%E5%86%85%E5%AE%B9%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Eh2%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3Ecount%3A%20%7B%7B%20count%20%7D%7D%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Eh2%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ebutton%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40click%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ecount%20%2B%3D%201%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3Ecount%2B%2B%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ebutton%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBInfoWindow%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBInfoWindow%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Cspan%20class%3D%22token%20namespace%22%3Ev-model%3A%3C%2Fspan%3Eshow%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Eshow2%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aposition%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%7B%20lng%3A%20116.404%2C%20lat%3A%2039.925%20%7D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Etitle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%E5%9B%BE%E6%96%87%E7%BB%84%E5%90%88%E6%8E%92%E7%89%88%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Eh2%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E5%A4%A9%E5%AE%89%E9%97%A8%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Eh2%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ediv%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Eclass%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EinfoWindow-content%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ep%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E5%A4%A9%E5%AE%89%E9%97%A8%E5%9D%90%E8%90%BD%E5%9C%A8%E4%B8%AD%E5%9B%BD%E5%8C%97%E4%BA%AC%E5%B8%82%E4%B8%AD%E5%BF%83%EF%BC%8C%E6%95%85%E5%AE%AB%E7%9A%84%E5%8D%97%E4%BE%A7%EF%BC%8C%E4%B8%8E%E5%A4%A9%E5%AE%89%E9%97%A8%E5%B9%BF%E5%9C%BA%E9%9A%94%E9%95%BF%E5%AE%89%E8%A1%97%E7%9B%B8%E6%9C%9B%EF%BC%8C%E6%98%AF%E6%B8%85%E6%9C%9D%E7%9A%87%E5%9F%8E%E7%9A%84%E5%A4%A7%E9%97%A8%E3%80%82..%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ep%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Eimg%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ewidth%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E139%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Eheight%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E104%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Esrc%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ehttps%3A%2F%2Flbs.baidu.com%2Fjsdemo%2Fimg%2FtianAnMen.jpg%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ealt%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ediv%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBInfoWindow%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBMap%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ediv%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Escript%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Elang%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ets%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Esetup%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20script%22%3E%3Cspan%20class%3D%22token%20language-javascript%22%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Eimport%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20ref%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Efrom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'vue'%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20show%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20ref%3Cspan%20class%3D%22token%20operator%22%3E%26lt%3B%3C%2Fspan%3Eboolean%3Cspan%20class%3D%22token%20operator%22%3E%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20boolean%22%3Efalse%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20show1%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20ref%3Cspan%20class%3D%22token%20operator%22%3E%26lt%3B%3C%2Fspan%3Eboolean%3Cspan%20class%3D%22token%20operator%22%3E%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20boolean%22%3Etrue%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20show2%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20ref%3Cspan%20class%3D%22token%20operator%22%3E%26lt%3B%3C%2Fspan%3Eboolean%3Cspan%20class%3D%22token%20operator%22%3E%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20boolean%22%3Efalse%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20count%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20ref%3Cspan%20class%3D%22token%20operator%22%3E%26lt%3B%3C%2Fspan%3Enumber%3Cspan%20class%3D%22token%20operator%22%3E%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E1%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Escript%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Estyle%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Escoped%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20style%22%3E%3Cspan%20class%3D%22token%20language-css%22%3E%0A%20%20%3Cspan%20class%3D%22token%20selector%22%3Ebutton%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Eborder-radius%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%206px%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Ebackground%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%20%23ddd%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Eoutline%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%20none%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Epadding%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%201px%205px%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Efont-size%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%2014px%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Emargin-bottom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%2010px%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20selector%22%3E.infoWindow-content%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Edisplay%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%20flex%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Ejustify-content%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%20space-between%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Epadding%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%2010px%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20selector%22%3E.infoWindow-content%20p%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Emargin%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%200%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Eline-height%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%20initial%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Estyle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3C%2Fcode%3E%3C%2Fpre%3E",path:"overlay/infowindow","raw-source":"%3Ctemplate%3E%0A%20%20%3Cdiv%3E%0A%20%20%20%20%3Clabel%3E%0A%20%20%20%20%20%20%3Cinput%20type%3D%22checkbox%22%20v-model%3D%22show%22%20%2F%3E%0A%20%20%20%20%20%20%E6%96%87%E5%AD%97%E5%86%85%E5%AE%B9infoWindow%0A%20%20%20%20%3C%2Flabel%3E%0A%20%20%20%20%3Cbr%20%2F%3E%0A%20%20%20%20%3Clabel%3E%0A%20%20%20%20%20%20%3Cinput%20type%3D%22checkbox%22%20v-model%3D%22show1%22%20%2F%3E%0A%20%20%20%20%20%20%E5%8A%A8%E6%80%81%E5%86%85%E5%AE%B9infoWindow%0A%20%20%20%20%3C%2Flabel%3E%0A%20%20%20%20%3Cbr%20%2F%3E%0A%20%20%20%20%3Clabel%3E%0A%20%20%20%20%20%20%3Cinput%20type%3D%22checkbox%22%20v-model%3D%22show2%22%20%2F%3E%0A%20%20%20%20%20%20%E5%9B%BE%E6%96%87%E7%BB%84%E5%90%88%E6%8E%92%E7%89%88infoWindow%0A%20%20%20%20%3C%2Flabel%3E%0A%20%20%20%20%3Cbr%20%2F%3E%0A%20%20%20%20%3Cbr%20%2F%3E%0A%20%20%20%20%3CBMap%20v-bind%3D%22%24attrs%22%20enableScrollWheelZoom%3E%0A%20%20%20%20%20%20%3CBInfoWindow%20v-model%3Ashow%3D%22show%22%20enableMaximize%20%3Aposition%3D%22%7B%20lng%3A%20116.404%2C%20lat%3A%2039.925%20%7D%22%20title%3D%22%E6%96%87%E5%AD%97%E5%86%85%E5%AE%B9%22%3E%0A%20%20%20%20%20%20%20%20%E5%9C%B0%E5%9D%80%EF%BC%9A%E5%8C%97%E4%BA%AC%E5%B8%82%E4%B8%9C%E5%9F%8E%E5%8C%BA%E7%8E%8B%E5%BA%9C%E4%BA%95%E5%A4%A7%E8%A1%9788%E5%8F%B7%E4%B9%90%E5%A4%A9%E9%93%B6%E6%B3%B0%E7%99%BE%E8%B4%A7%E5%85%AB%E5%B1%82%0A%20%20%20%20%20%20%20%20%3Ctemplate%20%23maxContent%3E%0A%20%20%20%20%20%20%20%20%20%20%3Ch1%3E%E6%9C%80%E5%A4%A7%E5%8C%96%E5%86%85%E5%AE%B9%3C%2Fh1%3E%0A%20%20%20%20%20%20%20%20%3C%2Ftemplate%3E%0A%20%20%20%20%20%20%3C%2FBInfoWindow%3E%0A%20%20%20%20%20%20%3CBInfoWindow%20v-model%3Ashow%3D%22show1%22%20%3Aposition%3D%22%7B%20lng%3A%20116.404%2C%20lat%3A%2039.925%20%7D%22%20title%3D%22%E5%8A%A8%E6%80%81%E5%86%85%E5%AE%B9%22%3E%0A%20%20%20%20%20%20%20%20%3Ch2%3Ecount%3A%20%7B%7B%20count%20%7D%7D%3C%2Fh2%3E%0A%20%20%20%20%20%20%20%20%3Cbutton%20%40click%3D%22count%20%2B%3D%201%22%3Ecount%2B%2B%3C%2Fbutton%3E%0A%20%20%20%20%20%20%3C%2FBInfoWindow%3E%0A%20%20%20%20%20%20%3CBInfoWindow%20v-model%3Ashow%3D%22show2%22%20%3Aposition%3D%22%7B%20lng%3A%20116.404%2C%20lat%3A%2039.925%20%7D%22%20title%3D%22%E5%9B%BE%E6%96%87%E7%BB%84%E5%90%88%E6%8E%92%E7%89%88%22%3E%0A%20%20%20%20%20%20%20%20%3Ch2%3E%E5%A4%A9%E5%AE%89%E9%97%A8%3C%2Fh2%3E%0A%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22infoWindow-content%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cp%3E%E5%A4%A9%E5%AE%89%E9%97%A8%E5%9D%90%E8%90%BD%E5%9C%A8%E4%B8%AD%E5%9B%BD%E5%8C%97%E4%BA%AC%E5%B8%82%E4%B8%AD%E5%BF%83%EF%BC%8C%E6%95%85%E5%AE%AB%E7%9A%84%E5%8D%97%E4%BE%A7%EF%BC%8C%E4%B8%8E%E5%A4%A9%E5%AE%89%E9%97%A8%E5%B9%BF%E5%9C%BA%E9%9A%94%E9%95%BF%E5%AE%89%E8%A1%97%E7%9B%B8%E6%9C%9B%EF%BC%8C%E6%98%AF%E6%B8%85%E6%9C%9D%E7%9A%87%E5%9F%8E%E7%9A%84%E5%A4%A7%E9%97%A8%E3%80%82..%3C%2Fp%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cimg%20width%3D%22139%22%20height%3D%22104%22%20src%3D%22https%3A%2F%2Flbs.baidu.com%2Fjsdemo%2Fimg%2FtianAnMen.jpg%22%20alt%3D%22%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%3C%2FBInfoWindow%3E%0A%20%20%20%20%3C%2FBMap%3E%0A%20%20%3C%2Fdiv%3E%0A%3C%2Ftemplate%3E%0A%0A%3Cscript%20lang%3D%22ts%22%20setup%3E%0A%20%20import%20%7B%20ref%20%7D%20from%20'vue'%0A%20%20const%20show%20%3D%20ref%3Cboolean%3E(false)%0A%20%20const%20show1%20%3D%20ref%3Cboolean%3E(true)%0A%20%20const%20show2%20%3D%20ref%3Cboolean%3E(false)%0A%20%20const%20count%20%3D%20ref%3Cnumber%3E(1)%0A%3C%2Fscript%3E%0A%0A%3Cstyle%20scoped%3E%0A%20%20button%20%7B%0A%20%20%20%20border-radius%3A%206px%3B%0A%20%20%20%20background%3A%20%23ddd%3B%0A%20%20%20%20outline%3A%20none%3B%0A%20%20%20%20padding%3A%201px%205px%3B%0A%20%20%20%20font-size%3A%2014px%3B%0A%20%20%20%20margin-bottom%3A%2010px%3B%0A%20%20%7D%0A%20%20.infoWindow-content%20%7B%0A%20%20%20%20display%3A%20flex%3B%0A%20%20%20%20justify-content%3A%20space-between%3B%0A%20%20%20%20padding%3A%2010px%3B%0A%20%20%7D%0A%20%20.infoWindow-content%20p%20%7B%0A%20%20%20%20margin%3A%200%3B%0A%20%20%20%20line-height%3A%20initial%3B%0A%20%20%7D%0A%3C%2Fstyle%3E%0A",description:"%3Cp%3E%E9%80%9A%E8%BF%87%20slot%20%E6%8F%92%E6%A7%BD%E6%B8%B2%E6%9F%93%E4%B8%8D%E5%90%8C%E5%86%85%E5%AE%B9%20infoWindow%3C%2Fp%3E%0A"},{default:e(()=>[d]),_:1}),t(E,{source:"%3Cpre%20v-pre%3E%3Ccode%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMap%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3EenableScrollWheelZoom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Acenter%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%7B%20lat%3A%2039.915185%2C%20lng%3A%20116.400901%20%7D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Azoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E16%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMarker%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-for%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E(item%2C%20index)%20in%20markers%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aposition%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Eitem.position%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aicon%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%60blue%24%7Bindex%20%2B%201%20as%201%20%7C%202%7D%60%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40click%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E()%20%3D%3E%20handleClick(item)%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3EenableClicking%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBInfoWindow%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Cspan%20class%3D%22token%20namespace%22%3Ev-model%3A%3C%2Fspan%3Eshow%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Eshow%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aposition%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Eposition%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Atitle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Etitle%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3EenableAutoPan%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3EenableCloseOnClick%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aoffset%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%7B%0A%20%20%20%20%20%20%20%20x%3A%200%2C%0A%20%20%20%20%20%20%20%20y%3A%20-10%0A%20%20%20%20%20%20%7D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBMap%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Escript%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Elang%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ets%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Esetup%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20script%22%3E%3Cspan%20class%3D%22token%20language-javascript%22%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Eimport%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20ref%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20type%20UnwrapRef%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Efrom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'vue'%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Eimport%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20BMap%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20BMarker%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20BInfoWindow%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Efrom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'vue3-baidu-map-gl'%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Elet%3C%2Fspan%3E%20markers%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3Eref%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Eposition%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elat%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E39.915185%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elng%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E116.400101%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Etitle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'%E5%9C%B0%E5%9D%80%E4%B8%80'%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Eposition%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elat%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E39.915185%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elng%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E116.400901%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Etitle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'%E5%9C%B0%E5%9D%80%E4%BA%8C'%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20title%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3Eref%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3Emarkers%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E0%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Etitle%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20position%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3Eref%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3Emarkers%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E0%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Eposition%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20show%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20ref%3Cspan%20class%3D%22token%20operator%22%3E%26lt%3B%3C%2Fspan%3Eboolean%3Cspan%20class%3D%22token%20operator%22%3E%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20boolean%22%3Etrue%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Efunction%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3EhandleClick%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20parameter%22%3E%3Cspan%20class%3D%22token%20literal-property%20property%22%3Eitem%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20UnwrapRef%3Cspan%20class%3D%22token%20operator%22%3E%26lt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22token%20keyword%22%3Etypeof%3C%2Fspan%3E%20markers%3Cspan%20class%3D%22token%20operator%22%3E%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E0%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20position%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20item%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Eposition%0A%20%20%20%20title%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20item%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Etitle%0A%20%20%20%20show%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20boolean%22%3Etrue%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Escript%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3C%2Fcode%3E%3C%2Fpre%3E",path:"overlay/dynmicInfoWindow","raw-source":"%3Ctemplate%3E%0A%20%20%3CBMap%20enableScrollWheelZoom%20v-bind%3D%22%24attrs%22%20%3Acenter%3D%22%7B%20lat%3A%2039.915185%2C%20lng%3A%20116.400901%20%7D%22%20%3Azoom%3D%2216%22%3E%0A%20%20%20%20%3CBMarker%0A%20%20%20%20%20%20v-for%3D%22(item%2C%20index)%20in%20markers%22%0A%20%20%20%20%20%20%3Aposition%3D%22item.position%22%0A%20%20%20%20%20%20%3Aicon%3D%22%60blue%24%7Bindex%20%2B%201%20as%201%20%7C%202%7D%60%22%0A%20%20%20%20%20%20%40click%3D%22()%20%3D%3E%20handleClick(item)%22%0A%20%20%20%20%20%20enableClicking%0A%20%20%20%20%2F%3E%0A%20%20%20%20%3CBInfoWindow%0A%20%20%20%20%20%20v-model%3Ashow%3D%22show%22%0A%20%20%20%20%20%20%3Aposition%3D%22position%22%0A%20%20%20%20%20%20%3Atitle%3D%22title%22%0A%20%20%20%20%20%20enableAutoPan%0A%20%20%20%20%20%20enableCloseOnClick%0A%20%20%20%20%20%20%3Aoffset%3D%22%7B%0A%20%20%20%20%20%20%20%20x%3A%200%2C%0A%20%20%20%20%20%20%20%20y%3A%20-10%0A%20%20%20%20%20%20%7D%22%0A%20%20%20%20%2F%3E%0A%20%20%3C%2FBMap%3E%0A%3C%2Ftemplate%3E%0A%0A%3Cscript%20lang%3D%22ts%22%20setup%3E%0A%20%20import%20%7B%20ref%2C%20type%20UnwrapRef%20%7D%20from%20'vue'%0A%20%20import%20%7B%20BMap%2C%20BMarker%2C%20BInfoWindow%20%7D%20from%20'vue3-baidu-map-gl'%0A%20%20let%20markers%20%3D%20ref(%5B%0A%20%20%20%20%7B%0A%20%20%20%20%20%20position%3A%20%7B%20lat%3A%2039.915185%2C%20lng%3A%20116.400101%20%7D%2C%0A%20%20%20%20%20%20title%3A%20'%E5%9C%B0%E5%9D%80%E4%B8%80'%0A%20%20%20%20%7D%2C%0A%20%20%20%20%7B%0A%20%20%20%20%20%20position%3A%20%7B%20lat%3A%2039.915185%2C%20lng%3A%20116.400901%20%7D%2C%0A%20%20%20%20%20%20title%3A%20'%E5%9C%B0%E5%9D%80%E4%BA%8C'%0A%20%20%20%20%7D%0A%20%20%5D)%0A%20%20const%20title%20%3D%20ref(markers.value%5B0%5D.title)%0A%20%20const%20position%20%3D%20ref(markers.value%5B0%5D.position)%0A%20%20const%20show%20%3D%20ref%3Cboolean%3E(true)%0A%20%20function%20handleClick(item%3A%20UnwrapRef%3Ctypeof%20markers%3E%5B0%5D)%20%7B%0A%20%20%20%20position.value%20%3D%20item.position%0A%20%20%20%20title.value%20%3D%20item.title%0A%20%20%20%20show.value%20%3D%20true%0A%20%20%7D%0A%3C%2Fscript%3E%0A",description:"%3Cp%3E%E5%8A%A8%E6%80%81%E4%BD%8D%E7%BD%AE%3C%2Fp%3E%0A"},{default:e(()=>[A]),_:1}),B,a("table",null,[b,a("tbody",null,[a("tr",null,[m,v,g,h,f,a("td",null,[t(C,{type:"tip",text:"^2.2.2"})])]),w,y,_,q,x,W])]),I])}const R=c(k,[["render",P],["__scopeId","data-v-74ae3dcb"]]);export{j as __pageData,R as default}; diff --git a/assets/zh-CN_components_overlay_infowindow.md.8_l9nV4k.lean.js b/assets/zh-CN_components_overlay_infowindow.md.8_l9nV4k.lean.js new file mode 100644 index 00000000..71aacae4 --- /dev/null +++ b/assets/zh-CN_components_overlay_infowindow.md.8_l9nV4k.lean.js @@ -0,0 +1 @@ +import{_ as c,D as o,c as l,I as t,w as e,k as a,R as p,o as u,p as D,q as F,a as i}from"./chunks/framework.aeLSa5ZG.js";const j=JSON.parse('{"title":"BInfoWindow 信息窗口","description":"","frontmatter":{},"headers":[],"relativePath":"zh-CN/components/overlay/infowindow.md","filePath":"zh-CN/components/overlay/infowindow.md","lastUpdated":1710870588000}'),k={name:"zh-CN/components/overlay/infowindow.md"},n=s=>(D("data-v-74ae3dcb"),s=s(),F(),s),r=p("",5),d=n(()=>a("p",null,"overlay/infowindow",-1)),A=n(()=>a("p",null,"overlay/dynmicInfoWindow",-1)),B=p("",4),b=n(()=>a("thead",null,[a("tr",null,[a("th",null,"属性"),a("th",null,"说明"),a("th",null,"类型"),a("th",null,"可选值"),a("th",null,"默认值"),a("th",null,"版本")])],-1)),m=n(()=>a("td",null,"show",-1)),v=n(()=>a("td",null,[i("是否开启信息窗体, 支持 "),a("code",null,"v-model:show")],-1)),g=n(()=>a("td",null,[a("code",null,"boolean ")],-1)),h=n(()=>a("td",null,"-",-1)),f=n(()=>a("td",null,[a("code",null,"false")],-1)),w=n(()=>a("tr",null,[a("td",null,"position"),a("td",null,"信息窗体所在坐标"),a("td",null,[a("code",null,"{ lng: number, lat: number}[]")]),a("td",null,"-"),a("td",null,[a("code",null,"required")]),a("td",null,"-")],-1)),y=n(()=>a("tr",null,[a("td",null,"title"),a("td",null,"信息窗标题文字"),a("td",null,[a("code",null,"string")]),a("td",null,"-"),a("td",null,"-"),a("td",null,"-")],-1)),_=n(()=>a("tr",null,[a("td",null,"width"),a("td",null,"信息窗宽度，单位像素。取值范围：0, 220 - 730。如果您指定宽度为 0，则信息窗口的宽度将按照其内容自动调整"),a("td",null,[a("code",null,"number")]),a("td",null,[a("code",null,"220-730")]),a("td",null,[a("code",null,"0")]),a("td",null,"-")],-1)),q=n(()=>a("tr",null,[a("td",null,"height"),a("td",null,"信息窗高度，单位像素。取值范围：0, 60 - 650。如果您指定高度为 0，则信息窗口的高度将按照其内容自动调整"),a("td",null,[a("code",null,"number")]),a("td",null,[a("code",null,"60-650")]),a("td",null,[a("code",null,"0")]),a("td",null,"-")],-1)),x=n(()=>a("tr",null,[a("td",null,"enableAutoPan"),a("td",null,"是否开启信息窗口打开时地图自动移动"),a("td",null,[a("code",null,"boolean")]),a("td",null,"-"),a("td",null,[a("code",null," true")]),a("td",null,"-")],-1)),W=n(()=>a("tr",null,[a("td",null,"enableCloseOnClick"),a("td",null,"是否开启点击地图关闭信息窗口"),a("td",null,[a("code",null,"boolean")]),a("td",null,"-"),a("td",null,[a("code",null," true")]),a("td",null,"-")],-1)),I=p("",2);function P(s,T,M,S,N,V){const E=o("Demo"),C=o("Badge");return u(),l("div",null,[r,t(E,{class:"p-top",source:"%3Cpre%20v-pre%3E%3Ccode%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ediv%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Elabel%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Einput%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Etype%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Echeckbox%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-model%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Eshow%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%E6%96%87%E5%AD%97%E5%86%85%E5%AE%B9infoWindow%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Elabel%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ebr%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Elabel%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Einput%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Etype%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Echeckbox%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-model%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Eshow1%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%E5%8A%A8%E6%80%81%E5%86%85%E5%AE%B9infoWindow%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Elabel%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ebr%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Elabel%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Einput%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Etype%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Echeckbox%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-model%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Eshow2%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%E5%9B%BE%E6%96%87%E7%BB%84%E5%90%88%E6%8E%92%E7%89%88infoWindow%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Elabel%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ebr%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ebr%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMap%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3EenableScrollWheelZoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBInfoWindow%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Cspan%20class%3D%22token%20namespace%22%3Ev-model%3A%3C%2Fspan%3Eshow%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Eshow%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3EenableMaximize%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aposition%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%7B%20lng%3A%20116.404%2C%20lat%3A%2039.925%20%7D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Etitle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%E6%96%87%E5%AD%97%E5%86%85%E5%AE%B9%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%E5%9C%B0%E5%9D%80%EF%BC%9A%E5%8C%97%E4%BA%AC%E5%B8%82%E4%B8%9C%E5%9F%8E%E5%8C%BA%E7%8E%8B%E5%BA%9C%E4%BA%95%E5%A4%A7%E8%A1%9788%E5%8F%B7%E4%B9%90%E5%A4%A9%E9%93%B6%E6%B3%B0%E7%99%BE%E8%B4%A7%E5%85%AB%E5%B1%82%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%23maxContent%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Eh1%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E6%9C%80%E5%A4%A7%E5%8C%96%E5%86%85%E5%AE%B9%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Eh1%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBInfoWindow%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBInfoWindow%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Cspan%20class%3D%22token%20namespace%22%3Ev-model%3A%3C%2Fspan%3Eshow%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Eshow1%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aposition%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%7B%20lng%3A%20116.404%2C%20lat%3A%2039.925%20%7D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Etitle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%E5%8A%A8%E6%80%81%E5%86%85%E5%AE%B9%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Eh2%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3Ecount%3A%20%7B%7B%20count%20%7D%7D%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Eh2%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ebutton%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40click%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ecount%20%2B%3D%201%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3Ecount%2B%2B%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ebutton%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBInfoWindow%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBInfoWindow%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Cspan%20class%3D%22token%20namespace%22%3Ev-model%3A%3C%2Fspan%3Eshow%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Eshow2%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aposition%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%7B%20lng%3A%20116.404%2C%20lat%3A%2039.925%20%7D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Etitle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%E5%9B%BE%E6%96%87%E7%BB%84%E5%90%88%E6%8E%92%E7%89%88%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Eh2%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E5%A4%A9%E5%AE%89%E9%97%A8%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Eh2%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ediv%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Eclass%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EinfoWindow-content%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ep%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E5%A4%A9%E5%AE%89%E9%97%A8%E5%9D%90%E8%90%BD%E5%9C%A8%E4%B8%AD%E5%9B%BD%E5%8C%97%E4%BA%AC%E5%B8%82%E4%B8%AD%E5%BF%83%EF%BC%8C%E6%95%85%E5%AE%AB%E7%9A%84%E5%8D%97%E4%BE%A7%EF%BC%8C%E4%B8%8E%E5%A4%A9%E5%AE%89%E9%97%A8%E5%B9%BF%E5%9C%BA%E9%9A%94%E9%95%BF%E5%AE%89%E8%A1%97%E7%9B%B8%E6%9C%9B%EF%BC%8C%E6%98%AF%E6%B8%85%E6%9C%9D%E7%9A%87%E5%9F%8E%E7%9A%84%E5%A4%A7%E9%97%A8%E3%80%82..%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ep%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Eimg%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ewidth%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E139%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Eheight%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E104%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Esrc%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ehttps%3A%2F%2Flbs.baidu.com%2Fjsdemo%2Fimg%2FtianAnMen.jpg%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ealt%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ediv%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBInfoWindow%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBMap%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ediv%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Escript%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Elang%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ets%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Esetup%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20script%22%3E%3Cspan%20class%3D%22token%20language-javascript%22%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Eimport%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20ref%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Efrom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'vue'%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20show%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20ref%3Cspan%20class%3D%22token%20operator%22%3E%26lt%3B%3C%2Fspan%3Eboolean%3Cspan%20class%3D%22token%20operator%22%3E%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20boolean%22%3Efalse%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20show1%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20ref%3Cspan%20class%3D%22token%20operator%22%3E%26lt%3B%3C%2Fspan%3Eboolean%3Cspan%20class%3D%22token%20operator%22%3E%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20boolean%22%3Etrue%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20show2%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20ref%3Cspan%20class%3D%22token%20operator%22%3E%26lt%3B%3C%2Fspan%3Eboolean%3Cspan%20class%3D%22token%20operator%22%3E%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20boolean%22%3Efalse%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20count%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20ref%3Cspan%20class%3D%22token%20operator%22%3E%26lt%3B%3C%2Fspan%3Enumber%3Cspan%20class%3D%22token%20operator%22%3E%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E1%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Escript%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Estyle%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Escoped%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20style%22%3E%3Cspan%20class%3D%22token%20language-css%22%3E%0A%20%20%3Cspan%20class%3D%22token%20selector%22%3Ebutton%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Eborder-radius%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%206px%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Ebackground%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%20%23ddd%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Eoutline%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%20none%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Epadding%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%201px%205px%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Efont-size%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%2014px%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Emargin-bottom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%2010px%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20selector%22%3E.infoWindow-content%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Edisplay%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%20flex%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Ejustify-content%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%20space-between%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Epadding%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%2010px%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20selector%22%3E.infoWindow-content%20p%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Emargin%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%200%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Eline-height%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%20initial%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Estyle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3C%2Fcode%3E%3C%2Fpre%3E",path:"overlay/infowindow","raw-source":"%3Ctemplate%3E%0A%20%20%3Cdiv%3E%0A%20%20%20%20%3Clabel%3E%0A%20%20%20%20%20%20%3Cinput%20type%3D%22checkbox%22%20v-model%3D%22show%22%20%2F%3E%0A%20%20%20%20%20%20%E6%96%87%E5%AD%97%E5%86%85%E5%AE%B9infoWindow%0A%20%20%20%20%3C%2Flabel%3E%0A%20%20%20%20%3Cbr%20%2F%3E%0A%20%20%20%20%3Clabel%3E%0A%20%20%20%20%20%20%3Cinput%20type%3D%22checkbox%22%20v-model%3D%22show1%22%20%2F%3E%0A%20%20%20%20%20%20%E5%8A%A8%E6%80%81%E5%86%85%E5%AE%B9infoWindow%0A%20%20%20%20%3C%2Flabel%3E%0A%20%20%20%20%3Cbr%20%2F%3E%0A%20%20%20%20%3Clabel%3E%0A%20%20%20%20%20%20%3Cinput%20type%3D%22checkbox%22%20v-model%3D%22show2%22%20%2F%3E%0A%20%20%20%20%20%20%E5%9B%BE%E6%96%87%E7%BB%84%E5%90%88%E6%8E%92%E7%89%88infoWindow%0A%20%20%20%20%3C%2Flabel%3E%0A%20%20%20%20%3Cbr%20%2F%3E%0A%20%20%20%20%3Cbr%20%2F%3E%0A%20%20%20%20%3CBMap%20v-bind%3D%22%24attrs%22%20enableScrollWheelZoom%3E%0A%20%20%20%20%20%20%3CBInfoWindow%20v-model%3Ashow%3D%22show%22%20enableMaximize%20%3Aposition%3D%22%7B%20lng%3A%20116.404%2C%20lat%3A%2039.925%20%7D%22%20title%3D%22%E6%96%87%E5%AD%97%E5%86%85%E5%AE%B9%22%3E%0A%20%20%20%20%20%20%20%20%E5%9C%B0%E5%9D%80%EF%BC%9A%E5%8C%97%E4%BA%AC%E5%B8%82%E4%B8%9C%E5%9F%8E%E5%8C%BA%E7%8E%8B%E5%BA%9C%E4%BA%95%E5%A4%A7%E8%A1%9788%E5%8F%B7%E4%B9%90%E5%A4%A9%E9%93%B6%E6%B3%B0%E7%99%BE%E8%B4%A7%E5%85%AB%E5%B1%82%0A%20%20%20%20%20%20%20%20%3Ctemplate%20%23maxContent%3E%0A%20%20%20%20%20%20%20%20%20%20%3Ch1%3E%E6%9C%80%E5%A4%A7%E5%8C%96%E5%86%85%E5%AE%B9%3C%2Fh1%3E%0A%20%20%20%20%20%20%20%20%3C%2Ftemplate%3E%0A%20%20%20%20%20%20%3C%2FBInfoWindow%3E%0A%20%20%20%20%20%20%3CBInfoWindow%20v-model%3Ashow%3D%22show1%22%20%3Aposition%3D%22%7B%20lng%3A%20116.404%2C%20lat%3A%2039.925%20%7D%22%20title%3D%22%E5%8A%A8%E6%80%81%E5%86%85%E5%AE%B9%22%3E%0A%20%20%20%20%20%20%20%20%3Ch2%3Ecount%3A%20%7B%7B%20count%20%7D%7D%3C%2Fh2%3E%0A%20%20%20%20%20%20%20%20%3Cbutton%20%40click%3D%22count%20%2B%3D%201%22%3Ecount%2B%2B%3C%2Fbutton%3E%0A%20%20%20%20%20%20%3C%2FBInfoWindow%3E%0A%20%20%20%20%20%20%3CBInfoWindow%20v-model%3Ashow%3D%22show2%22%20%3Aposition%3D%22%7B%20lng%3A%20116.404%2C%20lat%3A%2039.925%20%7D%22%20title%3D%22%E5%9B%BE%E6%96%87%E7%BB%84%E5%90%88%E6%8E%92%E7%89%88%22%3E%0A%20%20%20%20%20%20%20%20%3Ch2%3E%E5%A4%A9%E5%AE%89%E9%97%A8%3C%2Fh2%3E%0A%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22infoWindow-content%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cp%3E%E5%A4%A9%E5%AE%89%E9%97%A8%E5%9D%90%E8%90%BD%E5%9C%A8%E4%B8%AD%E5%9B%BD%E5%8C%97%E4%BA%AC%E5%B8%82%E4%B8%AD%E5%BF%83%EF%BC%8C%E6%95%85%E5%AE%AB%E7%9A%84%E5%8D%97%E4%BE%A7%EF%BC%8C%E4%B8%8E%E5%A4%A9%E5%AE%89%E9%97%A8%E5%B9%BF%E5%9C%BA%E9%9A%94%E9%95%BF%E5%AE%89%E8%A1%97%E7%9B%B8%E6%9C%9B%EF%BC%8C%E6%98%AF%E6%B8%85%E6%9C%9D%E7%9A%87%E5%9F%8E%E7%9A%84%E5%A4%A7%E9%97%A8%E3%80%82..%3C%2Fp%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cimg%20width%3D%22139%22%20height%3D%22104%22%20src%3D%22https%3A%2F%2Flbs.baidu.com%2Fjsdemo%2Fimg%2FtianAnMen.jpg%22%20alt%3D%22%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%3C%2FBInfoWindow%3E%0A%20%20%20%20%3C%2FBMap%3E%0A%20%20%3C%2Fdiv%3E%0A%3C%2Ftemplate%3E%0A%0A%3Cscript%20lang%3D%22ts%22%20setup%3E%0A%20%20import%20%7B%20ref%20%7D%20from%20'vue'%0A%20%20const%20show%20%3D%20ref%3Cboolean%3E(false)%0A%20%20const%20show1%20%3D%20ref%3Cboolean%3E(true)%0A%20%20const%20show2%20%3D%20ref%3Cboolean%3E(false)%0A%20%20const%20count%20%3D%20ref%3Cnumber%3E(1)%0A%3C%2Fscript%3E%0A%0A%3Cstyle%20scoped%3E%0A%20%20button%20%7B%0A%20%20%20%20border-radius%3A%206px%3B%0A%20%20%20%20background%3A%20%23ddd%3B%0A%20%20%20%20outline%3A%20none%3B%0A%20%20%20%20padding%3A%201px%205px%3B%0A%20%20%20%20font-size%3A%2014px%3B%0A%20%20%20%20margin-bottom%3A%2010px%3B%0A%20%20%7D%0A%20%20.infoWindow-content%20%7B%0A%20%20%20%20display%3A%20flex%3B%0A%20%20%20%20justify-content%3A%20space-between%3B%0A%20%20%20%20padding%3A%2010px%3B%0A%20%20%7D%0A%20%20.infoWindow-content%20p%20%7B%0A%20%20%20%20margin%3A%200%3B%0A%20%20%20%20line-height%3A%20initial%3B%0A%20%20%7D%0A%3C%2Fstyle%3E%0A",description:"%3Cp%3E%E9%80%9A%E8%BF%87%20slot%20%E6%8F%92%E6%A7%BD%E6%B8%B2%E6%9F%93%E4%B8%8D%E5%90%8C%E5%86%85%E5%AE%B9%20infoWindow%3C%2Fp%3E%0A"},{default:e(()=>[d]),_:1}),t(E,{source:"%3Cpre%20v-pre%3E%3Ccode%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMap%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3EenableScrollWheelZoom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Acenter%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%7B%20lat%3A%2039.915185%2C%20lng%3A%20116.400901%20%7D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Azoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E16%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMarker%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-for%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E(item%2C%20index)%20in%20markers%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aposition%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Eitem.position%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aicon%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%60blue%24%7Bindex%20%2B%201%20as%201%20%7C%202%7D%60%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40click%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E()%20%3D%3E%20handleClick(item)%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3EenableClicking%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBInfoWindow%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Cspan%20class%3D%22token%20namespace%22%3Ev-model%3A%3C%2Fspan%3Eshow%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Eshow%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aposition%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Eposition%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Atitle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Etitle%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3EenableAutoPan%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3EenableCloseOnClick%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aoffset%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%7B%0A%20%20%20%20%20%20%20%20x%3A%200%2C%0A%20%20%20%20%20%20%20%20y%3A%20-10%0A%20%20%20%20%20%20%7D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBMap%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Escript%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Elang%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ets%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Esetup%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20script%22%3E%3Cspan%20class%3D%22token%20language-javascript%22%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Eimport%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20ref%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20type%20UnwrapRef%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Efrom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'vue'%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Eimport%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20BMap%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20BMarker%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20BInfoWindow%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Efrom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'vue3-baidu-map-gl'%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Elet%3C%2Fspan%3E%20markers%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3Eref%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Eposition%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elat%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E39.915185%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elng%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E116.400101%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Etitle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'%E5%9C%B0%E5%9D%80%E4%B8%80'%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Eposition%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elat%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E39.915185%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elng%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E116.400901%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Etitle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'%E5%9C%B0%E5%9D%80%E4%BA%8C'%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20title%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3Eref%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3Emarkers%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E0%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Etitle%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20position%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3Eref%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3Emarkers%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E0%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Eposition%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20show%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20ref%3Cspan%20class%3D%22token%20operator%22%3E%26lt%3B%3C%2Fspan%3Eboolean%3Cspan%20class%3D%22token%20operator%22%3E%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20boolean%22%3Etrue%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Efunction%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3EhandleClick%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20parameter%22%3E%3Cspan%20class%3D%22token%20literal-property%20property%22%3Eitem%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20UnwrapRef%3Cspan%20class%3D%22token%20operator%22%3E%26lt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22token%20keyword%22%3Etypeof%3C%2Fspan%3E%20markers%3Cspan%20class%3D%22token%20operator%22%3E%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E0%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20position%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20item%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Eposition%0A%20%20%20%20title%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20item%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Etitle%0A%20%20%20%20show%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20boolean%22%3Etrue%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Escript%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3C%2Fcode%3E%3C%2Fpre%3E",path:"overlay/dynmicInfoWindow","raw-source":"%3Ctemplate%3E%0A%20%20%3CBMap%20enableScrollWheelZoom%20v-bind%3D%22%24attrs%22%20%3Acenter%3D%22%7B%20lat%3A%2039.915185%2C%20lng%3A%20116.400901%20%7D%22%20%3Azoom%3D%2216%22%3E%0A%20%20%20%20%3CBMarker%0A%20%20%20%20%20%20v-for%3D%22(item%2C%20index)%20in%20markers%22%0A%20%20%20%20%20%20%3Aposition%3D%22item.position%22%0A%20%20%20%20%20%20%3Aicon%3D%22%60blue%24%7Bindex%20%2B%201%20as%201%20%7C%202%7D%60%22%0A%20%20%20%20%20%20%40click%3D%22()%20%3D%3E%20handleClick(item)%22%0A%20%20%20%20%20%20enableClicking%0A%20%20%20%20%2F%3E%0A%20%20%20%20%3CBInfoWindow%0A%20%20%20%20%20%20v-model%3Ashow%3D%22show%22%0A%20%20%20%20%20%20%3Aposition%3D%22position%22%0A%20%20%20%20%20%20%3Atitle%3D%22title%22%0A%20%20%20%20%20%20enableAutoPan%0A%20%20%20%20%20%20enableCloseOnClick%0A%20%20%20%20%20%20%3Aoffset%3D%22%7B%0A%20%20%20%20%20%20%20%20x%3A%200%2C%0A%20%20%20%20%20%20%20%20y%3A%20-10%0A%20%20%20%20%20%20%7D%22%0A%20%20%20%20%2F%3E%0A%20%20%3C%2FBMap%3E%0A%3C%2Ftemplate%3E%0A%0A%3Cscript%20lang%3D%22ts%22%20setup%3E%0A%20%20import%20%7B%20ref%2C%20type%20UnwrapRef%20%7D%20from%20'vue'%0A%20%20import%20%7B%20BMap%2C%20BMarker%2C%20BInfoWindow%20%7D%20from%20'vue3-baidu-map-gl'%0A%20%20let%20markers%20%3D%20ref(%5B%0A%20%20%20%20%7B%0A%20%20%20%20%20%20position%3A%20%7B%20lat%3A%2039.915185%2C%20lng%3A%20116.400101%20%7D%2C%0A%20%20%20%20%20%20title%3A%20'%E5%9C%B0%E5%9D%80%E4%B8%80'%0A%20%20%20%20%7D%2C%0A%20%20%20%20%7B%0A%20%20%20%20%20%20position%3A%20%7B%20lat%3A%2039.915185%2C%20lng%3A%20116.400901%20%7D%2C%0A%20%20%20%20%20%20title%3A%20'%E5%9C%B0%E5%9D%80%E4%BA%8C'%0A%20%20%20%20%7D%0A%20%20%5D)%0A%20%20const%20title%20%3D%20ref(markers.value%5B0%5D.title)%0A%20%20const%20position%20%3D%20ref(markers.value%5B0%5D.position)%0A%20%20const%20show%20%3D%20ref%3Cboolean%3E(true)%0A%20%20function%20handleClick(item%3A%20UnwrapRef%3Ctypeof%20markers%3E%5B0%5D)%20%7B%0A%20%20%20%20position.value%20%3D%20item.position%0A%20%20%20%20title.value%20%3D%20item.title%0A%20%20%20%20show.value%20%3D%20true%0A%20%20%7D%0A%3C%2Fscript%3E%0A",description:"%3Cp%3E%E5%8A%A8%E6%80%81%E4%BD%8D%E7%BD%AE%3C%2Fp%3E%0A"},{default:e(()=>[A]),_:1}),B,a("table",null,[b,a("tbody",null,[a("tr",null,[m,v,g,h,f,a("td",null,[t(C,{type:"tip",text:"^2.2.2"})])]),w,y,_,q,x,W])]),I])}const R=c(k,[["render",P],["__scopeId","data-v-74ae3dcb"]]);export{j as __pageData,R as default}; diff --git a/assets/zh-CN_components_overlay_label.md.pyBljlYk.js b/assets/zh-CN_components_overlay_label.md.pyBljlYk.js new file mode 100644 index 00000000..efef5e0d --- /dev/null +++ b/assets/zh-CN_components_overlay_label.md.pyBljlYk.js @@ -0,0 +1 @@ +import{_ as o,D as s,c as p,I as n,w as E,k as t,R as e,a as c,o as d}from"./chunks/framework.aeLSa5ZG.js";const I=JSON.parse('{"title":"BLabel 文本标注","description":"","frontmatter":{},"headers":[],"relativePath":"zh-CN/components/overlay/label.md","filePath":"zh-CN/components/overlay/label.md","lastUpdated":1710870588000}'),C={name:"zh-CN/components/overlay/label.md"},u=e('

BLabel 文本标注 ​

在地图上显示文本标注

ts
import { BLabel } from 'vue3-baidu-map-gl'

组件示例 ​

',4),r=t("p",null,"overlay/label",-1),i=t("h2",{id:"动态组件-props",tabindex:"-1"},[c("动态组件 Props "),t("a",{class:"header-anchor",href:"#动态组件-props","aria-label":'Permalink to "动态组件 Props"'},"​")],-1),D=t("thead",null,[t("tr",null,[t("th",null,"属性"),t("th",null,"说明"),t("th",null,"类型"),t("th",null,"默认值"),t("th",null,"版本")])],-1),k=t("tr",null,[t("td",null,"content"),t("td",null,"设置文本标注的内容"),t("td",null,[t("code",null,"string ")]),t("td",null,[t("code",null,"required")]),t("td",null,"-")],-1),A=t("tr",null,[t("td",null,"offset"),t("td",null,"文本标注的像素偏移"),t("td",null,[t("code",null,"{x: number, y: number } ")]),t("td",null,"-"),t("td",null,"-")],-1),F=t("tr",null,[t("td",null,"enableMassClear"),t("td",null,"是否在调用 map.clearOverlays 清除此覆盖物"),t("td",null,[t("code",null,"boolean ")]),t("td",null,[t("code",null,"true ")]),t("td",null,"-")],-1),h=t("tr",null,[t("td",null,"style"),t("td",null,"设置文本标注的样式"),t("td",null,[t("a",{href:"https://developer.mozilla.org/en-US/docs/Web/API/CSSStyleDeclaration",target:"_blank",rel:"noreferrer"},[t("code",null,"CSSStyleDeclaration")])]),t("td",null,"-"),t("td",null,"-")],-1),_=t("tr",null,[t("td",null,"position"),t("td",null,"文本标注的坐标"),t("td",null,[t("code",null,"{ lng: number, lat: number} ")]),t("td",null,[t("code",null,"required")]),t("td",null,"-")],-1),B=t("td",null,"zIndex",-1),m=t("td",null,"显示层级",-1),g=t("td",null,[t("code",null,"number")],-1),b=t("td",null,"-",-1),v=t("td",null,"visible",-1),f=t("td",null,"是否显示",-1),y=t("td",null,[t("code",null,"boolean")],-1),x=t("td",null,[t("code",null,"true")],-1),S=e('

提示

style 可以是任何符合规范的 css 样式，样式属性需使用驼峰命名法

组件事件 ​

事件名说明类型
initd组件初始化后，调用的方法，返回一个地图实例{ map, BmapGL, instance }
unload组件卸载时会调用此方法-
click鼠标左键单击事件的回调函数。 当双击时，产生的事件序列为： click -> click -> dblclick ((e: Event) => void)
dblclick鼠标左键双击事件的回调函数 ((e: Event) => void)
mousedown鼠标左键在该覆盖物上按下的回调函数 ((e: Event) => void)
mouseup鼠标左键在该覆盖物上抬起的回调函数 ((e: Event) => void)
mouseout鼠标指针移出该覆盖物事件的回调函数 ((e: Event) => void)
mouseover鼠标指针移入该覆盖物事件的回调函数 ((e: Event) => void)
remove该覆盖物被移除的回调函数 ((e: Event) => void)
lineupdate覆盖物被编辑后的回调函数 ((e: Event) => void)
',3);function q(P,T,N,V,L,w){const l=s("Demo"),a=s("Badge");return d(),p("div",null,[u,n(l,{class:"p-top",source:"%3Cpre%20v-pre%3E%3Ccode%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%E6%96%87%E5%AD%97%E5%86%85%E5%AE%B9%3A%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Einput%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Etype%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Etext%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-model%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Econtent%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMap%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBLabel%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Acontent%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Econtent%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aposition%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%7B%20lng%3A%20116.404%2C%20lat%3A%2039.915%20%7D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Astyle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%7B%0A%20%20%20%20%20%20%20%20color%3A%20'%23fff'%2C%0A%20%20%20%20%20%20%20%20backgroundColor%3A%20'%23f90'%2C%0A%20%20%20%20%20%20%20%20border%3A%20'none'%2C%0A%20%20%20%20%20%20%20%20borderRadius%3A%20'3px'%2C%0A%20%20%20%20%20%20%20%20padding%3A%20'5px%2010px'%2C%0A%20%20%20%20%20%20%20%20fontSize%3A%20'16px'%0A%20%20%20%20%20%20%7D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBMap%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Escript%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Esetup%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Elang%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ets%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20script%22%3E%3Cspan%20class%3D%22token%20language-javascript%22%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Eimport%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20ref%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Efrom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'vue'%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20content%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20ref%3Cspan%20class%3D%22token%20operator%22%3E%26lt%3B%3C%2Fspan%3Estring%3Cspan%20class%3D%22token%20operator%22%3E%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20string%22%3E'%E6%AC%A2%E8%BF%8E%E4%BD%BF%E7%94%A8%E7%99%BE%E5%BA%A6%E5%9C%B0%E5%9B%BEGL%E7%89%88Vue3%E7%BB%84%E4%BB%B6%E5%BA%93'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Escript%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3C%2Fcode%3E%3C%2Fpre%3E",path:"overlay/label","raw-source":"%3Ctemplate%3E%0A%20%20%E6%96%87%E5%AD%97%E5%86%85%E5%AE%B9%3A%0A%20%20%3Cinput%20class%3D%22my-input%22%20type%3D%22text%22%20v-model%3D%22content%22%20%2F%3E%0A%20%20%3CBMap%20v-bind%3D%22%24attrs%22%3E%0A%20%20%20%20%3CBLabel%0A%20%20%20%20%20%20%3Acontent%3D%22content%22%0A%20%20%20%20%20%20%3Aposition%3D%22%7B%20lng%3A%20116.404%2C%20lat%3A%2039.915%20%7D%22%0A%20%20%20%20%20%20%3Astyle%3D%22%7B%0A%20%20%20%20%20%20%20%20color%3A%20'%23fff'%2C%0A%20%20%20%20%20%20%20%20backgroundColor%3A%20'%23f90'%2C%0A%20%20%20%20%20%20%20%20border%3A%20'none'%2C%0A%20%20%20%20%20%20%20%20borderRadius%3A%20'3px'%2C%0A%20%20%20%20%20%20%20%20padding%3A%20'5px%2010px'%2C%0A%20%20%20%20%20%20%20%20fontSize%3A%20'16px'%0A%20%20%20%20%20%20%7D%22%0A%20%20%20%20%2F%3E%0A%20%20%3C%2FBMap%3E%0A%3C%2Ftemplate%3E%0A%0A%3Cscript%20setup%20lang%3D%22ts%22%3E%0A%20%20import%20%7B%20ref%20%7D%20from%20'vue'%0A%20%20const%20content%20%3D%20ref%3Cstring%3E('%E6%AC%A2%E8%BF%8E%E4%BD%BF%E7%94%A8%E7%99%BE%E5%BA%A6%E5%9C%B0%E5%9B%BEGL%E7%89%88Vue3%E7%BB%84%E4%BB%B6%E5%BA%93')%0A%3C%2Fscript%3E%0A",description:"%3Cp%3E%E5%9C%A8%E5%9C%B0%E5%9B%BE%E4%B8%8A%E6%B7%BB%E5%8A%A0%E5%8A%A8%E6%80%81%E6%9B%B4%E6%96%B0%E7%9A%84%EF%BC%8C%E8%AF%95%E8%AF%95%E6%94%B9%E5%8F%98%E6%96%87%E6%9C%AC%E8%BE%93%E5%85%A5%E6%A1%86%E5%86%85%E5%AE%B9%3C%2Fp%3E%0A"},{default:E(()=>[r]),_:1}),i,t("table",null,[D,t("tbody",null,[k,A,F,h,_,t("tr",null,[B,m,g,b,t("td",null,[n(a,{type:"tip",text:"^2.2.0"})])]),t("tr",null,[v,f,y,x,t("td",null,[n(a,{type:"tip",text:"^2.2.0"})])])])]),S])}const M=o(C,[["render",q]]);export{I as __pageData,M as default}; diff --git a/assets/zh-CN_components_overlay_label.md.pyBljlYk.lean.js b/assets/zh-CN_components_overlay_label.md.pyBljlYk.lean.js new file mode 100644 index 00000000..e721a5b5 --- /dev/null +++ b/assets/zh-CN_components_overlay_label.md.pyBljlYk.lean.js @@ -0,0 +1 @@ +import{_ as o,D as s,c as p,I as n,w as E,k as t,R as e,a as c,o as d}from"./chunks/framework.aeLSa5ZG.js";const I=JSON.parse('{"title":"BLabel 文本标注","description":"","frontmatter":{},"headers":[],"relativePath":"zh-CN/components/overlay/label.md","filePath":"zh-CN/components/overlay/label.md","lastUpdated":1710870588000}'),C={name:"zh-CN/components/overlay/label.md"},u=e("",4),r=t("p",null,"overlay/label",-1),i=t("h2",{id:"动态组件-props",tabindex:"-1"},[c("动态组件 Props "),t("a",{class:"header-anchor",href:"#动态组件-props","aria-label":'Permalink to "动态组件 Props"'},"​")],-1),D=t("thead",null,[t("tr",null,[t("th",null,"属性"),t("th",null,"说明"),t("th",null,"类型"),t("th",null,"默认值"),t("th",null,"版本")])],-1),k=t("tr",null,[t("td",null,"content"),t("td",null,"设置文本标注的内容"),t("td",null,[t("code",null,"string ")]),t("td",null,[t("code",null,"required")]),t("td",null,"-")],-1),A=t("tr",null,[t("td",null,"offset"),t("td",null,"文本标注的像素偏移"),t("td",null,[t("code",null,"{x: number, y: number } ")]),t("td",null,"-"),t("td",null,"-")],-1),F=t("tr",null,[t("td",null,"enableMassClear"),t("td",null,"是否在调用 map.clearOverlays 清除此覆盖物"),t("td",null,[t("code",null,"boolean ")]),t("td",null,[t("code",null,"true ")]),t("td",null,"-")],-1),h=t("tr",null,[t("td",null,"style"),t("td",null,"设置文本标注的样式"),t("td",null,[t("a",{href:"https://developer.mozilla.org/en-US/docs/Web/API/CSSStyleDeclaration",target:"_blank",rel:"noreferrer"},[t("code",null,"CSSStyleDeclaration")])]),t("td",null,"-"),t("td",null,"-")],-1),_=t("tr",null,[t("td",null,"position"),t("td",null,"文本标注的坐标"),t("td",null,[t("code",null,"{ lng: number, lat: number} ")]),t("td",null,[t("code",null,"required")]),t("td",null,"-")],-1),B=t("td",null,"zIndex",-1),m=t("td",null,"显示层级",-1),g=t("td",null,[t("code",null,"number")],-1),b=t("td",null,"-",-1),v=t("td",null,"visible",-1),f=t("td",null,"是否显示",-1),y=t("td",null,[t("code",null,"boolean")],-1),x=t("td",null,[t("code",null,"true")],-1),S=e("",3);function q(P,T,N,V,L,w){const l=s("Demo"),a=s("Badge");return d(),p("div",null,[u,n(l,{class:"p-top",source:"%3Cpre%20v-pre%3E%3Ccode%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%E6%96%87%E5%AD%97%E5%86%85%E5%AE%B9%3A%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Einput%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Etype%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Etext%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-model%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Econtent%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMap%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBLabel%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Acontent%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Econtent%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aposition%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%7B%20lng%3A%20116.404%2C%20lat%3A%2039.915%20%7D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Astyle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%7B%0A%20%20%20%20%20%20%20%20color%3A%20'%23fff'%2C%0A%20%20%20%20%20%20%20%20backgroundColor%3A%20'%23f90'%2C%0A%20%20%20%20%20%20%20%20border%3A%20'none'%2C%0A%20%20%20%20%20%20%20%20borderRadius%3A%20'3px'%2C%0A%20%20%20%20%20%20%20%20padding%3A%20'5px%2010px'%2C%0A%20%20%20%20%20%20%20%20fontSize%3A%20'16px'%0A%20%20%20%20%20%20%7D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBMap%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Escript%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Esetup%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Elang%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ets%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20script%22%3E%3Cspan%20class%3D%22token%20language-javascript%22%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Eimport%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20ref%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Efrom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'vue'%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20content%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20ref%3Cspan%20class%3D%22token%20operator%22%3E%26lt%3B%3C%2Fspan%3Estring%3Cspan%20class%3D%22token%20operator%22%3E%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20string%22%3E'%E6%AC%A2%E8%BF%8E%E4%BD%BF%E7%94%A8%E7%99%BE%E5%BA%A6%E5%9C%B0%E5%9B%BEGL%E7%89%88Vue3%E7%BB%84%E4%BB%B6%E5%BA%93'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Escript%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3C%2Fcode%3E%3C%2Fpre%3E",path:"overlay/label","raw-source":"%3Ctemplate%3E%0A%20%20%E6%96%87%E5%AD%97%E5%86%85%E5%AE%B9%3A%0A%20%20%3Cinput%20class%3D%22my-input%22%20type%3D%22text%22%20v-model%3D%22content%22%20%2F%3E%0A%20%20%3CBMap%20v-bind%3D%22%24attrs%22%3E%0A%20%20%20%20%3CBLabel%0A%20%20%20%20%20%20%3Acontent%3D%22content%22%0A%20%20%20%20%20%20%3Aposition%3D%22%7B%20lng%3A%20116.404%2C%20lat%3A%2039.915%20%7D%22%0A%20%20%20%20%20%20%3Astyle%3D%22%7B%0A%20%20%20%20%20%20%20%20color%3A%20'%23fff'%2C%0A%20%20%20%20%20%20%20%20backgroundColor%3A%20'%23f90'%2C%0A%20%20%20%20%20%20%20%20border%3A%20'none'%2C%0A%20%20%20%20%20%20%20%20borderRadius%3A%20'3px'%2C%0A%20%20%20%20%20%20%20%20padding%3A%20'5px%2010px'%2C%0A%20%20%20%20%20%20%20%20fontSize%3A%20'16px'%0A%20%20%20%20%20%20%7D%22%0A%20%20%20%20%2F%3E%0A%20%20%3C%2FBMap%3E%0A%3C%2Ftemplate%3E%0A%0A%3Cscript%20setup%20lang%3D%22ts%22%3E%0A%20%20import%20%7B%20ref%20%7D%20from%20'vue'%0A%20%20const%20content%20%3D%20ref%3Cstring%3E('%E6%AC%A2%E8%BF%8E%E4%BD%BF%E7%94%A8%E7%99%BE%E5%BA%A6%E5%9C%B0%E5%9B%BEGL%E7%89%88Vue3%E7%BB%84%E4%BB%B6%E5%BA%93')%0A%3C%2Fscript%3E%0A",description:"%3Cp%3E%E5%9C%A8%E5%9C%B0%E5%9B%BE%E4%B8%8A%E6%B7%BB%E5%8A%A0%E5%8A%A8%E6%80%81%E6%9B%B4%E6%96%B0%E7%9A%84%EF%BC%8C%E8%AF%95%E8%AF%95%E6%94%B9%E5%8F%98%E6%96%87%E6%9C%AC%E8%BE%93%E5%85%A5%E6%A1%86%E5%86%85%E5%AE%B9%3C%2Fp%3E%0A"},{default:E(()=>[r]),_:1}),i,t("table",null,[D,t("tbody",null,[k,A,F,h,_,t("tr",null,[B,m,g,b,t("td",null,[n(a,{type:"tip",text:"^2.2.0"})])]),t("tr",null,[v,f,y,x,t("td",null,[n(a,{type:"tip",text:"^2.2.0"})])])])]),S])}const M=o(C,[["render",q]]);export{I as __pageData,M as default}; diff --git a/assets/zh-CN_components_overlay_mapMask.md.m9JqJrVy.js b/assets/zh-CN_components_overlay_mapMask.md.m9JqJrVy.js new file mode 100644 index 00000000..2fa8b48d --- /dev/null +++ b/assets/zh-CN_components_overlay_mapMask.md.m9JqJrVy.js @@ -0,0 +1 @@ +import{_ as C,D as p,c as E,k as n,a as s,I as a,w as c,R as o,o as l}from"./chunks/framework.aeLSa5ZG.js";const T=JSON.parse('{"title":"BMapMask 掩膜","description":"","frontmatter":{},"headers":[],"relativePath":"zh-CN/components/overlay/mapMask.md","filePath":"zh-CN/components/overlay/mapMask.md","lastUpdated":1710870588000}'),u={name:"zh-CN/components/overlay/mapMask.md"},k={id:"bmapmask-掩膜",tabindex:"-1"},i=n("a",{class:"header-anchor",href:"#bmapmask-掩膜","aria-label":'Permalink to "BMapMask 掩膜 "'},"​",-1),D=o('

控制地图元素的局部显示与隐藏

  • 局部显示：只展示指定区域的地图及地图元素（poi 标注、底图、楼块等），隐藏掉区域外的地图元素以突出重点。
  • 局部隐藏：隐藏掉局部区域地图元素，比如隐藏掉指定园区范围的地图元素，然后自定义叠加园区模型。
ts
import { BMapMask } from 'vue3-baidu-map-gl'

注意

  1. 局部隐藏适用于地图大级别情况，建议在 zoom>=18 级时使用
  2. 初始地图的中心点需要设置到掩膜区域内

组件示例 ​

',5),F=n("p",null,"overlay/mapMask",-1),r=n("h2",{id:"动态组件-props",tabindex:"-1"},[s("动态组件 Props "),n("a",{class:"header-anchor",href:"#动态组件-props","aria-label":'Permalink to "动态组件 Props"'},"​")],-1),d=n("thead",null,[n("tr",null,[n("th",null,"属性"),n("th",null,"说明"),n("th",null,"类型"),n("th",null,"可选值"),n("th",null,"默认值"),n("th",null,"版本")])],-1),m=n("tr",null,[n("td",null,"path"),n("td",null,"圆形中心点经纬度"),n("td",null,[n("code",null,"{ lng: number, lat: number}")]),n("td",null,"-"),n("td",null,[n("code",null,"required")]),n("td",null,"-")],-1),A=n("tr",null,[n("td",null,"showRegion"),n("td",null,"展示区域内部还是外部"),n("td",null,[n("a",{href:"#mapmaskshowregion"},[n("code",null,"MapMaskShowRegion")])]),n("td",null,"-"),n("td",null,[n("code",null,"inside")]),n("td",null,"-")],-1),h=n("tr",null,[n("td",null,"isBuildingMask"),n("td",null,"楼块是否参与掩膜"),n("td",null,[n("code",null,"boolean")]),n("td",null,"-"),n("td",null,[n("code",null,"false")]),n("td",null,"-")],-1),B=n("tr",null,[n("td",null,"isMapMask"),n("td",null,"底图是否参与掩膜"),n("td",null,[n("code",null,"boolean")]),n("td",null,"-"),n("td",null,[n("code",null,"false")]),n("td",null,"-")],-1),M=n("tr",null,[n("td",null,"isPoiMask"),n("td",null,"底图上的 Poi 是否参与掩膜"),n("td",null,[n("code",null,"boolean")]),n("td",null,"-"),n("td",null,[n("code",null,"false")]),n("td",null,"-")],-1),g=n("td",null,"visible",-1),w=n("td",null,"是否显示",-1),b=n("td",null,[n("code",null,"boolean")],-1),_=n("td",null,"-",-1),v=n("td",null,[n("code",null,"true")],-1),P=o('

MapMaskShowRegion ​

值描述
outside局部隐藏：隐藏掉局部区域地图元素，比如隐藏掉指定园区范围的地图元素，然后自定义叠加园区模型。
inside局部显示：只展示指定区域的地图及地图元素（poi 标注、底图、楼块等），隐藏掉区域外的地图元素以突出重点。

组件事件 ​

事件名说明类型
initd组件初始化后，调用的方法，返回一个地图实例{ map, BmapGL, instance }
unload组件卸载时会调用此方法-
click鼠标左键单击事件的回调函数。 当双击时，产生的事件序列为：click -> click -> dblclick((e: Event) => void)
dblclick鼠标左键双击事件的回调函数((e: Event) => void)
mousedown鼠标左键在该覆盖物上按下的回调函数((e: Event) => void)
mouseup鼠标左键在该覆盖物上抬起的回调函数((e: Event) => void)
mouseout鼠标指针移出该覆盖物事件的回调函数((e: Event) => void)
mouseover鼠标指针移入该覆盖物事件的回调函数((e: Event) => void)
rightclick鼠标右键单击事件的回调函数((e: Event) => void)
',4);function y(f,G,L,R,q,S){const t=p("Badge"),e=p("Demo");return l(),E("div",null,[n("h1",k,[s("BMapMask 掩膜 "),a(t,{type:"tip",text:"^2.1.0"}),s(),i]),D,a(e,{source:"%3Cpre%20v-pre%3E%3Ccode%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%E6%98%BE%E7%A4%BA%E5%8C%BA%E5%9F%9F%3A%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Eselect%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ename%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Eid%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-model%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EshowRegion%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Eoption%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Evalue%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Eoutside%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E5%B1%80%E9%83%A8%E5%BD%B1%E8%97%8F%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Eoption%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Eoption%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Evalue%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Einside%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E5%B1%80%E9%83%A8%E6%98%BE%E7%A4%BA%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Eoption%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Eselect%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMap%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Acenter%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ecenter%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Azoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E16%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40initd%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EhandleInitd%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3Eenable-scroll-wheel-zoom%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3AbackgroundColor%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%5B192%2C%20214%2C%20213%2C%20100%5D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMarker%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aposition%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ecenter%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBMarker%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMapMask%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Apath%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Epath%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Ashow-region%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EshowRegion%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3EisPoiMask%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3EisBuildingMask%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3EisMapMask%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBMapMask%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBMap%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Escript%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Esetup%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Elang%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ets%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20script%22%3E%3Cspan%20class%3D%22token%20language-javascript%22%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Eimport%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20ref%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20shallowRef%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20triggerRef%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Efrom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'vue'%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Eimport%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20BMap%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20BMarker%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20BMapMask%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20Point%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20type%20MapMaskShowRegion%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Efrom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'vue3-baidu-map-gl'%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20path%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20shallowRef%3Cspan%20class%3D%22token%20operator%22%3E%26lt%3B%3C%2Fspan%3EPoint%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20center%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20ref%3Cspan%20class%3D%22token%20operator%22%3E%26lt%3B%3C%2Fspan%3EBMapGL%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EPoint%3Cspan%20class%3D%22token%20operator%22%3E%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20showRegion%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20ref%3Cspan%20class%3D%22token%20operator%22%3E%26lt%3B%3C%2Fspan%3EMapMaskShowRegion%3Cspan%20class%3D%22token%20operator%22%3E%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20string%22%3E'outside'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Efunction%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3EhandleInitd%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20center%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Enew%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20class-name%22%3EBMapGL%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EPoint%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E116.31951444701689%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E40.03514188328609%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20path%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Enew%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20class-name%22%3EBMapGL%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EPoint%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E116.31951444701689%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E40.03514188328609%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Enew%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20class-name%22%3EBMapGL%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EPoint%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E116.31914525270483%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E40.03627653457813%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Enew%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20class-name%22%3EBMapGL%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EPoint%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E116.31887119442595%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E40.03712933826661%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Enew%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20class-name%22%3EBMapGL%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EPoint%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E116.31862381043088%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E40.037753816069426%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Enew%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20class-name%22%3EBMapGL%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EPoint%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E116.31846085080458%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E40.03827800880047%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Enew%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20class-name%22%3EBMapGL%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EPoint%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E116.31800011574751%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E40.03960034324275%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Enew%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20class-name%22%3EBMapGL%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EPoint%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E116.3176890313816%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E40.0403207681881%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Enew%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20class-name%22%3EBMapGL%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EPoint%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E116.31747304954207%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E40.04023658043798%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Enew%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20class-name%22%3EBMapGL%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EPoint%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E116.31689403073578%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E40.040120567399384%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Enew%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20class-name%22%3EBMapGL%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EPoint%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E116.31419172285828%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E40.03965310472413%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Enew%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20class-name%22%3EBMapGL%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EPoint%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E116.31437612880998%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E40.03919415930771%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Enew%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20class-name%22%3EBMapGL%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EPoint%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E116.31462581129936%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E40.03876546296739%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Enew%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20class-name%22%3EBMapGL%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EPoint%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E116.31525321239126%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E40.037930670509574%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Enew%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20class-name%22%3EBMapGL%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EPoint%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E116.315488510584%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E40.0377117230615%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Enew%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20class-name%22%3EBMapGL%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EPoint%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E116.31601289759325%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E40.037228304952336%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Enew%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20class-name%22%3EBMapGL%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EPoint%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E116.31692309046987%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E40.03662665953143%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Enew%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20class-name%22%3EBMapGL%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EPoint%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E116.31817328272946%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E40.03584288930924%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Enew%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20class-name%22%3EBMapGL%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EPoint%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E116.31924096994166%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E40.03521921152976%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20function%22%3EtriggerRef%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3Epath%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Escript%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3C%2Fcode%3E%3C%2Fpre%3E",path:"overlay/mapMask","raw-source":"%3Ctemplate%3E%0A%20%20%E6%98%BE%E7%A4%BA%E5%8C%BA%E5%9F%9F%3A%0A%20%20%3Cselect%20class%3D%22mySelect%22%20name%3D%22%22%20id%3D%22%22%20v-model%3D%22showRegion%22%3E%0A%20%20%20%20%3Coption%20value%3D%22outside%22%3E%E5%B1%80%E9%83%A8%E5%BD%B1%E8%97%8F%3C%2Foption%3E%0A%20%20%20%20%3Coption%20value%3D%22inside%22%3E%E5%B1%80%E9%83%A8%E6%98%BE%E7%A4%BA%3C%2Foption%3E%0A%20%20%3C%2Fselect%3E%0A%20%20%3CBMap%0A%20%20%20%20v-bind%3D%22%24attrs%22%0A%20%20%20%20%3Acenter%3D%22center%22%0A%20%20%20%20%3Azoom%3D%2216%22%0A%20%20%20%20%40initd%3D%22handleInitd%22%0A%20%20%20%20enable-scroll-wheel-zoom%0A%20%20%20%20%3AbackgroundColor%3D%22%5B192%2C%20214%2C%20213%2C%20100%5D%22%0A%20%20%3E%0A%20%20%20%20%3CBMarker%20%3Aposition%3D%22center%22%3E%3C%2FBMarker%3E%0A%20%20%20%20%3CBMapMask%20%3Apath%3D%22path%22%20%3Ashow-region%3D%22showRegion%22%20isPoiMask%20isBuildingMask%20isMapMask%3E%3C%2FBMapMask%3E%0A%20%20%3C%2FBMap%3E%0A%3C%2Ftemplate%3E%0A%0A%3Cscript%20setup%20lang%3D%22ts%22%3E%0A%20%20import%20%7B%20ref%2C%20shallowRef%2C%20triggerRef%20%7D%20from%20'vue'%0A%20%20import%20%7B%20BMap%2C%20BMarker%2C%20BMapMask%2C%20Point%2C%20type%20MapMaskShowRegion%20%7D%20from%20'vue3-baidu-map-gl'%0A%20%20const%20path%20%3D%20shallowRef%3CPoint%5B%5D%3E(%5B%5D)%0A%20%20const%20center%20%3D%20ref%3CBMapGL.Point%3E()%0A%20%20const%20showRegion%20%3D%20ref%3CMapMaskShowRegion%3E('outside')%0A%20%20function%20handleInitd()%20%7B%0A%20%20%20%20center.value%20%3D%20new%20BMapGL.Point(116.31951444701689%2C%2040.03514188328609)%0A%20%20%20%20path.value%20%3D%20%5B%0A%20%20%20%20%20%20new%20BMapGL.Point(116.31951444701689%2C%2040.03514188328609)%2C%0A%20%20%20%20%20%20new%20BMapGL.Point(116.31914525270483%2C%2040.03627653457813)%2C%0A%20%20%20%20%20%20new%20BMapGL.Point(116.31887119442595%2C%2040.03712933826661)%2C%0A%20%20%20%20%20%20new%20BMapGL.Point(116.31862381043088%2C%2040.037753816069426)%2C%0A%20%20%20%20%20%20new%20BMapGL.Point(116.31846085080458%2C%2040.03827800880047)%2C%0A%20%20%20%20%20%20new%20BMapGL.Point(116.31800011574751%2C%2040.03960034324275)%2C%0A%20%20%20%20%20%20new%20BMapGL.Point(116.3176890313816%2C%2040.0403207681881)%2C%0A%20%20%20%20%20%20new%20BMapGL.Point(116.31747304954207%2C%2040.04023658043798)%2C%0A%20%20%20%20%20%20new%20BMapGL.Point(116.31689403073578%2C%2040.040120567399384)%2C%0A%20%20%20%20%20%20new%20BMapGL.Point(116.31419172285828%2C%2040.03965310472413)%2C%0A%20%20%20%20%20%20new%20BMapGL.Point(116.31437612880998%2C%2040.03919415930771)%2C%0A%20%20%20%20%20%20new%20BMapGL.Point(116.31462581129936%2C%2040.03876546296739)%2C%0A%20%20%20%20%20%20new%20BMapGL.Point(116.31525321239126%2C%2040.037930670509574)%2C%0A%20%20%20%20%20%20new%20BMapGL.Point(116.315488510584%2C%2040.0377117230615)%2C%0A%20%20%20%20%20%20new%20BMapGL.Point(116.31601289759325%2C%2040.037228304952336)%2C%0A%20%20%20%20%20%20new%20BMapGL.Point(116.31692309046987%2C%2040.03662665953143)%2C%0A%20%20%20%20%20%20new%20BMapGL.Point(116.31817328272946%2C%2040.03584288930924)%2C%0A%20%20%20%20%20%20new%20BMapGL.Point(116.31924096994166%2C%2040.03521921152976)%0A%20%20%20%20%5D%0A%20%20%20%20triggerRef(path)%0A%20%20%7D%0A%3C%2Fscript%3E%0A",description:"%3Cp%3E%E5%B1%80%E9%83%A8%E9%9A%90%E8%97%8F%3C%2Fp%3E%0A"},{default:c(()=>[F]),_:1}),r,n("table",null,[d,n("tbody",null,[m,A,h,B,M,n("tr",null,[g,w,b,_,v,n("td",null,[a(t,{type:"tip",text:"^2.2.0"})])])])]),P])}const N=C(u,[["render",y]]);export{T as __pageData,N as default}; diff --git a/assets/zh-CN_components_overlay_mapMask.md.m9JqJrVy.lean.js b/assets/zh-CN_components_overlay_mapMask.md.m9JqJrVy.lean.js new file mode 100644 index 00000000..b4241c4e --- /dev/null +++ b/assets/zh-CN_components_overlay_mapMask.md.m9JqJrVy.lean.js @@ -0,0 +1 @@ +import{_ as C,D as p,c as E,k as n,a as s,I as a,w as c,R as o,o as l}from"./chunks/framework.aeLSa5ZG.js";const T=JSON.parse('{"title":"BMapMask 掩膜","description":"","frontmatter":{},"headers":[],"relativePath":"zh-CN/components/overlay/mapMask.md","filePath":"zh-CN/components/overlay/mapMask.md","lastUpdated":1710870588000}'),u={name:"zh-CN/components/overlay/mapMask.md"},k={id:"bmapmask-掩膜",tabindex:"-1"},i=n("a",{class:"header-anchor",href:"#bmapmask-掩膜","aria-label":'Permalink to "BMapMask 掩膜 "'},"​",-1),D=o("",5),F=n("p",null,"overlay/mapMask",-1),r=n("h2",{id:"动态组件-props",tabindex:"-1"},[s("动态组件 Props "),n("a",{class:"header-anchor",href:"#动态组件-props","aria-label":'Permalink to "动态组件 Props"'},"​")],-1),d=n("thead",null,[n("tr",null,[n("th",null,"属性"),n("th",null,"说明"),n("th",null,"类型"),n("th",null,"可选值"),n("th",null,"默认值"),n("th",null,"版本")])],-1),m=n("tr",null,[n("td",null,"path"),n("td",null,"圆形中心点经纬度"),n("td",null,[n("code",null,"{ lng: number, lat: number}")]),n("td",null,"-"),n("td",null,[n("code",null,"required")]),n("td",null,"-")],-1),A=n("tr",null,[n("td",null,"showRegion"),n("td",null,"展示区域内部还是外部"),n("td",null,[n("a",{href:"#mapmaskshowregion"},[n("code",null,"MapMaskShowRegion")])]),n("td",null,"-"),n("td",null,[n("code",null,"inside")]),n("td",null,"-")],-1),h=n("tr",null,[n("td",null,"isBuildingMask"),n("td",null,"楼块是否参与掩膜"),n("td",null,[n("code",null,"boolean")]),n("td",null,"-"),n("td",null,[n("code",null,"false")]),n("td",null,"-")],-1),B=n("tr",null,[n("td",null,"isMapMask"),n("td",null,"底图是否参与掩膜"),n("td",null,[n("code",null,"boolean")]),n("td",null,"-"),n("td",null,[n("code",null,"false")]),n("td",null,"-")],-1),M=n("tr",null,[n("td",null,"isPoiMask"),n("td",null,"底图上的 Poi 是否参与掩膜"),n("td",null,[n("code",null,"boolean")]),n("td",null,"-"),n("td",null,[n("code",null,"false")]),n("td",null,"-")],-1),g=n("td",null,"visible",-1),w=n("td",null,"是否显示",-1),b=n("td",null,[n("code",null,"boolean")],-1),_=n("td",null,"-",-1),v=n("td",null,[n("code",null,"true")],-1),P=o("",4);function y(f,G,L,R,q,S){const t=p("Badge"),e=p("Demo");return l(),E("div",null,[n("h1",k,[s("BMapMask 掩膜 "),a(t,{type:"tip",text:"^2.1.0"}),s(),i]),D,a(e,{source:"%3Cpre%20v-pre%3E%3Ccode%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%E6%98%BE%E7%A4%BA%E5%8C%BA%E5%9F%9F%3A%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Eselect%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ename%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Eid%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-model%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EshowRegion%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Eoption%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Evalue%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Eoutside%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E5%B1%80%E9%83%A8%E5%BD%B1%E8%97%8F%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Eoption%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Eoption%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Evalue%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Einside%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E5%B1%80%E9%83%A8%E6%98%BE%E7%A4%BA%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Eoption%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Eselect%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMap%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Acenter%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ecenter%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Azoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E16%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40initd%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EhandleInitd%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3Eenable-scroll-wheel-zoom%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3AbackgroundColor%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%5B192%2C%20214%2C%20213%2C%20100%5D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMarker%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aposition%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ecenter%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBMarker%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMapMask%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Apath%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Epath%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Ashow-region%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EshowRegion%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3EisPoiMask%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3EisBuildingMask%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3EisMapMask%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBMapMask%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBMap%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Escript%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Esetup%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Elang%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ets%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20script%22%3E%3Cspan%20class%3D%22token%20language-javascript%22%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Eimport%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20ref%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20shallowRef%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20triggerRef%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Efrom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'vue'%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Eimport%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20BMap%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20BMarker%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20BMapMask%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20Point%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20type%20MapMaskShowRegion%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Efrom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'vue3-baidu-map-gl'%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20path%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20shallowRef%3Cspan%20class%3D%22token%20operator%22%3E%26lt%3B%3C%2Fspan%3EPoint%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20center%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20ref%3Cspan%20class%3D%22token%20operator%22%3E%26lt%3B%3C%2Fspan%3EBMapGL%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EPoint%3Cspan%20class%3D%22token%20operator%22%3E%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20showRegion%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20ref%3Cspan%20class%3D%22token%20operator%22%3E%26lt%3B%3C%2Fspan%3EMapMaskShowRegion%3Cspan%20class%3D%22token%20operator%22%3E%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20string%22%3E'outside'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Efunction%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3EhandleInitd%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20center%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Enew%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20class-name%22%3EBMapGL%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EPoint%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E116.31951444701689%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E40.03514188328609%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20path%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Enew%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20class-name%22%3EBMapGL%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EPoint%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E116.31951444701689%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E40.03514188328609%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Enew%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20class-name%22%3EBMapGL%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EPoint%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E116.31914525270483%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E40.03627653457813%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Enew%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20class-name%22%3EBMapGL%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EPoint%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E116.31887119442595%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E40.03712933826661%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Enew%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20class-name%22%3EBMapGL%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EPoint%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E116.31862381043088%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E40.037753816069426%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Enew%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20class-name%22%3EBMapGL%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EPoint%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E116.31846085080458%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E40.03827800880047%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Enew%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20class-name%22%3EBMapGL%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EPoint%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E116.31800011574751%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E40.03960034324275%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Enew%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20class-name%22%3EBMapGL%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EPoint%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E116.3176890313816%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E40.0403207681881%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Enew%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20class-name%22%3EBMapGL%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EPoint%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E116.31747304954207%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E40.04023658043798%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Enew%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20class-name%22%3EBMapGL%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EPoint%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E116.31689403073578%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E40.040120567399384%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Enew%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20class-name%22%3EBMapGL%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EPoint%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E116.31419172285828%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E40.03965310472413%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Enew%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20class-name%22%3EBMapGL%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EPoint%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E116.31437612880998%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E40.03919415930771%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Enew%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20class-name%22%3EBMapGL%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EPoint%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E116.31462581129936%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E40.03876546296739%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Enew%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20class-name%22%3EBMapGL%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EPoint%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E116.31525321239126%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E40.037930670509574%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Enew%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20class-name%22%3EBMapGL%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EPoint%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E116.315488510584%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E40.0377117230615%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Enew%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20class-name%22%3EBMapGL%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EPoint%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E116.31601289759325%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E40.037228304952336%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Enew%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20class-name%22%3EBMapGL%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EPoint%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E116.31692309046987%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E40.03662665953143%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Enew%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20class-name%22%3EBMapGL%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EPoint%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E116.31817328272946%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E40.03584288930924%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Enew%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20class-name%22%3EBMapGL%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EPoint%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E116.31924096994166%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E40.03521921152976%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20function%22%3EtriggerRef%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3Epath%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Escript%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3C%2Fcode%3E%3C%2Fpre%3E",path:"overlay/mapMask","raw-source":"%3Ctemplate%3E%0A%20%20%E6%98%BE%E7%A4%BA%E5%8C%BA%E5%9F%9F%3A%0A%20%20%3Cselect%20class%3D%22mySelect%22%20name%3D%22%22%20id%3D%22%22%20v-model%3D%22showRegion%22%3E%0A%20%20%20%20%3Coption%20value%3D%22outside%22%3E%E5%B1%80%E9%83%A8%E5%BD%B1%E8%97%8F%3C%2Foption%3E%0A%20%20%20%20%3Coption%20value%3D%22inside%22%3E%E5%B1%80%E9%83%A8%E6%98%BE%E7%A4%BA%3C%2Foption%3E%0A%20%20%3C%2Fselect%3E%0A%20%20%3CBMap%0A%20%20%20%20v-bind%3D%22%24attrs%22%0A%20%20%20%20%3Acenter%3D%22center%22%0A%20%20%20%20%3Azoom%3D%2216%22%0A%20%20%20%20%40initd%3D%22handleInitd%22%0A%20%20%20%20enable-scroll-wheel-zoom%0A%20%20%20%20%3AbackgroundColor%3D%22%5B192%2C%20214%2C%20213%2C%20100%5D%22%0A%20%20%3E%0A%20%20%20%20%3CBMarker%20%3Aposition%3D%22center%22%3E%3C%2FBMarker%3E%0A%20%20%20%20%3CBMapMask%20%3Apath%3D%22path%22%20%3Ashow-region%3D%22showRegion%22%20isPoiMask%20isBuildingMask%20isMapMask%3E%3C%2FBMapMask%3E%0A%20%20%3C%2FBMap%3E%0A%3C%2Ftemplate%3E%0A%0A%3Cscript%20setup%20lang%3D%22ts%22%3E%0A%20%20import%20%7B%20ref%2C%20shallowRef%2C%20triggerRef%20%7D%20from%20'vue'%0A%20%20import%20%7B%20BMap%2C%20BMarker%2C%20BMapMask%2C%20Point%2C%20type%20MapMaskShowRegion%20%7D%20from%20'vue3-baidu-map-gl'%0A%20%20const%20path%20%3D%20shallowRef%3CPoint%5B%5D%3E(%5B%5D)%0A%20%20const%20center%20%3D%20ref%3CBMapGL.Point%3E()%0A%20%20const%20showRegion%20%3D%20ref%3CMapMaskShowRegion%3E('outside')%0A%20%20function%20handleInitd()%20%7B%0A%20%20%20%20center.value%20%3D%20new%20BMapGL.Point(116.31951444701689%2C%2040.03514188328609)%0A%20%20%20%20path.value%20%3D%20%5B%0A%20%20%20%20%20%20new%20BMapGL.Point(116.31951444701689%2C%2040.03514188328609)%2C%0A%20%20%20%20%20%20new%20BMapGL.Point(116.31914525270483%2C%2040.03627653457813)%2C%0A%20%20%20%20%20%20new%20BMapGL.Point(116.31887119442595%2C%2040.03712933826661)%2C%0A%20%20%20%20%20%20new%20BMapGL.Point(116.31862381043088%2C%2040.037753816069426)%2C%0A%20%20%20%20%20%20new%20BMapGL.Point(116.31846085080458%2C%2040.03827800880047)%2C%0A%20%20%20%20%20%20new%20BMapGL.Point(116.31800011574751%2C%2040.03960034324275)%2C%0A%20%20%20%20%20%20new%20BMapGL.Point(116.3176890313816%2C%2040.0403207681881)%2C%0A%20%20%20%20%20%20new%20BMapGL.Point(116.31747304954207%2C%2040.04023658043798)%2C%0A%20%20%20%20%20%20new%20BMapGL.Point(116.31689403073578%2C%2040.040120567399384)%2C%0A%20%20%20%20%20%20new%20BMapGL.Point(116.31419172285828%2C%2040.03965310472413)%2C%0A%20%20%20%20%20%20new%20BMapGL.Point(116.31437612880998%2C%2040.03919415930771)%2C%0A%20%20%20%20%20%20new%20BMapGL.Point(116.31462581129936%2C%2040.03876546296739)%2C%0A%20%20%20%20%20%20new%20BMapGL.Point(116.31525321239126%2C%2040.037930670509574)%2C%0A%20%20%20%20%20%20new%20BMapGL.Point(116.315488510584%2C%2040.0377117230615)%2C%0A%20%20%20%20%20%20new%20BMapGL.Point(116.31601289759325%2C%2040.037228304952336)%2C%0A%20%20%20%20%20%20new%20BMapGL.Point(116.31692309046987%2C%2040.03662665953143)%2C%0A%20%20%20%20%20%20new%20BMapGL.Point(116.31817328272946%2C%2040.03584288930924)%2C%0A%20%20%20%20%20%20new%20BMapGL.Point(116.31924096994166%2C%2040.03521921152976)%0A%20%20%20%20%5D%0A%20%20%20%20triggerRef(path)%0A%20%20%7D%0A%3C%2Fscript%3E%0A",description:"%3Cp%3E%E5%B1%80%E9%83%A8%E9%9A%90%E8%97%8F%3C%2Fp%3E%0A"},{default:c(()=>[F]),_:1}),r,n("table",null,[d,n("tbody",null,[m,A,h,B,M,n("tr",null,[g,w,b,_,v,n("td",null,[a(t,{type:"tip",text:"^2.2.0"})])])])]),P])}const N=C(u,[["render",y]]);export{T as __pageData,N as default}; diff --git a/assets/zh-CN_components_overlay_marker.md.9f-yv3bf.js b/assets/zh-CN_components_overlay_marker.md.9f-yv3bf.js new file mode 100644 index 00000000..aff1dd98 --- /dev/null +++ b/assets/zh-CN_components_overlay_marker.md.9f-yv3bf.js @@ -0,0 +1 @@ +import{_ as l,D as M,c as d,I as a,w as D,k as t,R as s,a as n,o as c}from"./chunks/framework.aeLSa5ZG.js";const P=JSON.parse('{"title":"BMarker 标注点","description":"","frontmatter":{},"headers":[],"relativePath":"zh-CN/components/overlay/marker.md","filePath":"zh-CN/components/overlay/marker.md","lastUpdated":1710870588000}'),E={name:"zh-CN/components/overlay/marker.md"},u=s('

BMarker 标注点 ​

在地图上绘制点

ts
import { BMarker } from 'vue3-baidu-map-gl'

组件示例 ​

在地图上添加标记点，通过 icon 指定显示图标

',5),p=t("p",null,"overlay/marker",-1),C=s('

静态组件 Props ​

属性说明类型默认值
title鼠标移到 marker 上的显示内容string-
draggingCursor拖拽标注时的鼠标指针样式。此属性值需遵循 CSS 的cursor属性规范string-
raiseOnDrag拖拽标注时，标注是否开启离开地图表面效果 booleanfalse
enableClicking是否响应点击事件 booleantrue

动态组件 Props ​

',3),i=t("thead",null,[t("tr",null,[t("th",null,"属性"),t("th",null,"说明"),t("th",null,"类型"),t("th",null,"可选值"),t("th",null,"默认值"),t("th",null,"版本")])],-1),r=t("td",null,"zIndex",-1),g=t("td",null,"显示层级",-1),N=t("td",null,[t("code",null,"number")],-1),A=t("td",null,"-",-1),z=t("td",null,"-",-1),I=t("tr",null,[t("td",null,"position"),t("td",null,"标注点的坐标"),t("td",null,[t("code",null,"{ lng: number, lat: number}")]),t("td",null,"-"),t("td",null,[t("code",null,"required")]),t("td",null,"-")],-1),k=t("tr",null,[t("td",null,"offset"),t("td",null,"标注点的像素偏移"),t("td",null,[t("code",null," {x: number, y: number }")]),t("td",null,"-"),t("td"),t("td",null,"-")],-1),j=t("tr",null,[t("td",null,"icon"),t("td",null,[n("标注点的图标。可使用默认图标，也可"),t("a",{href:"#自定义图标"},"自定义图标")]),t("td",null,[t("code",null,"string ")]),t("td",null,[t("code",null,"simple_red / simple_blue...")]),t("td",null,"-"),t("td",null,"-")],-1),T=t("tr",null,[t("td",null,"rotation"),t("td",null,"旋转角度"),t("td",null,[t("code",null,"number ")]),t("td",null,"-"),t("td"),t("td",null,"-")],-1),y=t("tr",null,[t("td",null,"enableDragging"),t("td",null,"是否启用拖拽"),t("td",null,[t("code",null,"boolean ")]),t("td",null,"-"),t("td",null,[t("code",null," true")]),t("td",null,"-")],-1),m=t("tr",null,[t("td",null,"enableMassClear"),t("td",null,[n("是否在调用 "),t("code",null,"map.clearOverlays"),n(" 清除此覆盖物")]),t("td",null,[t("code",null,"boolean ")]),t("td",null,"-"),t("td",null,[t("code",null,"true ")]),t("td",null,"-")],-1),h=t("td",null,"visible",-1),x=t("td",null,"是否显示",-1),O=t("td",null,[t("code",null,"boolean")],-1),F=t("td",null,"-",-1),L=t("td",null,[t("code",null,"true")],-1),Q=s('

默认图标可选值 ​

simple_red , simple_blue , loc_red , loc_blue , start , end , location

红色图标: red1 , red2 , red3 , red4 , red5 , red6 , red7 , red8 , red9 , red10

蓝色图标: blue1 , blue2 , blue3 , blue4 , blue5 , blue6 , blue7 , blue8 , blue9 , blue10

其余图标可根据下图自行定位裁切:

https://mapopen.bj.bcebos.com/cms/react-bmap/markers_new2x_fbb9e99.png

自定义图标 ​

属性说明类型默认值
anchor图标的定位点相对于图标左上角的偏移值{ x: number, y: number }-
imageOffset图标所用的图片相对于可视区域的偏移值，此功能的作用等同于 CSS 中的 background-position 属性{ x: number, y: number }-
imageSize图标所用的图片的大小，此功能的作用等同于 CSS 中的 background-size 属性。可用于实现高清屏的高清效果{ width: number, height: number }required
imageUrl图标所用图像资源的位置stringrequired
printImageUrl设置 icon 打印图片的 url，该打印图片只针对 IE6 有效，解决 IE6 使用 PNG 滤镜导致的错位问题。如果您的 icon 没有使用 PNG 格式图片或者没有使用 CSS Sprites 技术，则可忽略此配置string -

组件事件 ​

事件名说明类型
initd组件初始化后，调用的方法，返回一个地图实例{ map, BmapGL, instance }
unload组件卸载时会调用此方法-
click鼠标左键单击事件的回调函数。当双击时，产生的事件序列为：click -> click -> dblclick((e: Event) => void)
dblclick鼠标左键双击事件的回调函数((e: Event) => void)
mousedown鼠标左键在该覆盖物上按下的回调函数((e: Event) => void)
mouseup鼠标左键在该覆盖物上抬起的回调函数((e: Event) => void)
mouseout鼠标指针移出该覆盖物事件的回调函数((e: Event) => void)
mouseover鼠标指针移入该覆盖物事件的回调函数((e: Event) => void)
remove该覆盖物被移除的回调函数((e: Event) => void)
infowindowcloseinfowindow 关闭事件的回调函数((e: Event) => void)
infowindowopeninfowindow 打开事件的回调函数((e: Event) => void)
dragstart拖拽覆盖物开始事件的回调函数((e: Event) => void)
dragging覆盖物拖拽中事件的回调函数((e: Event) => void)
dragend拖拽覆盖物结束事件的回调函数((e: Event) => void)
rightclick鼠标右键单击事件的回调函数((e: Event) => void)
',10);function B(b,_,S,U,w,v){const o=M("Demo"),e=M("Badge");return c(),d("div",null,[u,a(o,{source:"%3Cpre%20v-pre%3E%3Ccode%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMap%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Azoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E16%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20comment%22%3E%26lt%3B!--%20%E8%B5%B7%E7%82%B9%E5%9B%BE%E6%A0%87%20--%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMarker%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3AzIndex%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E99%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aposition%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%7B%20lat%3A%2039.915185%2C%20lng%3A%20116.403901%20%7D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Eicon%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Estart%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20comment%22%3E%26lt%3B!--%20%E7%BB%88%E7%82%B9%E5%9B%BE%E6%A0%87%20--%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMarker%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aposition%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%7B%20lat%3A%2039.915185%2C%20lng%3A%20116.404901%20%7D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Eicon%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Eend%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20comment%22%3E%26lt%3B!--%20%E7%BA%A2%E8%89%B2%E5%9B%BE%E6%A0%871%20--%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMarker%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aposition%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%7B%20lat%3A%2039.915185%2C%20lng%3A%20116.405901%20%7D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Eicon%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ered1%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20comment%22%3E%26lt%3B!--%20%E7%BA%A2%E8%89%B2%E5%9B%BE%E6%A0%872%20--%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMarker%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aposition%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%7B%20lat%3A%2039.915185%2C%20lng%3A%20116.403901%20%7D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Eicon%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Esimple_red%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20comment%22%3E%26lt%3B!--%20%E8%87%AA%E5%AE%9A%E4%B9%89%E5%9B%BE%E6%A0%87%20--%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMarker%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aposition%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%7B%20lat%3A%2039.915185%2C%20lng%3A%20116.400901%20%7D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aicon%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%7B%0A%20%20%20%20%20%20%20%20imageUrl%3A%20'data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDQ4IDQ4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjQgNEMxMi45NTQzIDQgNCAxMi45NTQzIDQgMjRDNCAzNS4wNDU3IDEyLjk1NDMgNDQgMjQgNDRDMzUuMDQ1NyA0NCA0NCAzNS4wNDU3IDQ0IDI0QzQ0IDEyLjk1NDMgMzUuMDQ1NyA0IDI0IDRaTTAgMjRDMCAxMC43NDUyIDEwLjc0NTIgMCAyNCAwQzM3LjI1NDggMCA0OCAxMC43NDUyIDQ4IDI0QzQ4IDM3LjI1NDggMzcuMjU0OCA0OCAyNCA0OEMxMC43NDUyIDQ4IDAgMzcuMjU0OCAwIDI0WiIgZmlsbD0iIzAwMDAwMCIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTkuMTgzMyA0NS40NzE2QzE4Ljk4OTggNDUuMjIxOSAxOC45ODk4IDQyLjk5NzMgMTkuMTgzMyAzOC43OThDMTcuMTExNCAzOC44Njk2IDE1LjgwMjQgMzguNzI1OCAxNS4yNTYzIDM4LjM2NjdDMTQuNDM3IDM3LjgyOCAxMy42MTY5IDM2LjE2NjcgMTIuODg5MSAzNC45OTU5QzEyLjE2MTQgMzMuODI1MSAxMC41NDYzIDMzLjY0IDkuODk0MDUgMzMuMzc4M0M5LjI0MTgyIDMzLjExNjUgOS4wNzgwOSAzMi4wNDk2IDExLjY5MTMgMzIuODU2NUMxNC4zMDQ0IDMzLjY2MzQgMTQuNDMxOSAzNS44NjA3IDE1LjI1NjMgMzYuMzc0NUMxNi4wODA2IDM2Ljg4ODMgMTguMDUxNSAzNi42NjM1IDE4Ljk0NDggMzYuMjUxOUMxOS44MzgyIDM1Ljg0MDMgMTkuNzcyNCAzNC4zMDc4IDE5LjkzMTcgMzMuNzAwN0MyMC4xMzMxIDMzLjEzNCAxOS40MjMzIDMzLjAwODMgMTkuNDA3NyAzMy4wMDM3QzE4LjUzNTUgMzMuMDAzNyAxMy45NTM5IDMyLjAwNzMgMTIuNjk1NSAyNy41NzA2QzExLjQzNyAyMy4xMzQgMTMuMDU4MSAyMC4yMzQxIDEzLjkyMjkgMTguOTg3NUMxNC40OTk1IDE4LjE1NjQgMTQuNDQ4NSAxNi4zODUyIDEzLjc2OTkgMTMuNjczN0MxNi4yMzM1IDEzLjM1ODkgMTguMTM0NyAxNC4xMzQzIDE5LjQ3MzQgMTYuMDAwMUMxOS40NzQ3IDE2LjAxMDggMjEuMjI4NSAxNC45NTcyIDI0LjAwMDMgMTQuOTU3MkMyNi43NzIgMTQuOTU3MiAyNy43NTUzIDE1LjgxNTQgMjguNTE0MiAxNi4wMDAxQzI5LjI3MzEgMTYuMTg0OCAyOS44OCAxMi43MzQxIDM0LjU2NjggMTMuNjczN0MzMy41ODgzIDE1LjU5NjkgMzIuNzY4OSAxOC4wMDAxIDMzLjM5NDMgMTguOTg3NUMzNC4wMTk4IDE5Ljk3NDkgMzYuNDc0NSAyMy4xMTQ3IDM0Ljk2NjYgMjcuNTcwNkMzMy45NjE0IDMwLjU0MTMgMzEuOTg1MyAzMi4zNTIzIDI5LjAzODQgMzMuMDAzN0MyOC43MDA1IDMzLjExMTUgMjguNTMxNSAzMy4yODU1IDI4LjUzMTUgMzMuNTI1NUMyOC41MzE1IDMzLjg4NTYgMjguOTg4NCAzMy45MjQ5IDI5LjY0NjUgMzUuNjExN0MzMC4wODUzIDM2LjczNjIgMzAuMTE3IDM5Ljk0OCAyOS43NDE2IDQ1LjI0N0MyOC43OTA2IDQ1LjQ4OTEgMjguMDUwOCA0NS42NTE2IDI3LjUyMjEgNDUuNzM0N0MyNi41ODQ3IDQ1Ljg4MiAyNS41NjY5IDQ1Ljk2NDYgMjQuNTY2OSA0NS45OTY1QzIzLjU2NjkgNDYuMDI4NCAyMy4yMTk2IDQ2LjAyNDggMjEuODM3IDQ1Ljg5NjFDMjAuOTE1NCA0NS44MTAzIDIwLjAzMDggNDUuNjY4OCAxOS4xODMzIDQ1LjQ3MTZaIiBmaWxsPSIjMDAwMDAwIi8%2BPC9zdmc%2B'%2C%0A%20%20%20%20%20%20%20%20imageSize%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20width%3A%20100%2C%0A%20%20%20%20%20%20%20%20%20%20height%3A%20100%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3EenableDragging%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBMap%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3C%2Fcode%3E%3C%2Fpre%3E",path:"overlay/marker","raw-source":"%3Ctemplate%3E%0A%20%20%3CBMap%20v-bind%3D%22%24attrs%22%20%3Azoom%3D%2216%22%3E%0A%20%20%20%20%3C!--%20%E8%B5%B7%E7%82%B9%E5%9B%BE%E6%A0%87%20--%3E%0A%20%20%20%20%3CBMarker%20%3AzIndex%3D%2299%22%20%3Aposition%3D%22%7B%20lat%3A%2039.915185%2C%20lng%3A%20116.403901%20%7D%22%20icon%3D%22start%22%20%2F%3E%0A%20%20%20%20%3C!--%20%E7%BB%88%E7%82%B9%E5%9B%BE%E6%A0%87%20--%3E%0A%20%20%20%20%3CBMarker%20%3Aposition%3D%22%7B%20lat%3A%2039.915185%2C%20lng%3A%20116.404901%20%7D%22%20icon%3D%22end%22%20%2F%3E%0A%20%20%20%20%3C!--%20%E7%BA%A2%E8%89%B2%E5%9B%BE%E6%A0%871%20--%3E%0A%20%20%20%20%3CBMarker%20%3Aposition%3D%22%7B%20lat%3A%2039.915185%2C%20lng%3A%20116.405901%20%7D%22%20icon%3D%22red1%22%20%2F%3E%0A%20%20%20%20%3C!--%20%E7%BA%A2%E8%89%B2%E5%9B%BE%E6%A0%872%20--%3E%0A%20%20%20%20%3CBMarker%20%3Aposition%3D%22%7B%20lat%3A%2039.915185%2C%20lng%3A%20116.403901%20%7D%22%20icon%3D%22simple_red%22%20%2F%3E%0A%20%20%20%20%3C!--%20%E8%87%AA%E5%AE%9A%E4%B9%89%E5%9B%BE%E6%A0%87%20--%3E%0A%20%20%20%20%3CBMarker%0A%20%20%20%20%20%20%3Aposition%3D%22%7B%20lat%3A%2039.915185%2C%20lng%3A%20116.400901%20%7D%22%0A%20%20%20%20%20%20%3Aicon%3D%22%7B%0A%20%20%20%20%20%20%20%20imageUrl%3A%20'data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDQ4IDQ4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjQgNEMxMi45NTQzIDQgNCAxMi45NTQzIDQgMjRDNCAzNS4wNDU3IDEyLjk1NDMgNDQgMjQgNDRDMzUuMDQ1NyA0NCA0NCAzNS4wNDU3IDQ0IDI0QzQ0IDEyLjk1NDMgMzUuMDQ1NyA0IDI0IDRaTTAgMjRDMCAxMC43NDUyIDEwLjc0NTIgMCAyNCAwQzM3LjI1NDggMCA0OCAxMC43NDUyIDQ4IDI0QzQ4IDM3LjI1NDggMzcuMjU0OCA0OCAyNCA0OEMxMC43NDUyIDQ4IDAgMzcuMjU0OCAwIDI0WiIgZmlsbD0iIzAwMDAwMCIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTkuMTgzMyA0NS40NzE2QzE4Ljk4OTggNDUuMjIxOSAxOC45ODk4IDQyLjk5NzMgMTkuMTgzMyAzOC43OThDMTcuMTExNCAzOC44Njk2IDE1LjgwMjQgMzguNzI1OCAxNS4yNTYzIDM4LjM2NjdDMTQuNDM3IDM3LjgyOCAxMy42MTY5IDM2LjE2NjcgMTIuODg5MSAzNC45OTU5QzEyLjE2MTQgMzMuODI1MSAxMC41NDYzIDMzLjY0IDkuODk0MDUgMzMuMzc4M0M5LjI0MTgyIDMzLjExNjUgOS4wNzgwOSAzMi4wNDk2IDExLjY5MTMgMzIuODU2NUMxNC4zMDQ0IDMzLjY2MzQgMTQuNDMxOSAzNS44NjA3IDE1LjI1NjMgMzYuMzc0NUMxNi4wODA2IDM2Ljg4ODMgMTguMDUxNSAzNi42NjM1IDE4Ljk0NDggMzYuMjUxOUMxOS44MzgyIDM1Ljg0MDMgMTkuNzcyNCAzNC4zMDc4IDE5LjkzMTcgMzMuNzAwN0MyMC4xMzMxIDMzLjEzNCAxOS40MjMzIDMzLjAwODMgMTkuNDA3NyAzMy4wMDM3QzE4LjUzNTUgMzMuMDAzNyAxMy45NTM5IDMyLjAwNzMgMTIuNjk1NSAyNy41NzA2QzExLjQzNyAyMy4xMzQgMTMuMDU4MSAyMC4yMzQxIDEzLjkyMjkgMTguOTg3NUMxNC40OTk1IDE4LjE1NjQgMTQuNDQ4NSAxNi4zODUyIDEzLjc2OTkgMTMuNjczN0MxNi4yMzM1IDEzLjM1ODkgMTguMTM0NyAxNC4xMzQzIDE5LjQ3MzQgMTYuMDAwMUMxOS40NzQ3IDE2LjAxMDggMjEuMjI4NSAxNC45NTcyIDI0LjAwMDMgMTQuOTU3MkMyNi43NzIgMTQuOTU3MiAyNy43NTUzIDE1LjgxNTQgMjguNTE0MiAxNi4wMDAxQzI5LjI3MzEgMTYuMTg0OCAyOS44OCAxMi43MzQxIDM0LjU2NjggMTMuNjczN0MzMy41ODgzIDE1LjU5NjkgMzIuNzY4OSAxOC4wMDAxIDMzLjM5NDMgMTguOTg3NUMzNC4wMTk4IDE5Ljk3NDkgMzYuNDc0NSAyMy4xMTQ3IDM0Ljk2NjYgMjcuNTcwNkMzMy45NjE0IDMwLjU0MTMgMzEuOTg1MyAzMi4zNTIzIDI5LjAzODQgMzMuMDAzN0MyOC43MDA1IDMzLjExMTUgMjguNTMxNSAzMy4yODU1IDI4LjUzMTUgMzMuNTI1NUMyOC41MzE1IDMzLjg4NTYgMjguOTg4NCAzMy45MjQ5IDI5LjY0NjUgMzUuNjExN0MzMC4wODUzIDM2LjczNjIgMzAuMTE3IDM5Ljk0OCAyOS43NDE2IDQ1LjI0N0MyOC43OTA2IDQ1LjQ4OTEgMjguMDUwOCA0NS42NTE2IDI3LjUyMjEgNDUuNzM0N0MyNi41ODQ3IDQ1Ljg4MiAyNS41NjY5IDQ1Ljk2NDYgMjQuNTY2OSA0NS45OTY1QzIzLjU2NjkgNDYuMDI4NCAyMy4yMTk2IDQ2LjAyNDggMjEuODM3IDQ1Ljg5NjFDMjAuOTE1NCA0NS44MTAzIDIwLjAzMDggNDUuNjY4OCAxOS4xODMzIDQ1LjQ3MTZaIiBmaWxsPSIjMDAwMDAwIi8%2BPC9zdmc%2B'%2C%0A%20%20%20%20%20%20%20%20imageSize%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20width%3A%20100%2C%0A%20%20%20%20%20%20%20%20%20%20height%3A%20100%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%22%0A%20%20%20%20%20%20enableDragging%0A%20%20%20%20%2F%3E%0A%20%20%3C%2FBMap%3E%0A%3C%2Ftemplate%3E%0A",description:"%3Cp%3E%E6%8B%96%E5%8A%A8%E5%9B%BE%E7%89%87%E8%AF%95%E8%AF%95%3C%2Fp%3E%0A"},{default:D(()=>[p]),_:1}),C,t("table",null,[i,t("tbody",null,[t("tr",null,[r,g,N,A,z,t("td",null,[a(e,{type:"tip",text:"^0.0.35"})])]),I,k,j,T,y,m,t("tr",null,[h,x,O,F,L,t("td",null,[a(e,{type:"tip",text:"^2.2.0"})])])])]),Q])}const Z=l(E,[["render",B]]);export{P as __pageData,Z as default}; diff --git a/assets/zh-CN_components_overlay_marker.md.9f-yv3bf.lean.js b/assets/zh-CN_components_overlay_marker.md.9f-yv3bf.lean.js new file mode 100644 index 00000000..fa915e85 --- /dev/null +++ b/assets/zh-CN_components_overlay_marker.md.9f-yv3bf.lean.js @@ -0,0 +1 @@ +import{_ as l,D as M,c as d,I as a,w as D,k as t,R as s,a as n,o as c}from"./chunks/framework.aeLSa5ZG.js";const P=JSON.parse('{"title":"BMarker 标注点","description":"","frontmatter":{},"headers":[],"relativePath":"zh-CN/components/overlay/marker.md","filePath":"zh-CN/components/overlay/marker.md","lastUpdated":1710870588000}'),E={name:"zh-CN/components/overlay/marker.md"},u=s("",5),p=t("p",null,"overlay/marker",-1),C=s("",3),i=t("thead",null,[t("tr",null,[t("th",null,"属性"),t("th",null,"说明"),t("th",null,"类型"),t("th",null,"可选值"),t("th",null,"默认值"),t("th",null,"版本")])],-1),r=t("td",null,"zIndex",-1),g=t("td",null,"显示层级",-1),N=t("td",null,[t("code",null,"number")],-1),A=t("td",null,"-",-1),z=t("td",null,"-",-1),I=t("tr",null,[t("td",null,"position"),t("td",null,"标注点的坐标"),t("td",null,[t("code",null,"{ lng: number, lat: number}")]),t("td",null,"-"),t("td",null,[t("code",null,"required")]),t("td",null,"-")],-1),k=t("tr",null,[t("td",null,"offset"),t("td",null,"标注点的像素偏移"),t("td",null,[t("code",null," {x: number, y: number }")]),t("td",null,"-"),t("td"),t("td",null,"-")],-1),j=t("tr",null,[t("td",null,"icon"),t("td",null,[n("标注点的图标。可使用默认图标，也可"),t("a",{href:"#自定义图标"},"自定义图标")]),t("td",null,[t("code",null,"string ")]),t("td",null,[t("code",null,"simple_red / simple_blue...")]),t("td",null,"-"),t("td",null,"-")],-1),T=t("tr",null,[t("td",null,"rotation"),t("td",null,"旋转角度"),t("td",null,[t("code",null,"number ")]),t("td",null,"-"),t("td"),t("td",null,"-")],-1),y=t("tr",null,[t("td",null,"enableDragging"),t("td",null,"是否启用拖拽"),t("td",null,[t("code",null,"boolean ")]),t("td",null,"-"),t("td",null,[t("code",null," true")]),t("td",null,"-")],-1),m=t("tr",null,[t("td",null,"enableMassClear"),t("td",null,[n("是否在调用 "),t("code",null,"map.clearOverlays"),n(" 清除此覆盖物")]),t("td",null,[t("code",null,"boolean ")]),t("td",null,"-"),t("td",null,[t("code",null,"true ")]),t("td",null,"-")],-1),h=t("td",null,"visible",-1),x=t("td",null,"是否显示",-1),O=t("td",null,[t("code",null,"boolean")],-1),F=t("td",null,"-",-1),L=t("td",null,[t("code",null,"true")],-1),Q=s("",10);function B(b,_,S,U,w,v){const o=M("Demo"),e=M("Badge");return c(),d("div",null,[u,a(o,{source:"%3Cpre%20v-pre%3E%3Ccode%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMap%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Azoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E16%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20comment%22%3E%26lt%3B!--%20%E8%B5%B7%E7%82%B9%E5%9B%BE%E6%A0%87%20--%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMarker%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3AzIndex%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E99%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aposition%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%7B%20lat%3A%2039.915185%2C%20lng%3A%20116.403901%20%7D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Eicon%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Estart%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20comment%22%3E%26lt%3B!--%20%E7%BB%88%E7%82%B9%E5%9B%BE%E6%A0%87%20--%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMarker%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aposition%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%7B%20lat%3A%2039.915185%2C%20lng%3A%20116.404901%20%7D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Eicon%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Eend%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20comment%22%3E%26lt%3B!--%20%E7%BA%A2%E8%89%B2%E5%9B%BE%E6%A0%871%20--%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMarker%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aposition%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%7B%20lat%3A%2039.915185%2C%20lng%3A%20116.405901%20%7D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Eicon%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ered1%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20comment%22%3E%26lt%3B!--%20%E7%BA%A2%E8%89%B2%E5%9B%BE%E6%A0%872%20--%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMarker%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aposition%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%7B%20lat%3A%2039.915185%2C%20lng%3A%20116.403901%20%7D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Eicon%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Esimple_red%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20comment%22%3E%26lt%3B!--%20%E8%87%AA%E5%AE%9A%E4%B9%89%E5%9B%BE%E6%A0%87%20--%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMarker%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aposition%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%7B%20lat%3A%2039.915185%2C%20lng%3A%20116.400901%20%7D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aicon%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%7B%0A%20%20%20%20%20%20%20%20imageUrl%3A%20'data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDQ4IDQ4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjQgNEMxMi45NTQzIDQgNCAxMi45NTQzIDQgMjRDNCAzNS4wNDU3IDEyLjk1NDMgNDQgMjQgNDRDMzUuMDQ1NyA0NCA0NCAzNS4wNDU3IDQ0IDI0QzQ0IDEyLjk1NDMgMzUuMDQ1NyA0IDI0IDRaTTAgMjRDMCAxMC43NDUyIDEwLjc0NTIgMCAyNCAwQzM3LjI1NDggMCA0OCAxMC43NDUyIDQ4IDI0QzQ4IDM3LjI1NDggMzcuMjU0OCA0OCAyNCA0OEMxMC43NDUyIDQ4IDAgMzcuMjU0OCAwIDI0WiIgZmlsbD0iIzAwMDAwMCIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTkuMTgzMyA0NS40NzE2QzE4Ljk4OTggNDUuMjIxOSAxOC45ODk4IDQyLjk5NzMgMTkuMTgzMyAzOC43OThDMTcuMTExNCAzOC44Njk2IDE1LjgwMjQgMzguNzI1OCAxNS4yNTYzIDM4LjM2NjdDMTQuNDM3IDM3LjgyOCAxMy42MTY5IDM2LjE2NjcgMTIuODg5MSAzNC45OTU5QzEyLjE2MTQgMzMuODI1MSAxMC41NDYzIDMzLjY0IDkuODk0MDUgMzMuMzc4M0M5LjI0MTgyIDMzLjExNjUgOS4wNzgwOSAzMi4wNDk2IDExLjY5MTMgMzIuODU2NUMxNC4zMDQ0IDMzLjY2MzQgMTQuNDMxOSAzNS44NjA3IDE1LjI1NjMgMzYuMzc0NUMxNi4wODA2IDM2Ljg4ODMgMTguMDUxNSAzNi42NjM1IDE4Ljk0NDggMzYuMjUxOUMxOS44MzgyIDM1Ljg0MDMgMTkuNzcyNCAzNC4zMDc4IDE5LjkzMTcgMzMuNzAwN0MyMC4xMzMxIDMzLjEzNCAxOS40MjMzIDMzLjAwODMgMTkuNDA3NyAzMy4wMDM3QzE4LjUzNTUgMzMuMDAzNyAxMy45NTM5IDMyLjAwNzMgMTIuNjk1NSAyNy41NzA2QzExLjQzNyAyMy4xMzQgMTMuMDU4MSAyMC4yMzQxIDEzLjkyMjkgMTguOTg3NUMxNC40OTk1IDE4LjE1NjQgMTQuNDQ4NSAxNi4zODUyIDEzLjc2OTkgMTMuNjczN0MxNi4yMzM1IDEzLjM1ODkgMTguMTM0NyAxNC4xMzQzIDE5LjQ3MzQgMTYuMDAwMUMxOS40NzQ3IDE2LjAxMDggMjEuMjI4NSAxNC45NTcyIDI0LjAwMDMgMTQuOTU3MkMyNi43NzIgMTQuOTU3MiAyNy43NTUzIDE1LjgxNTQgMjguNTE0MiAxNi4wMDAxQzI5LjI3MzEgMTYuMTg0OCAyOS44OCAxMi43MzQxIDM0LjU2NjggMTMuNjczN0MzMy41ODgzIDE1LjU5NjkgMzIuNzY4OSAxOC4wMDAxIDMzLjM5NDMgMTguOTg3NUMzNC4wMTk4IDE5Ljk3NDkgMzYuNDc0NSAyMy4xMTQ3IDM0Ljk2NjYgMjcuNTcwNkMzMy45NjE0IDMwLjU0MTMgMzEuOTg1MyAzMi4zNTIzIDI5LjAzODQgMzMuMDAzN0MyOC43MDA1IDMzLjExMTUgMjguNTMxNSAzMy4yODU1IDI4LjUzMTUgMzMuNTI1NUMyOC41MzE1IDMzLjg4NTYgMjguOTg4NCAzMy45MjQ5IDI5LjY0NjUgMzUuNjExN0MzMC4wODUzIDM2LjczNjIgMzAuMTE3IDM5Ljk0OCAyOS43NDE2IDQ1LjI0N0MyOC43OTA2IDQ1LjQ4OTEgMjguMDUwOCA0NS42NTE2IDI3LjUyMjEgNDUuNzM0N0MyNi41ODQ3IDQ1Ljg4MiAyNS41NjY5IDQ1Ljk2NDYgMjQuNTY2OSA0NS45OTY1QzIzLjU2NjkgNDYuMDI4NCAyMy4yMTk2IDQ2LjAyNDggMjEuODM3IDQ1Ljg5NjFDMjAuOTE1NCA0NS44MTAzIDIwLjAzMDggNDUuNjY4OCAxOS4xODMzIDQ1LjQ3MTZaIiBmaWxsPSIjMDAwMDAwIi8%2BPC9zdmc%2B'%2C%0A%20%20%20%20%20%20%20%20imageSize%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20width%3A%20100%2C%0A%20%20%20%20%20%20%20%20%20%20height%3A%20100%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3EenableDragging%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBMap%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3C%2Fcode%3E%3C%2Fpre%3E",path:"overlay/marker","raw-source":"%3Ctemplate%3E%0A%20%20%3CBMap%20v-bind%3D%22%24attrs%22%20%3Azoom%3D%2216%22%3E%0A%20%20%20%20%3C!--%20%E8%B5%B7%E7%82%B9%E5%9B%BE%E6%A0%87%20--%3E%0A%20%20%20%20%3CBMarker%20%3AzIndex%3D%2299%22%20%3Aposition%3D%22%7B%20lat%3A%2039.915185%2C%20lng%3A%20116.403901%20%7D%22%20icon%3D%22start%22%20%2F%3E%0A%20%20%20%20%3C!--%20%E7%BB%88%E7%82%B9%E5%9B%BE%E6%A0%87%20--%3E%0A%20%20%20%20%3CBMarker%20%3Aposition%3D%22%7B%20lat%3A%2039.915185%2C%20lng%3A%20116.404901%20%7D%22%20icon%3D%22end%22%20%2F%3E%0A%20%20%20%20%3C!--%20%E7%BA%A2%E8%89%B2%E5%9B%BE%E6%A0%871%20--%3E%0A%20%20%20%20%3CBMarker%20%3Aposition%3D%22%7B%20lat%3A%2039.915185%2C%20lng%3A%20116.405901%20%7D%22%20icon%3D%22red1%22%20%2F%3E%0A%20%20%20%20%3C!--%20%E7%BA%A2%E8%89%B2%E5%9B%BE%E6%A0%872%20--%3E%0A%20%20%20%20%3CBMarker%20%3Aposition%3D%22%7B%20lat%3A%2039.915185%2C%20lng%3A%20116.403901%20%7D%22%20icon%3D%22simple_red%22%20%2F%3E%0A%20%20%20%20%3C!--%20%E8%87%AA%E5%AE%9A%E4%B9%89%E5%9B%BE%E6%A0%87%20--%3E%0A%20%20%20%20%3CBMarker%0A%20%20%20%20%20%20%3Aposition%3D%22%7B%20lat%3A%2039.915185%2C%20lng%3A%20116.400901%20%7D%22%0A%20%20%20%20%20%20%3Aicon%3D%22%7B%0A%20%20%20%20%20%20%20%20imageUrl%3A%20'data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDQ4IDQ4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjQgNEMxMi45NTQzIDQgNCAxMi45NTQzIDQgMjRDNCAzNS4wNDU3IDEyLjk1NDMgNDQgMjQgNDRDMzUuMDQ1NyA0NCA0NCAzNS4wNDU3IDQ0IDI0QzQ0IDEyLjk1NDMgMzUuMDQ1NyA0IDI0IDRaTTAgMjRDMCAxMC43NDUyIDEwLjc0NTIgMCAyNCAwQzM3LjI1NDggMCA0OCAxMC43NDUyIDQ4IDI0QzQ4IDM3LjI1NDggMzcuMjU0OCA0OCAyNCA0OEMxMC43NDUyIDQ4IDAgMzcuMjU0OCAwIDI0WiIgZmlsbD0iIzAwMDAwMCIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTkuMTgzMyA0NS40NzE2QzE4Ljk4OTggNDUuMjIxOSAxOC45ODk4IDQyLjk5NzMgMTkuMTgzMyAzOC43OThDMTcuMTExNCAzOC44Njk2IDE1LjgwMjQgMzguNzI1OCAxNS4yNTYzIDM4LjM2NjdDMTQuNDM3IDM3LjgyOCAxMy42MTY5IDM2LjE2NjcgMTIuODg5MSAzNC45OTU5QzEyLjE2MTQgMzMuODI1MSAxMC41NDYzIDMzLjY0IDkuODk0MDUgMzMuMzc4M0M5LjI0MTgyIDMzLjExNjUgOS4wNzgwOSAzMi4wNDk2IDExLjY5MTMgMzIuODU2NUMxNC4zMDQ0IDMzLjY2MzQgMTQuNDMxOSAzNS44NjA3IDE1LjI1NjMgMzYuMzc0NUMxNi4wODA2IDM2Ljg4ODMgMTguMDUxNSAzNi42NjM1IDE4Ljk0NDggMzYuMjUxOUMxOS44MzgyIDM1Ljg0MDMgMTkuNzcyNCAzNC4zMDc4IDE5LjkzMTcgMzMuNzAwN0MyMC4xMzMxIDMzLjEzNCAxOS40MjMzIDMzLjAwODMgMTkuNDA3NyAzMy4wMDM3QzE4LjUzNTUgMzMuMDAzNyAxMy45NTM5IDMyLjAwNzMgMTIuNjk1NSAyNy41NzA2QzExLjQzNyAyMy4xMzQgMTMuMDU4MSAyMC4yMzQxIDEzLjkyMjkgMTguOTg3NUMxNC40OTk1IDE4LjE1NjQgMTQuNDQ4NSAxNi4zODUyIDEzLjc2OTkgMTMuNjczN0MxNi4yMzM1IDEzLjM1ODkgMTguMTM0NyAxNC4xMzQzIDE5LjQ3MzQgMTYuMDAwMUMxOS40NzQ3IDE2LjAxMDggMjEuMjI4NSAxNC45NTcyIDI0LjAwMDMgMTQuOTU3MkMyNi43NzIgMTQuOTU3MiAyNy43NTUzIDE1LjgxNTQgMjguNTE0MiAxNi4wMDAxQzI5LjI3MzEgMTYuMTg0OCAyOS44OCAxMi43MzQxIDM0LjU2NjggMTMuNjczN0MzMy41ODgzIDE1LjU5NjkgMzIuNzY4OSAxOC4wMDAxIDMzLjM5NDMgMTguOTg3NUMzNC4wMTk4IDE5Ljk3NDkgMzYuNDc0NSAyMy4xMTQ3IDM0Ljk2NjYgMjcuNTcwNkMzMy45NjE0IDMwLjU0MTMgMzEuOTg1MyAzMi4zNTIzIDI5LjAzODQgMzMuMDAzN0MyOC43MDA1IDMzLjExMTUgMjguNTMxNSAzMy4yODU1IDI4LjUzMTUgMzMuNTI1NUMyOC41MzE1IDMzLjg4NTYgMjguOTg4NCAzMy45MjQ5IDI5LjY0NjUgMzUuNjExN0MzMC4wODUzIDM2LjczNjIgMzAuMTE3IDM5Ljk0OCAyOS43NDE2IDQ1LjI0N0MyOC43OTA2IDQ1LjQ4OTEgMjguMDUwOCA0NS42NTE2IDI3LjUyMjEgNDUuNzM0N0MyNi41ODQ3IDQ1Ljg4MiAyNS41NjY5IDQ1Ljk2NDYgMjQuNTY2OSA0NS45OTY1QzIzLjU2NjkgNDYuMDI4NCAyMy4yMTk2IDQ2LjAyNDggMjEuODM3IDQ1Ljg5NjFDMjAuOTE1NCA0NS44MTAzIDIwLjAzMDggNDUuNjY4OCAxOS4xODMzIDQ1LjQ3MTZaIiBmaWxsPSIjMDAwMDAwIi8%2BPC9zdmc%2B'%2C%0A%20%20%20%20%20%20%20%20imageSize%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20width%3A%20100%2C%0A%20%20%20%20%20%20%20%20%20%20height%3A%20100%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%22%0A%20%20%20%20%20%20enableDragging%0A%20%20%20%20%2F%3E%0A%20%20%3C%2FBMap%3E%0A%3C%2Ftemplate%3E%0A",description:"%3Cp%3E%E6%8B%96%E5%8A%A8%E5%9B%BE%E7%89%87%E8%AF%95%E8%AF%95%3C%2Fp%3E%0A"},{default:D(()=>[p]),_:1}),C,t("table",null,[i,t("tbody",null,[t("tr",null,[r,g,N,A,z,t("td",null,[a(e,{type:"tip",text:"^0.0.35"})])]),I,k,j,T,y,m,t("tr",null,[h,x,O,F,L,t("td",null,[a(e,{type:"tip",text:"^2.2.0"})])])])]),Q])}const Z=l(E,[["render",B]]);export{P as __pageData,Z as default}; diff --git a/assets/zh-CN_components_overlay_marker3d.md.7p8_vjNx.js b/assets/zh-CN_components_overlay_marker3d.md.7p8_vjNx.js new file mode 100644 index 00000000..c042eafe --- /dev/null +++ b/assets/zh-CN_components_overlay_marker3d.md.7p8_vjNx.js @@ -0,0 +1 @@ +import{_ as E,D as p,c as l,I as n,w as o,k as a,R as s,a as t,o as c}from"./chunks/framework.aeLSa5ZG.js";const U=JSON.parse('{"title":"BMarker3d 带高度的点","description":"","frontmatter":{},"headers":[],"relativePath":"zh-CN/components/overlay/marker3d.md","filePath":"zh-CN/components/overlay/marker3d.md","lastUpdated":1710870588000}'),D={name:"zh-CN/components/overlay/marker3d.md"},u=s('

BMarker3d 带高度的点 ​

在地图上绘制带高度的点覆盖物

ts
import { BMarker3d } from 'vue3-baidu-map-gl'

组件示例 ​

',4),M=a("p",null,"overlay/marker3d/index",-1),i=a("h2",{id:"纹理贴图",tabindex:"-1"},[t("纹理贴图 "),a("a",{class:"header-anchor",href:"#纹理贴图","aria-label":'Permalink to "纹理贴图"'},"​")],-1),d=a("p",null,"overlay/marker3d/withImg",-1),r=s('

静态组件 Props ​

属性说明类型默认值
height点高度numberrequired
size点大小(宽/高)number50
shape点的形状BMAP_SHAPE_CIRCLE | BMAP_SHAPE_RECTBMAP_SHAPE_CIRCLE

点形状 ​

属性说明
BMAP_SHAPE_CIRCLE圆形
BMAP_SHAPE_RECT正方形

动态组件 Props ​

',5),A=a("thead",null,[a("tr",null,[a("th",null,"属性"),a("th",null,"说明"),a("th",null,"类型"),a("th",null,"可选值"),a("th",null,"默认值"),a("th",null,"版本")])],-1),k=a("tr",null,[a("td",null,"position"),a("td",null,"点的坐标"),a("td",null,[a("code",null,"{ lng: number, lat: number}")]),a("td",null,"-"),a("td",null,[a("code",null,"required")]),a("td",null,"-")],-1),g=a("tr",null,[a("td",null,"icon"),a("td",null,[t("点的图或"),a("a",{href:"#自定义纹理贴图"},"自定义纹理贴图")]),a("td",null,[a("code",null,"string ")]),a("td",null,"-"),a("td"),a("td",null,"-")],-1),N=a("tr",null,[a("td",null,"fillColor"),a("td",null,"点填充颜色，同 CSS 颜色"),a("td",null,[a("code",null,"string ")]),a("td",null,"-"),a("td",null,[a("code",null,"#f00")]),a("td",null,"-")],-1),I=a("tr",null,[a("td",null,"fillOpacity"),a("td",null,"点填充的透明度，范围 0-1"),a("td",null,[a("code",null,"number ")]),a("td",null,[a("code",null,"0-1")]),a("td",null,[a("code",null,"0.8 ")]),a("td",null,"-")],-1),F=a("tr",null,[a("td",null,"enableMassClear"),a("td",null,[t("是否在调用 "),a("code",null,"map.clearOverlays"),t(" 清除此覆盖物")]),a("td",null,[a("code",null,"boolean")]),a("td",null,"-"),a("td",null,[a("code",null," true")]),a("td",null,"-")],-1),z=a("td",null,"visible",-1),j=a("td",null,"是否显示",-1),h=a("td",null,[a("code",null,"boolean")],-1),y=a("td",null,"-",-1),T=a("td",null,[a("code",null,"true")],-1),m=s('

自定义纹理贴图 ​

属性说明类型默认值
anchor贴图的定位点相对于贴图左上角的偏移值{ x: number, y: number }-
imageOffset贴图所用的图片相对于可视区域的偏移值，此功能的作用等同于 CSS 中的 background-position 属性{ x: number, y: number }-
imageSize贴图所用的图片的大小，此功能的作用等同于 CSS 中的background-size属性。可用于实现高清屏的高清效果{ width: number, height: number }required
imageUrl贴图所用图像资源的位置stringrequired
printImageUrl设置 icon 打印图片的 url，该打印图片只针对 IE6 有效，解决 IE6 使用 PNG 滤镜导致的错位问题。如果您的 icon 没有使用 PNG 格式图片或者没有使用 CSS Sprites 技术，则可忽略此配置string -

组件事件 ​

事件名说明类型
initd组件初始化后，调用的方法，返回一个地图实例{ map, BmapGL, instance }
unload组件卸载时会调用此方法-
click鼠标左键单击事件的回调函数。当双击时，产生的事件序列为：click -> click -> dblclick((e: Event) => void)
dblclick鼠标左键双击事件的回调函数((e: Event) => void)
mousedown鼠标左键在该覆盖物上按下的回调函数((e: Event) => void)
mouseup鼠标左键在该覆盖物上抬起的回调函数((e: Event) => void)
mouseout鼠标指针移出该覆盖物事件的回调函数((e: Event) => void)
mouseover鼠标指针移入该覆盖物事件的回调函数((e: Event) => void)
remove该覆盖物被移除的回调函数((e: Event) => void)
rightclick鼠标右键单击事件的回调函数((e: Event) => void)
',4);function O(x,L,Q,S,_,B){const e=p("Demo"),C=p("Badge");return c(),l("div",null,[u,n(e,{source:"%3Cpre%20v-pre%3E%3Ccode%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMap%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Azoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E16%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aheading%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E64.5%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Atilt%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E73%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3EenableScrollWheelZoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMarker3d%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aposition%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Epoint1%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aheight%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E1200%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Asize%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E200%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3EfillColor%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%23454399%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3AfillOpacity%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E0.5%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3Eshape%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EBMAP_SHAPE_CIRCLE%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBMap%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Escript%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Esetup%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Elang%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ets%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20script%22%3E%3Cspan%20class%3D%22token%20language-javascript%22%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20point1%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elat%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E39.915185%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elng%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E116.400901%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Escript%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3C%2Fcode%3E%3C%2Fpre%3E",path:"overlay/marker3d/index","raw-source":"%3Ctemplate%3E%0A%20%20%3CBMap%20v-bind%3D%22%24attrs%22%20%3Azoom%3D%2216%22%20%3Aheading%3D%2264.5%22%20%3Atilt%3D%2273%22%20enableScrollWheelZoom%3E%0A%20%20%20%20%3CBMarker3d%0A%20%20%20%20%20%20%3Aposition%3D%22point1%22%0A%20%20%20%20%20%20%3Aheight%3D%221200%22%0A%20%20%20%20%20%20%3Asize%3D%22200%22%0A%20%20%20%20%20%20fillColor%3D%22%23454399%22%0A%20%20%20%20%20%20%3AfillOpacity%3D%220.5%22%0A%20%20%20%20%20%20shape%3D%22BMAP_SHAPE_CIRCLE%22%0A%20%20%20%20%2F%3E%0A%20%20%3C%2FBMap%3E%0A%3C%2Ftemplate%3E%0A%0A%3Cscript%20setup%20lang%3D%22ts%22%3E%0A%20%20const%20point1%20%3D%20%7B%20lat%3A%2039.915185%2C%20lng%3A%20116.400901%20%7D%0A%3C%2Fscript%3E%0A",description:"%3Cp%3E%E5%9C%A8%E5%9C%B0%E5%9B%BE%E4%B8%8A%E7%BB%98%E5%88%B6%E5%B8%A6%E9%AB%98%E5%BA%A6%E7%9A%84%E7%82%B9%E8%A6%86%E7%9B%96%E7%89%A9%3C%2Fp%3E%0A"},{default:o(()=>[M]),_:1}),i,n(e,{source:"%3Cpre%20v-pre%3E%3Ccode%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMap%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Azoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E16%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aheading%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E64.5%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Atilt%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E73%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3EenableScrollWheelZoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMarker3d%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aposition%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Epoint1%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aheight%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E1200%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Asize%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E200%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3Eshape%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EBMAP_SHAPE_CIRCLE%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aicon%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%7B%0A%20%20%20%20%20%20%20%20imageUrl%3A%20base64Icon%2C%0A%20%20%20%20%20%20%20%20imageSize%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20width%3A%20200%2C%0A%20%20%20%20%20%20%20%20%20%20height%3A%20200%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMarker3d%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aposition%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Epoint2%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aheight%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E800%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Asize%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E200%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3Eshape%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EBMAP_SHAPE_CIRCLE%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aicon%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%7B%0A%20%20%20%20%20%20%20%20imageUrl%3A%20base64Icon%2C%0A%20%20%20%20%20%20%20%20imageSize%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20width%3A%20200%2C%0A%20%20%20%20%20%20%20%20%20%20height%3A%20200%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBMap%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Escript%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Esetup%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Elang%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ets%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20script%22%3E%3Cspan%20class%3D%22token%20language-javascript%22%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20point1%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elat%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E39.925185%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elng%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E116.400901%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20point2%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elat%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E39.915185%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elng%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E116.400901%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20base64Icon%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDQ4IDQ4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjQgNEMxMi45NTQzIDQgNCAxMi45NTQzIDQgMjRDNCAzNS4wNDU3IDEyLjk1NDMgNDQgMjQgNDRDMzUuMDQ1NyA0NCA0NCAzNS4wNDU3IDQ0IDI0QzQ0IDEyLjk1NDMgMzUuMDQ1NyA0IDI0IDRaTTAgMjRDMCAxMC43NDUyIDEwLjc0NTIgMCAyNCAwQzM3LjI1NDggMCA0OCAxMC43NDUyIDQ4IDI0QzQ4IDM3LjI1NDggMzcuMjU0OCA0OCAyNCA0OEMxMC43NDUyIDQ4IDAgMzcuMjU0OCAwIDI0WiIgZmlsbD0iIzAwMDAwMCIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTkuMTgzMyA0NS40NzE2QzE4Ljk4OTggNDUuMjIxOSAxOC45ODk4IDQyLjk5NzMgMTkuMTgzMyAzOC43OThDMTcuMTExNCAzOC44Njk2IDE1LjgwMjQgMzguNzI1OCAxNS4yNTYzIDM4LjM2NjdDMTQuNDM3IDM3LjgyOCAxMy42MTY5IDM2LjE2NjcgMTIuODg5MSAzNC45OTU5QzEyLjE2MTQgMzMuODI1MSAxMC41NDYzIDMzLjY0IDkuODk0MDUgMzMuMzc4M0M5LjI0MTgyIDMzLjExNjUgOS4wNzgwOSAzMi4wNDk2IDExLjY5MTMgMzIuODU2NUMxNC4zMDQ0IDMzLjY2MzQgMTQuNDMxOSAzNS44NjA3IDE1LjI1NjMgMzYuMzc0NUMxNi4wODA2IDM2Ljg4ODMgMTguMDUxNSAzNi42NjM1IDE4Ljk0NDggMzYuMjUxOUMxOS44MzgyIDM1Ljg0MDMgMTkuNzcyNCAzNC4zMDc4IDE5LjkzMTcgMzMuNzAwN0MyMC4xMzMxIDMzLjEzNCAxOS40MjMzIDMzLjAwODMgMTkuNDA3NyAzMy4wMDM3QzE4LjUzNTUgMzMuMDAzNyAxMy45NTM5IDMyLjAwNzMgMTIuNjk1NSAyNy41NzA2QzExLjQzNyAyMy4xMzQgMTMuMDU4MSAyMC4yMzQxIDEzLjkyMjkgMTguOTg3NUMxNC40OTk1IDE4LjE1NjQgMTQuNDQ4NSAxNi4zODUyIDEzLjc2OTkgMTMuNjczN0MxNi4yMzM1IDEzLjM1ODkgMTguMTM0NyAxNC4xMzQzIDE5LjQ3MzQgMTYuMDAwMUMxOS40NzQ3IDE2LjAxMDggMjEuMjI4NSAxNC45NTcyIDI0LjAwMDMgMTQuOTU3MkMyNi43NzIgMTQuOTU3MiAyNy43NTUzIDE1LjgxNTQgMjguNTE0MiAxNi4wMDAxQzI5LjI3MzEgMTYuMTg0OCAyOS44OCAxMi43MzQxIDM0LjU2NjggMTMuNjczN0MzMy41ODgzIDE1LjU5NjkgMzIuNzY4OSAxOC4wMDAxIDMzLjM5NDMgMTguOTg3NUMzNC4wMTk4IDE5Ljk3NDkgMzYuNDc0NSAyMy4xMTQ3IDM0Ljk2NjYgMjcuNTcwNkMzMy45NjE0IDMwLjU0MTMgMzEuOTg1MyAzMi4zNTIzIDI5LjAzODQgMzMuMDAzN0MyOC43MDA1IDMzLjExMTUgMjguNTMxNSAzMy4yODU1IDI4LjUzMTUgMzMuNTI1NUMyOC41MzE1IDMzLjg4NTYgMjguOTg4NCAzMy45MjQ5IDI5LjY0NjUgMzUuNjExN0MzMC4wODUzIDM2LjczNjIgMzAuMTE3IDM5Ljk0OCAyOS43NDE2IDQ1LjI0N0MyOC43OTA2IDQ1LjQ4OTEgMjguMDUwOCA0NS42NTE2IDI3LjUyMjEgNDUuNzM0N0MyNi41ODQ3IDQ1Ljg4MiAyNS41NjY5IDQ1Ljk2NDYgMjQuNTY2OSA0NS45OTY1QzIzLjU2NjkgNDYuMDI4NCAyMy4yMTk2IDQ2LjAyNDggMjEuODM3IDQ1Ljg5NjFDMjAuOTE1NCA0NS44MTAzIDIwLjAzMDggNDUuNjY4OCAxOS4xODMzIDQ1LjQ3MTZaIiBmaWxsPSIjMDAwMDAwIi8%2BPC9zdmc%2B'%3C%2Fspan%3E%0A%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Escript%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3C%2Fcode%3E%3C%2Fpre%3E",path:"overlay/marker3d/withImg","raw-source":"%3Ctemplate%3E%0A%20%20%3CBMap%20v-bind%3D%22%24attrs%22%20%3Azoom%3D%2216%22%20%3Aheading%3D%2264.5%22%20%3Atilt%3D%2273%22%20enableScrollWheelZoom%3E%0A%20%20%20%20%3CBMarker3d%0A%20%20%20%20%20%20%3Aposition%3D%22point1%22%0A%20%20%20%20%20%20%3Aheight%3D%221200%22%0A%20%20%20%20%20%20%3Asize%3D%22200%22%0A%20%20%20%20%20%20shape%3D%22BMAP_SHAPE_CIRCLE%22%0A%20%20%20%20%20%20%3Aicon%3D%22%7B%0A%20%20%20%20%20%20%20%20imageUrl%3A%20base64Icon%2C%0A%20%20%20%20%20%20%20%20imageSize%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20width%3A%20200%2C%0A%20%20%20%20%20%20%20%20%20%20height%3A%20200%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%22%0A%20%20%20%20%2F%3E%0A%20%20%20%20%3CBMarker3d%0A%20%20%20%20%20%20%3Aposition%3D%22point2%22%0A%20%20%20%20%20%20%3Aheight%3D%22800%22%0A%20%20%20%20%20%20%3Asize%3D%22200%22%0A%20%20%20%20%20%20shape%3D%22BMAP_SHAPE_CIRCLE%22%0A%20%20%20%20%20%20%3Aicon%3D%22%7B%0A%20%20%20%20%20%20%20%20imageUrl%3A%20base64Icon%2C%0A%20%20%20%20%20%20%20%20imageSize%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20width%3A%20200%2C%0A%20%20%20%20%20%20%20%20%20%20height%3A%20200%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%22%0A%20%20%20%20%2F%3E%0A%20%20%3C%2FBMap%3E%0A%3C%2Ftemplate%3E%0A%0A%3Cscript%20setup%20lang%3D%22ts%22%3E%0A%20%20const%20point1%20%3D%20%7B%20lat%3A%2039.925185%2C%20lng%3A%20116.400901%20%7D%0A%20%20const%20point2%20%3D%20%7B%20lat%3A%2039.915185%2C%20lng%3A%20116.400901%20%7D%0A%20%20const%20base64Icon%20%3D%20'data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDQ4IDQ4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjQgNEMxMi45NTQzIDQgNCAxMi45NTQzIDQgMjRDNCAzNS4wNDU3IDEyLjk1NDMgNDQgMjQgNDRDMzUuMDQ1NyA0NCA0NCAzNS4wNDU3IDQ0IDI0QzQ0IDEyLjk1NDMgMzUuMDQ1NyA0IDI0IDRaTTAgMjRDMCAxMC43NDUyIDEwLjc0NTIgMCAyNCAwQzM3LjI1NDggMCA0OCAxMC43NDUyIDQ4IDI0QzQ4IDM3LjI1NDggMzcuMjU0OCA0OCAyNCA0OEMxMC43NDUyIDQ4IDAgMzcuMjU0OCAwIDI0WiIgZmlsbD0iIzAwMDAwMCIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTkuMTgzMyA0NS40NzE2QzE4Ljk4OTggNDUuMjIxOSAxOC45ODk4IDQyLjk5NzMgMTkuMTgzMyAzOC43OThDMTcuMTExNCAzOC44Njk2IDE1LjgwMjQgMzguNzI1OCAxNS4yNTYzIDM4LjM2NjdDMTQuNDM3IDM3LjgyOCAxMy42MTY5IDM2LjE2NjcgMTIuODg5MSAzNC45OTU5QzEyLjE2MTQgMzMuODI1MSAxMC41NDYzIDMzLjY0IDkuODk0MDUgMzMuMzc4M0M5LjI0MTgyIDMzLjExNjUgOS4wNzgwOSAzMi4wNDk2IDExLjY5MTMgMzIuODU2NUMxNC4zMDQ0IDMzLjY2MzQgMTQuNDMxOSAzNS44NjA3IDE1LjI1NjMgMzYuMzc0NUMxNi4wODA2IDM2Ljg4ODMgMTguMDUxNSAzNi42NjM1IDE4Ljk0NDggMzYuMjUxOUMxOS44MzgyIDM1Ljg0MDMgMTkuNzcyNCAzNC4zMDc4IDE5LjkzMTcgMzMuNzAwN0MyMC4xMzMxIDMzLjEzNCAxOS40MjMzIDMzLjAwODMgMTkuNDA3NyAzMy4wMDM3QzE4LjUzNTUgMzMuMDAzNyAxMy45NTM5IDMyLjAwNzMgMTIuNjk1NSAyNy41NzA2QzExLjQzNyAyMy4xMzQgMTMuMDU4MSAyMC4yMzQxIDEzLjkyMjkgMTguOTg3NUMxNC40OTk1IDE4LjE1NjQgMTQuNDQ4NSAxNi4zODUyIDEzLjc2OTkgMTMuNjczN0MxNi4yMzM1IDEzLjM1ODkgMTguMTM0NyAxNC4xMzQzIDE5LjQ3MzQgMTYuMDAwMUMxOS40NzQ3IDE2LjAxMDggMjEuMjI4NSAxNC45NTcyIDI0LjAwMDMgMTQuOTU3MkMyNi43NzIgMTQuOTU3MiAyNy43NTUzIDE1LjgxNTQgMjguNTE0MiAxNi4wMDAxQzI5LjI3MzEgMTYuMTg0OCAyOS44OCAxMi43MzQxIDM0LjU2NjggMTMuNjczN0MzMy41ODgzIDE1LjU5NjkgMzIuNzY4OSAxOC4wMDAxIDMzLjM5NDMgMTguOTg3NUMzNC4wMTk4IDE5Ljk3NDkgMzYuNDc0NSAyMy4xMTQ3IDM0Ljk2NjYgMjcuNTcwNkMzMy45NjE0IDMwLjU0MTMgMzEuOTg1MyAzMi4zNTIzIDI5LjAzODQgMzMuMDAzN0MyOC43MDA1IDMzLjExMTUgMjguNTMxNSAzMy4yODU1IDI4LjUzMTUgMzMuNTI1NUMyOC41MzE1IDMzLjg4NTYgMjguOTg4NCAzMy45MjQ5IDI5LjY0NjUgMzUuNjExN0MzMC4wODUzIDM2LjczNjIgMzAuMTE3IDM5Ljk0OCAyOS43NDE2IDQ1LjI0N0MyOC43OTA2IDQ1LjQ4OTEgMjguMDUwOCA0NS42NTE2IDI3LjUyMjEgNDUuNzM0N0MyNi41ODQ3IDQ1Ljg4MiAyNS41NjY5IDQ1Ljk2NDYgMjQuNTY2OSA0NS45OTY1QzIzLjU2NjkgNDYuMDI4NCAyMy4yMTk2IDQ2LjAyNDggMjEuODM3IDQ1Ljg5NjFDMjAuOTE1NCA0NS44MTAzIDIwLjAzMDggNDUuNjY4OCAxOS4xODMzIDQ1LjQ3MTZaIiBmaWxsPSIjMDAwMDAwIi8%2BPC9zdmc%2B'%0A%3C%2Fscript%3E%0A",description:"%3Cp%3E%E7%BB%99%E7%82%B9%E8%B4%B4%E4%B8%8A%E7%BA%B9%E7%90%86%3C%2Fp%3E%0A"},{default:o(()=>[d]),_:1}),r,a("table",null,[A,a("tbody",null,[k,g,N,I,F,a("tr",null,[z,j,h,y,T,a("td",null,[n(C,{type:"tip",text:"^2.2.0"})])])])]),m])}const w=E(D,[["render",O]]);export{U as __pageData,w as default}; diff --git a/assets/zh-CN_components_overlay_marker3d.md.7p8_vjNx.lean.js b/assets/zh-CN_components_overlay_marker3d.md.7p8_vjNx.lean.js new file mode 100644 index 00000000..e7ed819c --- /dev/null +++ b/assets/zh-CN_components_overlay_marker3d.md.7p8_vjNx.lean.js @@ -0,0 +1 @@ +import{_ as E,D as p,c as l,I as n,w as o,k as a,R as s,a as t,o as c}from"./chunks/framework.aeLSa5ZG.js";const U=JSON.parse('{"title":"BMarker3d 带高度的点","description":"","frontmatter":{},"headers":[],"relativePath":"zh-CN/components/overlay/marker3d.md","filePath":"zh-CN/components/overlay/marker3d.md","lastUpdated":1710870588000}'),D={name:"zh-CN/components/overlay/marker3d.md"},u=s("",4),M=a("p",null,"overlay/marker3d/index",-1),i=a("h2",{id:"纹理贴图",tabindex:"-1"},[t("纹理贴图 "),a("a",{class:"header-anchor",href:"#纹理贴图","aria-label":'Permalink to "纹理贴图"'},"​")],-1),d=a("p",null,"overlay/marker3d/withImg",-1),r=s("",5),A=a("thead",null,[a("tr",null,[a("th",null,"属性"),a("th",null,"说明"),a("th",null,"类型"),a("th",null,"可选值"),a("th",null,"默认值"),a("th",null,"版本")])],-1),k=a("tr",null,[a("td",null,"position"),a("td",null,"点的坐标"),a("td",null,[a("code",null,"{ lng: number, lat: number}")]),a("td",null,"-"),a("td",null,[a("code",null,"required")]),a("td",null,"-")],-1),g=a("tr",null,[a("td",null,"icon"),a("td",null,[t("点的图或"),a("a",{href:"#自定义纹理贴图"},"自定义纹理贴图")]),a("td",null,[a("code",null,"string ")]),a("td",null,"-"),a("td"),a("td",null,"-")],-1),N=a("tr",null,[a("td",null,"fillColor"),a("td",null,"点填充颜色，同 CSS 颜色"),a("td",null,[a("code",null,"string ")]),a("td",null,"-"),a("td",null,[a("code",null,"#f00")]),a("td",null,"-")],-1),I=a("tr",null,[a("td",null,"fillOpacity"),a("td",null,"点填充的透明度，范围 0-1"),a("td",null,[a("code",null,"number ")]),a("td",null,[a("code",null,"0-1")]),a("td",null,[a("code",null,"0.8 ")]),a("td",null,"-")],-1),F=a("tr",null,[a("td",null,"enableMassClear"),a("td",null,[t("是否在调用 "),a("code",null,"map.clearOverlays"),t(" 清除此覆盖物")]),a("td",null,[a("code",null,"boolean")]),a("td",null,"-"),a("td",null,[a("code",null," true")]),a("td",null,"-")],-1),z=a("td",null,"visible",-1),j=a("td",null,"是否显示",-1),h=a("td",null,[a("code",null,"boolean")],-1),y=a("td",null,"-",-1),T=a("td",null,[a("code",null,"true")],-1),m=s("",4);function O(x,L,Q,S,_,B){const e=p("Demo"),C=p("Badge");return c(),l("div",null,[u,n(e,{source:"%3Cpre%20v-pre%3E%3Ccode%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMap%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Azoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E16%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aheading%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E64.5%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Atilt%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E73%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3EenableScrollWheelZoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMarker3d%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aposition%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Epoint1%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aheight%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E1200%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Asize%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E200%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3EfillColor%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%23454399%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3AfillOpacity%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E0.5%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3Eshape%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EBMAP_SHAPE_CIRCLE%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBMap%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Escript%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Esetup%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Elang%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ets%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20script%22%3E%3Cspan%20class%3D%22token%20language-javascript%22%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20point1%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elat%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E39.915185%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elng%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E116.400901%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Escript%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3C%2Fcode%3E%3C%2Fpre%3E",path:"overlay/marker3d/index","raw-source":"%3Ctemplate%3E%0A%20%20%3CBMap%20v-bind%3D%22%24attrs%22%20%3Azoom%3D%2216%22%20%3Aheading%3D%2264.5%22%20%3Atilt%3D%2273%22%20enableScrollWheelZoom%3E%0A%20%20%20%20%3CBMarker3d%0A%20%20%20%20%20%20%3Aposition%3D%22point1%22%0A%20%20%20%20%20%20%3Aheight%3D%221200%22%0A%20%20%20%20%20%20%3Asize%3D%22200%22%0A%20%20%20%20%20%20fillColor%3D%22%23454399%22%0A%20%20%20%20%20%20%3AfillOpacity%3D%220.5%22%0A%20%20%20%20%20%20shape%3D%22BMAP_SHAPE_CIRCLE%22%0A%20%20%20%20%2F%3E%0A%20%20%3C%2FBMap%3E%0A%3C%2Ftemplate%3E%0A%0A%3Cscript%20setup%20lang%3D%22ts%22%3E%0A%20%20const%20point1%20%3D%20%7B%20lat%3A%2039.915185%2C%20lng%3A%20116.400901%20%7D%0A%3C%2Fscript%3E%0A",description:"%3Cp%3E%E5%9C%A8%E5%9C%B0%E5%9B%BE%E4%B8%8A%E7%BB%98%E5%88%B6%E5%B8%A6%E9%AB%98%E5%BA%A6%E7%9A%84%E7%82%B9%E8%A6%86%E7%9B%96%E7%89%A9%3C%2Fp%3E%0A"},{default:o(()=>[M]),_:1}),i,n(e,{source:"%3Cpre%20v-pre%3E%3Ccode%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMap%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Azoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E16%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aheading%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E64.5%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Atilt%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E73%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3EenableScrollWheelZoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMarker3d%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aposition%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Epoint1%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aheight%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E1200%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Asize%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E200%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3Eshape%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EBMAP_SHAPE_CIRCLE%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aicon%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%7B%0A%20%20%20%20%20%20%20%20imageUrl%3A%20base64Icon%2C%0A%20%20%20%20%20%20%20%20imageSize%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20width%3A%20200%2C%0A%20%20%20%20%20%20%20%20%20%20height%3A%20200%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMarker3d%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aposition%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Epoint2%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aheight%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E800%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Asize%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E200%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3Eshape%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EBMAP_SHAPE_CIRCLE%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aicon%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%7B%0A%20%20%20%20%20%20%20%20imageUrl%3A%20base64Icon%2C%0A%20%20%20%20%20%20%20%20imageSize%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20width%3A%20200%2C%0A%20%20%20%20%20%20%20%20%20%20height%3A%20200%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBMap%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Escript%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Esetup%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Elang%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ets%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20script%22%3E%3Cspan%20class%3D%22token%20language-javascript%22%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20point1%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elat%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E39.925185%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elng%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E116.400901%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20point2%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elat%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E39.915185%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elng%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E116.400901%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20base64Icon%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDQ4IDQ4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjQgNEMxMi45NTQzIDQgNCAxMi45NTQzIDQgMjRDNCAzNS4wNDU3IDEyLjk1NDMgNDQgMjQgNDRDMzUuMDQ1NyA0NCA0NCAzNS4wNDU3IDQ0IDI0QzQ0IDEyLjk1NDMgMzUuMDQ1NyA0IDI0IDRaTTAgMjRDMCAxMC43NDUyIDEwLjc0NTIgMCAyNCAwQzM3LjI1NDggMCA0OCAxMC43NDUyIDQ4IDI0QzQ4IDM3LjI1NDggMzcuMjU0OCA0OCAyNCA0OEMxMC43NDUyIDQ4IDAgMzcuMjU0OCAwIDI0WiIgZmlsbD0iIzAwMDAwMCIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTkuMTgzMyA0NS40NzE2QzE4Ljk4OTggNDUuMjIxOSAxOC45ODk4IDQyLjk5NzMgMTkuMTgzMyAzOC43OThDMTcuMTExNCAzOC44Njk2IDE1LjgwMjQgMzguNzI1OCAxNS4yNTYzIDM4LjM2NjdDMTQuNDM3IDM3LjgyOCAxMy42MTY5IDM2LjE2NjcgMTIuODg5MSAzNC45OTU5QzEyLjE2MTQgMzMuODI1MSAxMC41NDYzIDMzLjY0IDkuODk0MDUgMzMuMzc4M0M5LjI0MTgyIDMzLjExNjUgOS4wNzgwOSAzMi4wNDk2IDExLjY5MTMgMzIuODU2NUMxNC4zMDQ0IDMzLjY2MzQgMTQuNDMxOSAzNS44NjA3IDE1LjI1NjMgMzYuMzc0NUMxNi4wODA2IDM2Ljg4ODMgMTguMDUxNSAzNi42NjM1IDE4Ljk0NDggMzYuMjUxOUMxOS44MzgyIDM1Ljg0MDMgMTkuNzcyNCAzNC4zMDc4IDE5LjkzMTcgMzMuNzAwN0MyMC4xMzMxIDMzLjEzNCAxOS40MjMzIDMzLjAwODMgMTkuNDA3NyAzMy4wMDM3QzE4LjUzNTUgMzMuMDAzNyAxMy45NTM5IDMyLjAwNzMgMTIuNjk1NSAyNy41NzA2QzExLjQzNyAyMy4xMzQgMTMuMDU4MSAyMC4yMzQxIDEzLjkyMjkgMTguOTg3NUMxNC40OTk1IDE4LjE1NjQgMTQuNDQ4NSAxNi4zODUyIDEzLjc2OTkgMTMuNjczN0MxNi4yMzM1IDEzLjM1ODkgMTguMTM0NyAxNC4xMzQzIDE5LjQ3MzQgMTYuMDAwMUMxOS40NzQ3IDE2LjAxMDggMjEuMjI4NSAxNC45NTcyIDI0LjAwMDMgMTQuOTU3MkMyNi43NzIgMTQuOTU3MiAyNy43NTUzIDE1LjgxNTQgMjguNTE0MiAxNi4wMDAxQzI5LjI3MzEgMTYuMTg0OCAyOS44OCAxMi43MzQxIDM0LjU2NjggMTMuNjczN0MzMy41ODgzIDE1LjU5NjkgMzIuNzY4OSAxOC4wMDAxIDMzLjM5NDMgMTguOTg3NUMzNC4wMTk4IDE5Ljk3NDkgMzYuNDc0NSAyMy4xMTQ3IDM0Ljk2NjYgMjcuNTcwNkMzMy45NjE0IDMwLjU0MTMgMzEuOTg1MyAzMi4zNTIzIDI5LjAzODQgMzMuMDAzN0MyOC43MDA1IDMzLjExMTUgMjguNTMxNSAzMy4yODU1IDI4LjUzMTUgMzMuNTI1NUMyOC41MzE1IDMzLjg4NTYgMjguOTg4NCAzMy45MjQ5IDI5LjY0NjUgMzUuNjExN0MzMC4wODUzIDM2LjczNjIgMzAuMTE3IDM5Ljk0OCAyOS43NDE2IDQ1LjI0N0MyOC43OTA2IDQ1LjQ4OTEgMjguMDUwOCA0NS42NTE2IDI3LjUyMjEgNDUuNzM0N0MyNi41ODQ3IDQ1Ljg4MiAyNS41NjY5IDQ1Ljk2NDYgMjQuNTY2OSA0NS45OTY1QzIzLjU2NjkgNDYuMDI4NCAyMy4yMTk2IDQ2LjAyNDggMjEuODM3IDQ1Ljg5NjFDMjAuOTE1NCA0NS44MTAzIDIwLjAzMDggNDUuNjY4OCAxOS4xODMzIDQ1LjQ3MTZaIiBmaWxsPSIjMDAwMDAwIi8%2BPC9zdmc%2B'%3C%2Fspan%3E%0A%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Escript%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3C%2Fcode%3E%3C%2Fpre%3E",path:"overlay/marker3d/withImg","raw-source":"%3Ctemplate%3E%0A%20%20%3CBMap%20v-bind%3D%22%24attrs%22%20%3Azoom%3D%2216%22%20%3Aheading%3D%2264.5%22%20%3Atilt%3D%2273%22%20enableScrollWheelZoom%3E%0A%20%20%20%20%3CBMarker3d%0A%20%20%20%20%20%20%3Aposition%3D%22point1%22%0A%20%20%20%20%20%20%3Aheight%3D%221200%22%0A%20%20%20%20%20%20%3Asize%3D%22200%22%0A%20%20%20%20%20%20shape%3D%22BMAP_SHAPE_CIRCLE%22%0A%20%20%20%20%20%20%3Aicon%3D%22%7B%0A%20%20%20%20%20%20%20%20imageUrl%3A%20base64Icon%2C%0A%20%20%20%20%20%20%20%20imageSize%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20width%3A%20200%2C%0A%20%20%20%20%20%20%20%20%20%20height%3A%20200%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%22%0A%20%20%20%20%2F%3E%0A%20%20%20%20%3CBMarker3d%0A%20%20%20%20%20%20%3Aposition%3D%22point2%22%0A%20%20%20%20%20%20%3Aheight%3D%22800%22%0A%20%20%20%20%20%20%3Asize%3D%22200%22%0A%20%20%20%20%20%20shape%3D%22BMAP_SHAPE_CIRCLE%22%0A%20%20%20%20%20%20%3Aicon%3D%22%7B%0A%20%20%20%20%20%20%20%20imageUrl%3A%20base64Icon%2C%0A%20%20%20%20%20%20%20%20imageSize%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20width%3A%20200%2C%0A%20%20%20%20%20%20%20%20%20%20height%3A%20200%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%22%0A%20%20%20%20%2F%3E%0A%20%20%3C%2FBMap%3E%0A%3C%2Ftemplate%3E%0A%0A%3Cscript%20setup%20lang%3D%22ts%22%3E%0A%20%20const%20point1%20%3D%20%7B%20lat%3A%2039.925185%2C%20lng%3A%20116.400901%20%7D%0A%20%20const%20point2%20%3D%20%7B%20lat%3A%2039.915185%2C%20lng%3A%20116.400901%20%7D%0A%20%20const%20base64Icon%20%3D%20'data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDQ4IDQ4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjQgNEMxMi45NTQzIDQgNCAxMi45NTQzIDQgMjRDNCAzNS4wNDU3IDEyLjk1NDMgNDQgMjQgNDRDMzUuMDQ1NyA0NCA0NCAzNS4wNDU3IDQ0IDI0QzQ0IDEyLjk1NDMgMzUuMDQ1NyA0IDI0IDRaTTAgMjRDMCAxMC43NDUyIDEwLjc0NTIgMCAyNCAwQzM3LjI1NDggMCA0OCAxMC43NDUyIDQ4IDI0QzQ4IDM3LjI1NDggMzcuMjU0OCA0OCAyNCA0OEMxMC43NDUyIDQ4IDAgMzcuMjU0OCAwIDI0WiIgZmlsbD0iIzAwMDAwMCIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTkuMTgzMyA0NS40NzE2QzE4Ljk4OTggNDUuMjIxOSAxOC45ODk4IDQyLjk5NzMgMTkuMTgzMyAzOC43OThDMTcuMTExNCAzOC44Njk2IDE1LjgwMjQgMzguNzI1OCAxNS4yNTYzIDM4LjM2NjdDMTQuNDM3IDM3LjgyOCAxMy42MTY5IDM2LjE2NjcgMTIuODg5MSAzNC45OTU5QzEyLjE2MTQgMzMuODI1MSAxMC41NDYzIDMzLjY0IDkuODk0MDUgMzMuMzc4M0M5LjI0MTgyIDMzLjExNjUgOS4wNzgwOSAzMi4wNDk2IDExLjY5MTMgMzIuODU2NUMxNC4zMDQ0IDMzLjY2MzQgMTQuNDMxOSAzNS44NjA3IDE1LjI1NjMgMzYuMzc0NUMxNi4wODA2IDM2Ljg4ODMgMTguMDUxNSAzNi42NjM1IDE4Ljk0NDggMzYuMjUxOUMxOS44MzgyIDM1Ljg0MDMgMTkuNzcyNCAzNC4zMDc4IDE5LjkzMTcgMzMuNzAwN0MyMC4xMzMxIDMzLjEzNCAxOS40MjMzIDMzLjAwODMgMTkuNDA3NyAzMy4wMDM3QzE4LjUzNTUgMzMuMDAzNyAxMy45NTM5IDMyLjAwNzMgMTIuNjk1NSAyNy41NzA2QzExLjQzNyAyMy4xMzQgMTMuMDU4MSAyMC4yMzQxIDEzLjkyMjkgMTguOTg3NUMxNC40OTk1IDE4LjE1NjQgMTQuNDQ4NSAxNi4zODUyIDEzLjc2OTkgMTMuNjczN0MxNi4yMzM1IDEzLjM1ODkgMTguMTM0NyAxNC4xMzQzIDE5LjQ3MzQgMTYuMDAwMUMxOS40NzQ3IDE2LjAxMDggMjEuMjI4NSAxNC45NTcyIDI0LjAwMDMgMTQuOTU3MkMyNi43NzIgMTQuOTU3MiAyNy43NTUzIDE1LjgxNTQgMjguNTE0MiAxNi4wMDAxQzI5LjI3MzEgMTYuMTg0OCAyOS44OCAxMi43MzQxIDM0LjU2NjggMTMuNjczN0MzMy41ODgzIDE1LjU5NjkgMzIuNzY4OSAxOC4wMDAxIDMzLjM5NDMgMTguOTg3NUMzNC4wMTk4IDE5Ljk3NDkgMzYuNDc0NSAyMy4xMTQ3IDM0Ljk2NjYgMjcuNTcwNkMzMy45NjE0IDMwLjU0MTMgMzEuOTg1MyAzMi4zNTIzIDI5LjAzODQgMzMuMDAzN0MyOC43MDA1IDMzLjExMTUgMjguNTMxNSAzMy4yODU1IDI4LjUzMTUgMzMuNTI1NUMyOC41MzE1IDMzLjg4NTYgMjguOTg4NCAzMy45MjQ5IDI5LjY0NjUgMzUuNjExN0MzMC4wODUzIDM2LjczNjIgMzAuMTE3IDM5Ljk0OCAyOS43NDE2IDQ1LjI0N0MyOC43OTA2IDQ1LjQ4OTEgMjguMDUwOCA0NS42NTE2IDI3LjUyMjEgNDUuNzM0N0MyNi41ODQ3IDQ1Ljg4MiAyNS41NjY5IDQ1Ljk2NDYgMjQuNTY2OSA0NS45OTY1QzIzLjU2NjkgNDYuMDI4NCAyMy4yMTk2IDQ2LjAyNDggMjEuODM3IDQ1Ljg5NjFDMjAuOTE1NCA0NS44MTAzIDIwLjAzMDggNDUuNjY4OCAxOS4xODMzIDQ1LjQ3MTZaIiBmaWxsPSIjMDAwMDAwIi8%2BPC9zdmc%2B'%0A%3C%2Fscript%3E%0A",description:"%3Cp%3E%E7%BB%99%E7%82%B9%E8%B4%B4%E4%B8%8A%E7%BA%B9%E7%90%86%3C%2Fp%3E%0A"},{default:o(()=>[d]),_:1}),r,a("table",null,[A,a("tbody",null,[k,g,N,I,F,a("tr",null,[z,j,h,y,T,a("td",null,[n(C,{type:"tip",text:"^2.2.0"})])])])]),m])}const w=E(D,[["render",O]]);export{U as __pageData,w as default}; diff --git a/assets/zh-CN_components_overlay_polygon.md.lGzkxvGv.js b/assets/zh-CN_components_overlay_polygon.md.lGzkxvGv.js new file mode 100644 index 00000000..e9a5e20e --- /dev/null +++ b/assets/zh-CN_components_overlay_polygon.md.lGzkxvGv.js @@ -0,0 +1 @@ +import{_ as l,D as p,c as C,I as a,w as e,k as n,R as t,a as s,o as c}from"./chunks/framework.aeLSa5ZG.js";const R=JSON.parse('{"title":"BPolygon 多边形","description":"","frontmatter":{},"headers":[],"relativePath":"zh-CN/components/overlay/polygon.md","filePath":"zh-CN/components/overlay/polygon.md","lastUpdated":1710870588000}'),u={name:"zh-CN/components/overlay/polygon.md"},D=t('

BPolygon 多边形 ​

在地图上绘制简单的多边形

ts
import { BPolygon } from 'vue3-baidu-map-gl'

组件示例 ​

',4),r=n("p",null,"overlay/polygon/index",-1),d=n("h2",{id:"镂空面绘制-行政区域边界",tabindex:"-1"},[s("镂空面绘制 / 行政区域边界 "),n("a",{class:"header-anchor",href:"#镂空面绘制-行政区域边界","aria-label":'Permalink to "镂空面绘制 / 行政区域边界"'},"​")],-1),i=n("p",null,"overlay/polygon/boundaries",-1),k=t('

静态组件 Props ​

属性说明类型默认值
clip是否进行跨经度 180 度裁剪，绘制跨精度 180 时为了优化效果，boolean true
geodesic是否开启大地线模式，true 时，两点连线将以大地线的形式。boolean false
isBoundary是否是行政区域的边界多边形boolean false
autoCenter是否自动根据多边形居中地图boolean true
enableClicking是否响应点击事件boolean true

动态组件 Props ​

',3),F=n("thead",null,[n("tr",null,[n("th",null,"属性"),n("th",null,"说明"),n("th",null,"类型"),n("th",null,"可选值"),n("th",null,"默认值"),n("th",null,"版本")])],-1),A=n("tr",null,[n("td",null,"path"),n("td",null,"多边形的坐标数组"),n("td",null,[n("code",null," { lng: number, lat: number}[]")]),n("td",null,"-"),n("td",null,[n("code",null,"required")]),n("td",null,"-")],-1),B=n("tr",null,[n("td",null,"strokeColor"),n("td",null,"描边的颜色，同 CSS 颜色"),n("td",null,[n("code",null,"string")]),n("td",null,"-"),n("td",null,[n("code",null,"#000000")]),n("td",null,"-")],-1),g=n("tr",null,[n("td",null,"strokeWeight"),n("td",null,"描边的宽度，单位为像素"),n("td",null,[n("code",null,"string ")]),n("td",null,"-"),n("td",null,[n("code",null,"2 ")]),n("td",null,"-")],-1),h=n("tr",null,[n("td",null,"strokeOpacity"),n("td",null,"描边的透明度，范围 0-1"),n("td",null,[n("code",null,"number ")]),n("td",null,"-"),n("td",null,[n("code",null,"1 ")]),n("td",null,"-")],-1),m=n("tr",null,[n("td",null,"strokeStyle"),n("td",null,"描边的样式，为实线、虚线、或者点状线"),n("td",null,[n("code",null,"string ")]),n("td",null,[n("code",null,"solid / dashed / dotted")]),n("td",null,"-"),n("td",null,"-")],-1),_=n("tr",null,[n("td",null,"fillColor"),n("td",null,"面填充颜色，同 CSS 颜色"),n("td",null,[n("code",null,"string ")]),n("td",null,"-"),n("td",null,[n("code",null,"#fff")]),n("td",null,"-")],-1),v=n("tr",null,[n("td",null,"fillOpacity"),n("td",null,"面填充的透明度，范围 0-1"),n("td",null,[n("code",null,"number ")]),n("td",null,[n("code",null,"0-1")]),n("td",null,[n("code",null,"0.3 ")]),n("td",null,"-")],-1),y=n("tr",null,[n("td",null,"enableMassClear"),n("td",null,[s("是否在调用 "),n("code",null,"map.clearOverlays"),s(" 清除此覆盖物")]),n("td",null,[n("code",null,"boolean")]),n("td",null,"-"),n("td",null,[n("code",null," true")]),n("td",null,"-")],-1),b=n("tr",null,[n("td",null,"enableEditing"),n("td",null,"开启可编辑模式"),n("td",null,[n("code",null,"boolean ")]),n("td",null,"-"),n("td",null,[n("code",null,"false ")]),n("td",null,"-")],-1),f=n("td",null,"visible",-1),q=n("td",null,"是否显示",-1),P=n("td",null,[n("code",null,"boolean")],-1),x=n("td",null,"-",-1),w=n("td",null,[n("code",null,"true")],-1),S=t('

组件事件 ​

事件名说明类型
initd组件初始化后，调用的方法，返回一个地图实例{ map, BmapGL, instance }
unload组件卸载时会调用此方法-
click鼠标左键单击事件的回调函数。 当双击时，产生的事件序列为： click -> click -> dblclick ((e: Event) => void)
dblclick鼠标左键双击事件的回调函数((e: Event) => void)
mousedown鼠标左键在该覆盖物上按下的回调函数((e: Event) => void)
mouseup鼠标左键在该覆盖物上抬起的回调函数((e: Event) => void)
mouseout鼠标指针移出该覆盖物事件的回调函数((e: Event) => void)
mouseover鼠标指针移入该覆盖物事件的回调函数((e: Event) => void)
remove该覆盖物被移除的回调函数((e: Event) => void)
lineupdate覆盖物被编辑后的回调函数((e: Event) => void)
',2);function T(M,z,I,N,V,Z){const o=p("Demo"),E=p("Badge");return c(),C("div",null,[D,a(o,{source:"%3Cpre%20v-pre%3E%3Ccode%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMap%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBPolygon%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3EenableEditing%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Apath%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%5B%0A%20%20%20%20%20%20%20%20%7B%20lng%3A%20116.387112%2C%20lat%3A%2039.920977%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20lng%3A%20116.385243%2C%20lat%3A%2039.913063%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20lng%3A%20116.394226%2C%20lat%3A%2039.917988%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20lng%3A%20116.401772%2C%20lat%3A%2039.921364%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20lng%3A%20116.41248%2C%20lat%3A%2039.92789%20%7D%0A%20%20%20%20%20%20%5D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3Estroke-color%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%23000%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3EfillColor%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%23f90%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Astroke-opacity%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E0.4%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Astroke-weight%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E1%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBMap%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3C%2Fcode%3E%3C%2Fpre%3E",path:"overlay/polygon/index","raw-source":"%3Ctemplate%3E%0A%20%20%3CBMap%20v-bind%3D%22%24attrs%22%3E%0A%20%20%20%20%3CBPolygon%0A%20%20%20%20%20%20enableEditing%0A%20%20%20%20%20%20%3Apath%3D%22%5B%0A%20%20%20%20%20%20%20%20%7B%20lng%3A%20116.387112%2C%20lat%3A%2039.920977%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20lng%3A%20116.385243%2C%20lat%3A%2039.913063%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20lng%3A%20116.394226%2C%20lat%3A%2039.917988%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20lng%3A%20116.401772%2C%20lat%3A%2039.921364%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20lng%3A%20116.41248%2C%20lat%3A%2039.92789%20%7D%0A%20%20%20%20%20%20%5D%22%0A%20%20%20%20%20%20stroke-color%3D%22%23000%22%0A%20%20%20%20%20%20fillColor%3D%22%23f90%22%0A%20%20%20%20%20%20%3Astroke-opacity%3D%220.4%22%0A%20%20%20%20%20%20%3Astroke-weight%3D%221%22%0A%20%20%20%20%2F%3E%0A%20%20%3C%2FBMap%3E%0A%3C%2Ftemplate%3E%0A",description:"%3Cp%3E%E5%9C%A8%E5%9C%B0%E5%9B%BE%E4%B8%8A%E7%BB%98%E5%88%B6%E5%8F%AF%E7%BC%96%E8%BE%91%E7%9A%84%E5%A4%9A%E8%BE%B9%E5%BD%A2%3C%2Fp%3E%0A"},{default:e(()=>[r]),_:1}),d,a(o,{source:"%3Cpre%20v-pre%3E%3Ccode%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMap%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3AminZoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E3%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Azoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ezoom%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3EenableScrollWheelZoom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40initd%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EhandleInitd%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBControl%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20special-attr%22%3E%3Cspan%20class%3D%22token%20attr-name%22%3Estyle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20border-radius%3A%204px%3B%0A%20%20%20%20%20%20%20%20box-shadow%3A%200%202px%206px%200%20rgba(27%2C%20142%2C%20236%2C%200.5)%3B%0A%20%20%20%20%20%20%20%20color%3A%20%23666%3B%0A%20%20%20%20%20%20%20%20background%3A%20%23fff%3B%0A%20%20%20%20%20%20%20%20padding%3A%2010px%3B%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aoffset%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%7B%20x%3A%2015%2C%20y%3A%2015%20%7D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Espan%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E5%9C%B0%E5%8C%BA%EF%BC%9A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Espan%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Eselect%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-model%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Earea%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Eoption%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Evalue%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%E5%8C%97%E4%BA%AC%E5%B8%82%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E5%8C%97%E4%BA%AC%E5%B8%82%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Eoption%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Eoption%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Evalue%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%E9%A1%BA%E4%B9%89%E5%8C%BA%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E5%8C%97%E4%BA%AC%E5%B8%82%E9%A1%BA%E4%B9%89%E5%8C%BA%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Eoption%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Eoption%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Evalue%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%E5%9B%9B%E5%B7%9D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E5%9B%9B%E5%B7%9D%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Eoption%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Eoption%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Evalue%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%E6%88%90%E9%83%BD%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E6%88%90%E9%83%BD%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Eoption%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Eselect%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBControl%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBPolygon%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Akey%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Earea%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3EisBoundary%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Apath%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EpathPoints%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Estroke-color%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%23000%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3EfillColor%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Eblue%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Astroke-weight%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E1%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBMap%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Escript%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Esetup%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Elang%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ets%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20script%22%3E%3Cspan%20class%3D%22token%20language-javascript%22%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Eimport%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20ref%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20watch%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Efrom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'vue'%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Eimport%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20useAreaBoundary%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Efrom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'vue3-baidu-map-gl'%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20zoom%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20ref%3Cspan%20class%3D%22token%20operator%22%3E%26lt%3B%3C%2Fspan%3Enumber%3Cspan%20class%3D%22token%20operator%22%3E%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E11%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20area%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20ref%3Cspan%20class%3D%22token%20operator%22%3E%26lt%3B%3C%2Fspan%3Estring%3Cspan%20class%3D%22token%20operator%22%3E%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20string%22%3E'%E9%A1%BA%E4%B9%89%E5%8C%BA'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20areaZoomMap%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3E%E5%8C%97%E4%BA%AC%E5%B8%82%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E9%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3E%E9%A1%BA%E4%B9%89%E5%8C%BA%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E11%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3E%E5%9B%9B%E5%B7%9D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E7%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3E%E6%88%90%E9%83%BD%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E9%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Eboundaries%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20pathPoints%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20get%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3EuseAreaBoundary%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20zoom%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20areaZoomMap%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3Earea%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Efunction%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3EhandleInitd%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20function%22%3Eget%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3Earea%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20function%22%3Ewatch%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3E%3C%2Fspan%3E%20area%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20get%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Escript%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3C%2Fcode%3E%3C%2Fpre%3E",path:"overlay/polygon/boundaries","raw-source":"%3Ctemplate%3E%0A%20%20%3CBMap%20v-bind%3D%22%24attrs%22%20%3AminZoom%3D%223%22%20%3Azoom%3D%22zoom%22%20enableScrollWheelZoom%20%40initd%3D%22handleInitd%22%3E%0A%20%20%20%20%3CBControl%0A%20%20%20%20%20%20style%3D%22%0A%20%20%20%20%20%20%20%20border-radius%3A%204px%3B%0A%20%20%20%20%20%20%20%20box-shadow%3A%200%202px%206px%200%20rgba(27%2C%20142%2C%20236%2C%200.5)%3B%0A%20%20%20%20%20%20%20%20color%3A%20%23666%3B%0A%20%20%20%20%20%20%20%20background%3A%20%23fff%3B%0A%20%20%20%20%20%20%20%20padding%3A%2010px%3B%0A%20%20%20%20%20%20%22%0A%20%20%20%20%20%20%3Aoffset%3D%22%7B%20x%3A%2015%2C%20y%3A%2015%20%7D%22%0A%20%20%20%20%3E%0A%20%20%20%20%20%20%3Cspan%3E%E5%9C%B0%E5%8C%BA%EF%BC%9A%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cselect%20class%3D%22mySelect%20light%20no-m-b%20no-m-t%22%20v-model%3D%22area%22%3E%0A%20%20%20%20%20%20%20%20%3Coption%20value%3D%22%E5%8C%97%E4%BA%AC%E5%B8%82%22%3E%E5%8C%97%E4%BA%AC%E5%B8%82%3C%2Foption%3E%0A%20%20%20%20%20%20%20%20%3Coption%20value%3D%22%E9%A1%BA%E4%B9%89%E5%8C%BA%22%3E%E5%8C%97%E4%BA%AC%E5%B8%82%E9%A1%BA%E4%B9%89%E5%8C%BA%3C%2Foption%3E%0A%20%20%20%20%20%20%20%20%3Coption%20value%3D%22%E5%9B%9B%E5%B7%9D%22%3E%E5%9B%9B%E5%B7%9D%3C%2Foption%3E%0A%20%20%20%20%20%20%20%20%3Coption%20value%3D%22%E6%88%90%E9%83%BD%22%3E%E6%88%90%E9%83%BD%3C%2Foption%3E%0A%20%20%20%20%20%20%3C%2Fselect%3E%0A%20%20%20%20%3C%2FBControl%3E%0A%20%20%20%20%3CBPolygon%20%3Akey%3D%22area%22%20isBoundary%20%3Apath%3D%22pathPoints%22%20stroke-color%3D%22%23000%22%20fillColor%3D%22blue%22%20%3Astroke-weight%3D%221%22%20%2F%3E%0A%20%20%3C%2FBMap%3E%0A%3C%2Ftemplate%3E%0A%0A%3Cscript%20setup%20lang%3D%22ts%22%3E%0A%20%20import%20%7B%20ref%2C%20watch%20%7D%20from%20'vue'%0A%20%20import%20%7B%20useAreaBoundary%20%7D%20from%20'vue3-baidu-map-gl'%0A%20%20const%20zoom%20%3D%20ref%3Cnumber%3E(11)%0A%20%20const%20area%20%3D%20ref%3Cstring%3E('%E9%A1%BA%E4%B9%89%E5%8C%BA')%0A%20%20const%20areaZoomMap%20%3D%20%7B%0A%20%20%20%20%E5%8C%97%E4%BA%AC%E5%B8%82%3A%209%2C%0A%20%20%20%20%E9%A1%BA%E4%B9%89%E5%8C%BA%3A%2011%2C%0A%20%20%20%20%E5%9B%9B%E5%B7%9D%3A%207%2C%0A%20%20%20%20%E6%88%90%E9%83%BD%3A%209%0A%20%20%7D%0A%0A%20%20const%20%7B%20boundaries%3A%20pathPoints%2C%20get%20%7D%20%3D%20useAreaBoundary(()%20%3D%3E%20%7B%0A%20%20%20%20zoom.value%20%3D%20areaZoomMap%5Barea.value%5D%0A%20%20%7D)%0A%0A%20%20function%20handleInitd()%20%7B%0A%20%20%20%20get(area.value)%0A%20%20%7D%0A%20%20watch(()%20%3D%3E%20area.value%2C%20get)%0A%3C%2Fscript%3E%0A",description:"%3Cp%3E%E7%BB%93%E5%90%88%20%3Ca%20href%3D%22..%2Fhooks%2FuseAreaBoundary%22%3E%3Ccode%3EuseAreaBoundary%3C%2Fcode%3E%3C%2Fa%3E%20hooks%2C%20%E5%B9%B6%E9%80%9A%E8%BF%87%E6%8C%87%E5%AE%9A%20%3Ccode%3Eprops.isBoundary%3C%2Fcode%3E%20%E4%B8%BA%20%3Ccode%3Etrue%3C%2Fcode%3E%20%E5%AE%9E%E7%8E%B0%E8%A1%8C%E6%94%BF%E5%8C%BA%E5%9F%9F%E6%98%BE%E7%A4%BA%E6%95%88%E6%9E%9C%3C%2Fp%3E%0A"},{default:e(()=>[i]),_:1}),k,n("table",null,[F,n("tbody",null,[A,B,g,h,m,_,v,y,b,n("tr",null,[f,q,P,x,w,n("td",null,[a(E,{type:"tip",text:"^2.2.0"})])])])]),S])}const $=l(u,[["render",T]]);export{R as __pageData,$ as default}; diff --git a/assets/zh-CN_components_overlay_polygon.md.lGzkxvGv.lean.js b/assets/zh-CN_components_overlay_polygon.md.lGzkxvGv.lean.js new file mode 100644 index 00000000..7526d40a --- /dev/null +++ b/assets/zh-CN_components_overlay_polygon.md.lGzkxvGv.lean.js @@ -0,0 +1 @@ +import{_ as l,D as p,c as C,I as a,w as e,k as n,R as t,a as s,o as c}from"./chunks/framework.aeLSa5ZG.js";const R=JSON.parse('{"title":"BPolygon 多边形","description":"","frontmatter":{},"headers":[],"relativePath":"zh-CN/components/overlay/polygon.md","filePath":"zh-CN/components/overlay/polygon.md","lastUpdated":1710870588000}'),u={name:"zh-CN/components/overlay/polygon.md"},D=t("",4),r=n("p",null,"overlay/polygon/index",-1),d=n("h2",{id:"镂空面绘制-行政区域边界",tabindex:"-1"},[s("镂空面绘制 / 行政区域边界 "),n("a",{class:"header-anchor",href:"#镂空面绘制-行政区域边界","aria-label":'Permalink to "镂空面绘制 / 行政区域边界"'},"​")],-1),i=n("p",null,"overlay/polygon/boundaries",-1),k=t("",3),F=n("thead",null,[n("tr",null,[n("th",null,"属性"),n("th",null,"说明"),n("th",null,"类型"),n("th",null,"可选值"),n("th",null,"默认值"),n("th",null,"版本")])],-1),A=n("tr",null,[n("td",null,"path"),n("td",null,"多边形的坐标数组"),n("td",null,[n("code",null," { lng: number, lat: number}[]")]),n("td",null,"-"),n("td",null,[n("code",null,"required")]),n("td",null,"-")],-1),B=n("tr",null,[n("td",null,"strokeColor"),n("td",null,"描边的颜色，同 CSS 颜色"),n("td",null,[n("code",null,"string")]),n("td",null,"-"),n("td",null,[n("code",null,"#000000")]),n("td",null,"-")],-1),g=n("tr",null,[n("td",null,"strokeWeight"),n("td",null,"描边的宽度，单位为像素"),n("td",null,[n("code",null,"string ")]),n("td",null,"-"),n("td",null,[n("code",null,"2 ")]),n("td",null,"-")],-1),h=n("tr",null,[n("td",null,"strokeOpacity"),n("td",null,"描边的透明度，范围 0-1"),n("td",null,[n("code",null,"number ")]),n("td",null,"-"),n("td",null,[n("code",null,"1 ")]),n("td",null,"-")],-1),m=n("tr",null,[n("td",null,"strokeStyle"),n("td",null,"描边的样式，为实线、虚线、或者点状线"),n("td",null,[n("code",null,"string ")]),n("td",null,[n("code",null,"solid / dashed / dotted")]),n("td",null,"-"),n("td",null,"-")],-1),_=n("tr",null,[n("td",null,"fillColor"),n("td",null,"面填充颜色，同 CSS 颜色"),n("td",null,[n("code",null,"string ")]),n("td",null,"-"),n("td",null,[n("code",null,"#fff")]),n("td",null,"-")],-1),v=n("tr",null,[n("td",null,"fillOpacity"),n("td",null,"面填充的透明度，范围 0-1"),n("td",null,[n("code",null,"number ")]),n("td",null,[n("code",null,"0-1")]),n("td",null,[n("code",null,"0.3 ")]),n("td",null,"-")],-1),y=n("tr",null,[n("td",null,"enableMassClear"),n("td",null,[s("是否在调用 "),n("code",null,"map.clearOverlays"),s(" 清除此覆盖物")]),n("td",null,[n("code",null,"boolean")]),n("td",null,"-"),n("td",null,[n("code",null," true")]),n("td",null,"-")],-1),b=n("tr",null,[n("td",null,"enableEditing"),n("td",null,"开启可编辑模式"),n("td",null,[n("code",null,"boolean ")]),n("td",null,"-"),n("td",null,[n("code",null,"false ")]),n("td",null,"-")],-1),f=n("td",null,"visible",-1),q=n("td",null,"是否显示",-1),P=n("td",null,[n("code",null,"boolean")],-1),x=n("td",null,"-",-1),w=n("td",null,[n("code",null,"true")],-1),S=t("",2);function T(M,z,I,N,V,Z){const o=p("Demo"),E=p("Badge");return c(),C("div",null,[D,a(o,{source:"%3Cpre%20v-pre%3E%3Ccode%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMap%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBPolygon%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3EenableEditing%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Apath%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%5B%0A%20%20%20%20%20%20%20%20%7B%20lng%3A%20116.387112%2C%20lat%3A%2039.920977%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20lng%3A%20116.385243%2C%20lat%3A%2039.913063%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20lng%3A%20116.394226%2C%20lat%3A%2039.917988%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20lng%3A%20116.401772%2C%20lat%3A%2039.921364%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20lng%3A%20116.41248%2C%20lat%3A%2039.92789%20%7D%0A%20%20%20%20%20%20%5D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3Estroke-color%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%23000%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3EfillColor%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%23f90%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Astroke-opacity%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E0.4%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Astroke-weight%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E1%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBMap%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3C%2Fcode%3E%3C%2Fpre%3E",path:"overlay/polygon/index","raw-source":"%3Ctemplate%3E%0A%20%20%3CBMap%20v-bind%3D%22%24attrs%22%3E%0A%20%20%20%20%3CBPolygon%0A%20%20%20%20%20%20enableEditing%0A%20%20%20%20%20%20%3Apath%3D%22%5B%0A%20%20%20%20%20%20%20%20%7B%20lng%3A%20116.387112%2C%20lat%3A%2039.920977%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20lng%3A%20116.385243%2C%20lat%3A%2039.913063%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20lng%3A%20116.394226%2C%20lat%3A%2039.917988%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20lng%3A%20116.401772%2C%20lat%3A%2039.921364%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20lng%3A%20116.41248%2C%20lat%3A%2039.92789%20%7D%0A%20%20%20%20%20%20%5D%22%0A%20%20%20%20%20%20stroke-color%3D%22%23000%22%0A%20%20%20%20%20%20fillColor%3D%22%23f90%22%0A%20%20%20%20%20%20%3Astroke-opacity%3D%220.4%22%0A%20%20%20%20%20%20%3Astroke-weight%3D%221%22%0A%20%20%20%20%2F%3E%0A%20%20%3C%2FBMap%3E%0A%3C%2Ftemplate%3E%0A",description:"%3Cp%3E%E5%9C%A8%E5%9C%B0%E5%9B%BE%E4%B8%8A%E7%BB%98%E5%88%B6%E5%8F%AF%E7%BC%96%E8%BE%91%E7%9A%84%E5%A4%9A%E8%BE%B9%E5%BD%A2%3C%2Fp%3E%0A"},{default:e(()=>[r]),_:1}),d,a(o,{source:"%3Cpre%20v-pre%3E%3Ccode%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMap%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3AminZoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E3%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Azoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ezoom%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3EenableScrollWheelZoom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40initd%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EhandleInitd%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBControl%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20special-attr%22%3E%3Cspan%20class%3D%22token%20attr-name%22%3Estyle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20border-radius%3A%204px%3B%0A%20%20%20%20%20%20%20%20box-shadow%3A%200%202px%206px%200%20rgba(27%2C%20142%2C%20236%2C%200.5)%3B%0A%20%20%20%20%20%20%20%20color%3A%20%23666%3B%0A%20%20%20%20%20%20%20%20background%3A%20%23fff%3B%0A%20%20%20%20%20%20%20%20padding%3A%2010px%3B%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aoffset%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%7B%20x%3A%2015%2C%20y%3A%2015%20%7D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Espan%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E5%9C%B0%E5%8C%BA%EF%BC%9A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Espan%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Eselect%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-model%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Earea%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Eoption%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Evalue%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%E5%8C%97%E4%BA%AC%E5%B8%82%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E5%8C%97%E4%BA%AC%E5%B8%82%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Eoption%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Eoption%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Evalue%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%E9%A1%BA%E4%B9%89%E5%8C%BA%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E5%8C%97%E4%BA%AC%E5%B8%82%E9%A1%BA%E4%B9%89%E5%8C%BA%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Eoption%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Eoption%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Evalue%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%E5%9B%9B%E5%B7%9D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E5%9B%9B%E5%B7%9D%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Eoption%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Eoption%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Evalue%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%E6%88%90%E9%83%BD%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E6%88%90%E9%83%BD%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Eoption%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Eselect%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBControl%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBPolygon%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Akey%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Earea%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3EisBoundary%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Apath%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EpathPoints%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Estroke-color%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%23000%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3EfillColor%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Eblue%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Astroke-weight%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E1%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBMap%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Escript%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Esetup%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Elang%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ets%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20script%22%3E%3Cspan%20class%3D%22token%20language-javascript%22%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Eimport%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20ref%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20watch%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Efrom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'vue'%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Eimport%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20useAreaBoundary%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Efrom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'vue3-baidu-map-gl'%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20zoom%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20ref%3Cspan%20class%3D%22token%20operator%22%3E%26lt%3B%3C%2Fspan%3Enumber%3Cspan%20class%3D%22token%20operator%22%3E%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E11%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20area%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20ref%3Cspan%20class%3D%22token%20operator%22%3E%26lt%3B%3C%2Fspan%3Estring%3Cspan%20class%3D%22token%20operator%22%3E%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20string%22%3E'%E9%A1%BA%E4%B9%89%E5%8C%BA'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20areaZoomMap%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3E%E5%8C%97%E4%BA%AC%E5%B8%82%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E9%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3E%E9%A1%BA%E4%B9%89%E5%8C%BA%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E11%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3E%E5%9B%9B%E5%B7%9D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E7%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3E%E6%88%90%E9%83%BD%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E9%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Eboundaries%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20pathPoints%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20get%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3EuseAreaBoundary%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20zoom%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20areaZoomMap%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3Earea%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Efunction%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3EhandleInitd%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20function%22%3Eget%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3Earea%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20function%22%3Ewatch%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3E%3C%2Fspan%3E%20area%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20get%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Escript%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3C%2Fcode%3E%3C%2Fpre%3E",path:"overlay/polygon/boundaries","raw-source":"%3Ctemplate%3E%0A%20%20%3CBMap%20v-bind%3D%22%24attrs%22%20%3AminZoom%3D%223%22%20%3Azoom%3D%22zoom%22%20enableScrollWheelZoom%20%40initd%3D%22handleInitd%22%3E%0A%20%20%20%20%3CBControl%0A%20%20%20%20%20%20style%3D%22%0A%20%20%20%20%20%20%20%20border-radius%3A%204px%3B%0A%20%20%20%20%20%20%20%20box-shadow%3A%200%202px%206px%200%20rgba(27%2C%20142%2C%20236%2C%200.5)%3B%0A%20%20%20%20%20%20%20%20color%3A%20%23666%3B%0A%20%20%20%20%20%20%20%20background%3A%20%23fff%3B%0A%20%20%20%20%20%20%20%20padding%3A%2010px%3B%0A%20%20%20%20%20%20%22%0A%20%20%20%20%20%20%3Aoffset%3D%22%7B%20x%3A%2015%2C%20y%3A%2015%20%7D%22%0A%20%20%20%20%3E%0A%20%20%20%20%20%20%3Cspan%3E%E5%9C%B0%E5%8C%BA%EF%BC%9A%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cselect%20class%3D%22mySelect%20light%20no-m-b%20no-m-t%22%20v-model%3D%22area%22%3E%0A%20%20%20%20%20%20%20%20%3Coption%20value%3D%22%E5%8C%97%E4%BA%AC%E5%B8%82%22%3E%E5%8C%97%E4%BA%AC%E5%B8%82%3C%2Foption%3E%0A%20%20%20%20%20%20%20%20%3Coption%20value%3D%22%E9%A1%BA%E4%B9%89%E5%8C%BA%22%3E%E5%8C%97%E4%BA%AC%E5%B8%82%E9%A1%BA%E4%B9%89%E5%8C%BA%3C%2Foption%3E%0A%20%20%20%20%20%20%20%20%3Coption%20value%3D%22%E5%9B%9B%E5%B7%9D%22%3E%E5%9B%9B%E5%B7%9D%3C%2Foption%3E%0A%20%20%20%20%20%20%20%20%3Coption%20value%3D%22%E6%88%90%E9%83%BD%22%3E%E6%88%90%E9%83%BD%3C%2Foption%3E%0A%20%20%20%20%20%20%3C%2Fselect%3E%0A%20%20%20%20%3C%2FBControl%3E%0A%20%20%20%20%3CBPolygon%20%3Akey%3D%22area%22%20isBoundary%20%3Apath%3D%22pathPoints%22%20stroke-color%3D%22%23000%22%20fillColor%3D%22blue%22%20%3Astroke-weight%3D%221%22%20%2F%3E%0A%20%20%3C%2FBMap%3E%0A%3C%2Ftemplate%3E%0A%0A%3Cscript%20setup%20lang%3D%22ts%22%3E%0A%20%20import%20%7B%20ref%2C%20watch%20%7D%20from%20'vue'%0A%20%20import%20%7B%20useAreaBoundary%20%7D%20from%20'vue3-baidu-map-gl'%0A%20%20const%20zoom%20%3D%20ref%3Cnumber%3E(11)%0A%20%20const%20area%20%3D%20ref%3Cstring%3E('%E9%A1%BA%E4%B9%89%E5%8C%BA')%0A%20%20const%20areaZoomMap%20%3D%20%7B%0A%20%20%20%20%E5%8C%97%E4%BA%AC%E5%B8%82%3A%209%2C%0A%20%20%20%20%E9%A1%BA%E4%B9%89%E5%8C%BA%3A%2011%2C%0A%20%20%20%20%E5%9B%9B%E5%B7%9D%3A%207%2C%0A%20%20%20%20%E6%88%90%E9%83%BD%3A%209%0A%20%20%7D%0A%0A%20%20const%20%7B%20boundaries%3A%20pathPoints%2C%20get%20%7D%20%3D%20useAreaBoundary(()%20%3D%3E%20%7B%0A%20%20%20%20zoom.value%20%3D%20areaZoomMap%5Barea.value%5D%0A%20%20%7D)%0A%0A%20%20function%20handleInitd()%20%7B%0A%20%20%20%20get(area.value)%0A%20%20%7D%0A%20%20watch(()%20%3D%3E%20area.value%2C%20get)%0A%3C%2Fscript%3E%0A",description:"%3Cp%3E%E7%BB%93%E5%90%88%20%3Ca%20href%3D%22..%2Fhooks%2FuseAreaBoundary%22%3E%3Ccode%3EuseAreaBoundary%3C%2Fcode%3E%3C%2Fa%3E%20hooks%2C%20%E5%B9%B6%E9%80%9A%E8%BF%87%E6%8C%87%E5%AE%9A%20%3Ccode%3Eprops.isBoundary%3C%2Fcode%3E%20%E4%B8%BA%20%3Ccode%3Etrue%3C%2Fcode%3E%20%E5%AE%9E%E7%8E%B0%E8%A1%8C%E6%94%BF%E5%8C%BA%E5%9F%9F%E6%98%BE%E7%A4%BA%E6%95%88%E6%9E%9C%3C%2Fp%3E%0A"},{default:e(()=>[i]),_:1}),k,n("table",null,[F,n("tbody",null,[A,B,g,h,m,_,v,y,b,n("tr",null,[f,q,P,x,w,n("td",null,[a(E,{type:"tip",text:"^2.2.0"})])])])]),S])}const $=l(u,[["render",T]]);export{R as __pageData,$ as default}; diff --git a/assets/zh-CN_components_overlay_polyline.md.w-R2K3lm.js b/assets/zh-CN_components_overlay_polyline.md.w-R2K3lm.js new file mode 100644 index 00000000..4cb0a2ff --- /dev/null +++ b/assets/zh-CN_components_overlay_polyline.md.w-R2K3lm.js @@ -0,0 +1 @@ +import{_ as d,D as s,c as u,I as l,w as p,k as t,R as e,a as n,o as c}from"./chunks/framework.aeLSa5ZG.js";const j=JSON.parse('{"title":"BPolyline 折线","description":"","frontmatter":{},"headers":[],"relativePath":"zh-CN/components/overlay/polyline.md","filePath":"zh-CN/components/overlay/polyline.md","lastUpdated":1710870588000}'),i={name:"zh-CN/components/overlay/polyline.md"},r=e('

BPolyline 折线 ​

在地图上绘制简单的折线

ts
import { BPolyline } from 'vue3-baidu-map-gl'

组件示例 ​

',4),E=t("p",null,"overlay/polyline",-1),C=t("h2",{id:"静态组件-props",tabindex:"-1"},[n("静态组件 Props "),t("a",{class:"header-anchor",href:"#静态组件-props","aria-label":'Permalink to "静态组件 Props"'},"​")],-1),h=t("thead",null,[t("tr",null,[t("th",null,"属性"),t("th",null,"说明"),t("th",null,"类型"),t("th",null,"可选值"),t("th",null,"默认值"),t("th",null,"版本")])],-1),_=t("tr",null,[t("td",null,"enableClicking"),t("td",null,"是否响应点击事件"),t("td",null,[t("code",null,"boolean")]),t("td",null,"-"),t("td",null,[t("code",null,"true")]),t("td")],-1),k=t("tr",null,[t("td",null,"geodesic"),t("td",null,"是否开启大地线模式，true 时，两点连线将以大地线的形式。"),t("td",null,[t("code",null,"boolean")]),t("td",null,"-"),t("td",null,[t("code",null,"false")]),t("td")],-1),D=t("tr",null,[t("td",null,"clip"),t("td",null,"是否进行跨经度 180 度裁剪，绘制跨精度 180 时为了优化效果"),t("td",null,[t("code",null,"boolean")]),t("td",null,"-"),t("td",null,[t("code",null,"true")]),t("td")],-1),A=t("td",null,"linkRight",-1),F=t("td",null,[n("连接右线，配合"),t("code",null,"clip"),n("解决跨 ±180 度经线绘制问题")],-1),g=t("td",null,[t("code",null,"boolean")],-1),m=t("td",null,"-",-1),b=t("td",null,[t("code",null,"true")],-1),B=t("h2",{id:"动态组件-props",tabindex:"-1"},[n("动态组件 Props "),t("a",{class:"header-anchor",href:"#动态组件-props","aria-label":'Permalink to "动态组件 Props"'},"​")],-1),v=t("thead",null,[t("tr",null,[t("th",null,"属性"),t("th",null,"说明"),t("th",null,"类型"),t("th",null,"可选值"),t("th",null,"默认值"),t("th",null,"版本")])],-1),y=t("tr",null,[t("td",null,"path"),t("td",null,"多边形的坐标数组"),t("td",null,[t("code",null,"{ lng: number, lat: number}[]")]),t("td",null,"-"),t("td",null,[t("code",null,"required")]),t("td",null,"-")],-1),P=t("tr",null,[t("td",null,"strokeColor"),t("td",null,"描边的颜色，同 CSS 颜色"),t("td",null,[t("code",null,"string")]),t("td",null,"-"),t("td",null,[t("code",null,"#000000")]),t("td",null,"-")],-1),f=t("tr",null,[t("td",null,"strokeWeight"),t("td",null,"描边的宽度，单位为像素"),t("td",null,[t("code",null,"string")]),t("td",null,"-"),t("td",null,[t("code",null,"2")]),t("td",null,"-")],-1),T=t("tr",null,[t("td",null,"strokeOpacity"),t("td",null,[n("描边的透明度，范围 "),t("code",null,"0-1")]),t("td",null,[t("code",null," number")]),t("td",null,"-"),t("td",null,[t("code",null," 1")]),t("td",null,"-")],-1),q=t("tr",null,[t("td",null,"strokeStyle"),t("td",null,"描边的样式，为实线、虚线、或者点状线"),t("td",null,[t("code",null,"string")]),t("td",null,[t("code",null,"solid / dashed / dotted")]),t("td",null,"-"),t("td",null,"-")],-1),x=t("tr",null,[t("td",null,"enableMassClear"),t("td",null,[n("是否在调用 "),t("code",null,"map.clearOverlays"),n(" 清除此覆盖物")]),t("td",null,[t("code",null,"boolean")]),t("td",null,"-"),t("td",null,[t("code",null,"true ")]),t("td",null,"-")],-1),S=t("tr",null,[t("td",null,"enableEditing"),t("td",null,"开启可编辑模式"),t("td",null,[t("code",null,"boolean")]),t("td",null,"-"),t("td",null,[t("code",null,"false ")]),t("td",null,"-")],-1),N=t("td",null,"visible",-1),V=t("td",null,"是否显示",-1),w=t("td",null,[t("code",null,"boolean")],-1),z=t("td",null,null,-1),I=t("td",null,[t("code",null,"true")],-1),M=e('

组件事件 ​

事件名说明类型
initd组件初始化后，调用的方法，返回一个地图实例{ map, BmapGL, instance }
unload组件卸载时会调用此方法-
click鼠标左键单击事件的回调函数。 当双击时，产生的事件序列为： click click dblclick((e: Event) => void)
dblclick鼠标左键双击事件的回调函数((e: Event) => void)
mousedown鼠标左键在该覆盖物上按下的回调函数((e: Event) => void)
mouseup鼠标左键在该覆盖物上抬起的回调函数((e: Event) => void)
mouseout鼠标指针移出该覆盖物事件的回调函数((e: Event) => void)
mouseover鼠标指针移入该覆盖物事件的回调函数((e: Event) => void)
remove该覆盖物被移除的回调函数((e: Event) => void)
lineupdate覆盖物被编辑后的回调函数((e: Event) => void)
',2);function R($,O,G,J,L,U){const o=s("Demo"),a=s("Badge");return c(),u("div",null,[r,l(o,{source:"%3Cpre%20v-pre%3E%3Ccode%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMap%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Azoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E16%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBPolyline%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Apath%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%5B%0A%20%20%20%20%20%20%20%20%7B%20lng%3A%20116.404%2C%20lat%3A%2039.915%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20lng%3A%20116.404%2C%20lat%3A%2039.92%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20lng%3A%20116.41%2C%20lat%3A%2039.92%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20lng%3A%20116.41%2C%20lat%3A%2039.915%20%7D%0A%20%20%20%20%20%20%5D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3Estroke-color%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%23000%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Astroke-opacity%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E1%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Astroke-weight%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E3%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3EenableEditing%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBMap%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3C%2Fcode%3E%3C%2Fpre%3E",path:"overlay/polyline","raw-source":"%3Ctemplate%3E%0A%20%20%3CBMap%20v-bind%3D%22%24attrs%22%20%3Azoom%3D%2216%22%3E%0A%20%20%20%20%3CBPolyline%0A%20%20%20%20%20%20%3Apath%3D%22%5B%0A%20%20%20%20%20%20%20%20%7B%20lng%3A%20116.404%2C%20lat%3A%2039.915%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20lng%3A%20116.404%2C%20lat%3A%2039.92%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20lng%3A%20116.41%2C%20lat%3A%2039.92%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20lng%3A%20116.41%2C%20lat%3A%2039.915%20%7D%0A%20%20%20%20%20%20%5D%22%0A%20%20%20%20%20%20stroke-color%3D%22%23000%22%0A%20%20%20%20%20%20%3Astroke-opacity%3D%221%22%0A%20%20%20%20%20%20%3Astroke-weight%3D%223%22%0A%20%20%20%20%20%20enableEditing%0A%20%20%20%20%2F%3E%0A%20%20%3C%2FBMap%3E%0A%3C%2Ftemplate%3E%0A",description:"%3Cp%3E%E5%9C%A8%E5%9C%B0%E5%9B%BE%E4%B8%8A%E7%BB%98%E5%88%B6%E5%8F%AF%E7%BC%96%E8%BE%91%E7%9A%84%E6%8A%98%E7%BA%BF%3C%2Fp%3E%0A"},{default:p(()=>[E]),_:1}),C,t("table",null,[h,t("tbody",null,[_,k,D,t("tr",null,[A,F,g,m,b,t("td",null,[l(a,{type:"tip",text:"^2.1.0"})])])])]),B,t("table",null,[v,t("tbody",null,[y,P,f,T,q,x,S,t("tr",null,[N,V,w,z,I,t("td",null,[l(a,{type:"tip",text:"^2.2.0"})])])])]),M])}const H=d(i,[["render",R]]);export{j as __pageData,H as default}; diff --git a/assets/zh-CN_components_overlay_polyline.md.w-R2K3lm.lean.js b/assets/zh-CN_components_overlay_polyline.md.w-R2K3lm.lean.js new file mode 100644 index 00000000..1917d6a8 --- /dev/null +++ b/assets/zh-CN_components_overlay_polyline.md.w-R2K3lm.lean.js @@ -0,0 +1 @@ +import{_ as d,D as s,c as u,I as l,w as p,k as t,R as e,a as n,o as c}from"./chunks/framework.aeLSa5ZG.js";const j=JSON.parse('{"title":"BPolyline 折线","description":"","frontmatter":{},"headers":[],"relativePath":"zh-CN/components/overlay/polyline.md","filePath":"zh-CN/components/overlay/polyline.md","lastUpdated":1710870588000}'),i={name:"zh-CN/components/overlay/polyline.md"},r=e("",4),E=t("p",null,"overlay/polyline",-1),C=t("h2",{id:"静态组件-props",tabindex:"-1"},[n("静态组件 Props "),t("a",{class:"header-anchor",href:"#静态组件-props","aria-label":'Permalink to "静态组件 Props"'},"​")],-1),h=t("thead",null,[t("tr",null,[t("th",null,"属性"),t("th",null,"说明"),t("th",null,"类型"),t("th",null,"可选值"),t("th",null,"默认值"),t("th",null,"版本")])],-1),_=t("tr",null,[t("td",null,"enableClicking"),t("td",null,"是否响应点击事件"),t("td",null,[t("code",null,"boolean")]),t("td",null,"-"),t("td",null,[t("code",null,"true")]),t("td")],-1),k=t("tr",null,[t("td",null,"geodesic"),t("td",null,"是否开启大地线模式，true 时，两点连线将以大地线的形式。"),t("td",null,[t("code",null,"boolean")]),t("td",null,"-"),t("td",null,[t("code",null,"false")]),t("td")],-1),D=t("tr",null,[t("td",null,"clip"),t("td",null,"是否进行跨经度 180 度裁剪，绘制跨精度 180 时为了优化效果"),t("td",null,[t("code",null,"boolean")]),t("td",null,"-"),t("td",null,[t("code",null,"true")]),t("td")],-1),A=t("td",null,"linkRight",-1),F=t("td",null,[n("连接右线，配合"),t("code",null,"clip"),n("解决跨 ±180 度经线绘制问题")],-1),g=t("td",null,[t("code",null,"boolean")],-1),m=t("td",null,"-",-1),b=t("td",null,[t("code",null,"true")],-1),B=t("h2",{id:"动态组件-props",tabindex:"-1"},[n("动态组件 Props "),t("a",{class:"header-anchor",href:"#动态组件-props","aria-label":'Permalink to "动态组件 Props"'},"​")],-1),v=t("thead",null,[t("tr",null,[t("th",null,"属性"),t("th",null,"说明"),t("th",null,"类型"),t("th",null,"可选值"),t("th",null,"默认值"),t("th",null,"版本")])],-1),y=t("tr",null,[t("td",null,"path"),t("td",null,"多边形的坐标数组"),t("td",null,[t("code",null,"{ lng: number, lat: number}[]")]),t("td",null,"-"),t("td",null,[t("code",null,"required")]),t("td",null,"-")],-1),P=t("tr",null,[t("td",null,"strokeColor"),t("td",null,"描边的颜色，同 CSS 颜色"),t("td",null,[t("code",null,"string")]),t("td",null,"-"),t("td",null,[t("code",null,"#000000")]),t("td",null,"-")],-1),f=t("tr",null,[t("td",null,"strokeWeight"),t("td",null,"描边的宽度，单位为像素"),t("td",null,[t("code",null,"string")]),t("td",null,"-"),t("td",null,[t("code",null,"2")]),t("td",null,"-")],-1),T=t("tr",null,[t("td",null,"strokeOpacity"),t("td",null,[n("描边的透明度，范围 "),t("code",null,"0-1")]),t("td",null,[t("code",null," number")]),t("td",null,"-"),t("td",null,[t("code",null," 1")]),t("td",null,"-")],-1),q=t("tr",null,[t("td",null,"strokeStyle"),t("td",null,"描边的样式，为实线、虚线、或者点状线"),t("td",null,[t("code",null,"string")]),t("td",null,[t("code",null,"solid / dashed / dotted")]),t("td",null,"-"),t("td",null,"-")],-1),x=t("tr",null,[t("td",null,"enableMassClear"),t("td",null,[n("是否在调用 "),t("code",null,"map.clearOverlays"),n(" 清除此覆盖物")]),t("td",null,[t("code",null,"boolean")]),t("td",null,"-"),t("td",null,[t("code",null,"true ")]),t("td",null,"-")],-1),S=t("tr",null,[t("td",null,"enableEditing"),t("td",null,"开启可编辑模式"),t("td",null,[t("code",null,"boolean")]),t("td",null,"-"),t("td",null,[t("code",null,"false ")]),t("td",null,"-")],-1),N=t("td",null,"visible",-1),V=t("td",null,"是否显示",-1),w=t("td",null,[t("code",null,"boolean")],-1),z=t("td",null,null,-1),I=t("td",null,[t("code",null,"true")],-1),M=e("",2);function R($,O,G,J,L,U){const o=s("Demo"),a=s("Badge");return c(),u("div",null,[r,l(o,{source:"%3Cpre%20v-pre%3E%3Ccode%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMap%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Azoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E16%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBPolyline%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Apath%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%5B%0A%20%20%20%20%20%20%20%20%7B%20lng%3A%20116.404%2C%20lat%3A%2039.915%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20lng%3A%20116.404%2C%20lat%3A%2039.92%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20lng%3A%20116.41%2C%20lat%3A%2039.92%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20lng%3A%20116.41%2C%20lat%3A%2039.915%20%7D%0A%20%20%20%20%20%20%5D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3Estroke-color%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%23000%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Astroke-opacity%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E1%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Astroke-weight%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E3%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3EenableEditing%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBMap%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3C%2Fcode%3E%3C%2Fpre%3E",path:"overlay/polyline","raw-source":"%3Ctemplate%3E%0A%20%20%3CBMap%20v-bind%3D%22%24attrs%22%20%3Azoom%3D%2216%22%3E%0A%20%20%20%20%3CBPolyline%0A%20%20%20%20%20%20%3Apath%3D%22%5B%0A%20%20%20%20%20%20%20%20%7B%20lng%3A%20116.404%2C%20lat%3A%2039.915%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20lng%3A%20116.404%2C%20lat%3A%2039.92%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20lng%3A%20116.41%2C%20lat%3A%2039.92%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%20lng%3A%20116.41%2C%20lat%3A%2039.915%20%7D%0A%20%20%20%20%20%20%5D%22%0A%20%20%20%20%20%20stroke-color%3D%22%23000%22%0A%20%20%20%20%20%20%3Astroke-opacity%3D%221%22%0A%20%20%20%20%20%20%3Astroke-weight%3D%223%22%0A%20%20%20%20%20%20enableEditing%0A%20%20%20%20%2F%3E%0A%20%20%3C%2FBMap%3E%0A%3C%2Ftemplate%3E%0A",description:"%3Cp%3E%E5%9C%A8%E5%9C%B0%E5%9B%BE%E4%B8%8A%E7%BB%98%E5%88%B6%E5%8F%AF%E7%BC%96%E8%BE%91%E7%9A%84%E6%8A%98%E7%BA%BF%3C%2Fp%3E%0A"},{default:p(()=>[E]),_:1}),C,t("table",null,[h,t("tbody",null,[_,k,D,t("tr",null,[A,F,g,m,b,t("td",null,[l(a,{type:"tip",text:"^2.1.0"})])])])]),B,t("table",null,[v,t("tbody",null,[y,P,f,T,q,x,S,t("tr",null,[N,V,w,z,I,t("td",null,[l(a,{type:"tip",text:"^2.2.0"})])])])]),M])}const H=d(i,[["render",R]]);export{j as __pageData,H as default}; diff --git a/assets/zh-CN_components_overlay_prism.md.dHc1ejy7.js b/assets/zh-CN_components_overlay_prism.md.dHc1ejy7.js new file mode 100644 index 00000000..cd45e8eb --- /dev/null +++ b/assets/zh-CN_components_overlay_prism.md.dHc1ejy7.js @@ -0,0 +1 @@ +import{_ as l,D as t,c,I as s,w as E,k as a,R as n,a as e,o as u}from"./chunks/framework.aeLSa5ZG.js";const N=JSON.parse('{"title":"BPrism 3d 棱柱","description":"","frontmatter":{},"headers":[],"relativePath":"zh-CN/components/overlay/prism.md","filePath":"zh-CN/components/overlay/prism.md","lastUpdated":1710870588000}'),C={name:"zh-CN/components/overlay/prism.md"},d=n('

BPrism 3d 棱柱 ​

通过该组件可在地图上绘制 3d 棱柱，可以基于位置经纬度，高度，顶面和侧面的颜色、透明度等属性来绘制不规则的棱柱体。

ts
import { BPrism } from 'vue3-baidu-map-gl'

示例 ​

',4),i=a("p",null,"overlay/prism",-1),r=n('

静态组件 Props ​

属性说明类型默认值
isBoundary是否是行政区域的边界多边形boolean false
autoCenter是否自动根据多边形居中地图boolean true
enableClicking是否响应点击事件boolean true

动态组件 Props ​

',3),D=a("thead",null,[a("tr",null,[a("th",null,"属性"),a("th",null,"说明"),a("th",null,"类型"),a("th",null,"可选值"),a("th",null,"默认值"),a("th",null,"版本")])],-1),F=a("tr",null,[a("td",null,"path"),a("td",null,"多边形的坐标数组"),a("td",null,[a("code",null,"{ lng: number, lat: number}[]")]),a("td",null,"-"),a("td",null,[a("code",null,"required")]),a("td",null,"-")],-1),k=a("tr",null,[a("td",null,"altitude"),a("td",null,"3d 棱柱高度"),a("td",null,[a("code",null,"number")]),a("td",null,"-"),a("td",null,[a("code",null,"required")]),a("td",null,"-")],-1),A=a("tr",null,[a("td",null,"topFillColor"),a("td",null,"顶面填充颜色"),a("td",null,[a("code",null,"string ")]),a("td",null,"-"),a("td",null,[a("code",null,"#fff")]),a("td",null,"-")],-1),h=a("tr",null,[a("td",null,"topFillOpacity"),a("td",null,"顶面填充颜色透明度"),a("td",null,[a("code",null,"number")]),a("td",null,[a("code",null,"0-1")]),a("td",null,"-"),a("td",null,"-")],-1),m=a("tr",null,[a("td",null,"sideFillColor"),a("td",null,"侧面填充颜色"),a("td",null,[a("code",null,"string")]),a("td",null,"-"),a("td"),a("td",null,"-")],-1),_=a("tr",null,[a("td",null,"sideFillOpacity"),a("td",null,"侧面填充颜色透明度"),a("td",null,[a("code",null,"number")]),a("td",null,[a("code",null,"0-1")]),a("td",null,[a("code",null,"#fff")]),a("td",null,"-")],-1),v=a("tr",null,[a("td",null,"enableMassClear"),a("td",null,[e("是否在调用 "),a("code",null,"map.clearOverlays"),e(" 清除此覆盖物")]),a("td",null,[a("code",null,"boolean")]),a("td",null,"-"),a("td",null,[a("code",null," true")]),a("td",null,"-")],-1),B=a("td",null,"visible",-1),g=a("td",null,"是否显示",-1),y=a("td",null,[a("code",null,"boolean")],-1),b=a("td",null,"-",-1),f=a("td",null,[a("code",null,"true")],-1),P=n('

组件事件 ​

事件名说明类型
initd组件初始化后，调用的方法，返回一个地图实例{ map, BmapGL, instance }
unload组件卸载时会调用此方法-
click鼠标左键单击事件的回调函数。 当双击时，产生的事件序列为： click -> click -> dblclick ((e: Event) => void)
dblclick鼠标左键双击事件的回调函数((e: Event) => void)
mousedown鼠标左键在该覆盖物上按下的回调函数((e: Event) => void)
mouseup鼠标左键在该覆盖物上抬起的回调函数((e: Event) => void)
mouseout鼠标指针移出该覆盖物事件的回调函数((e: Event) => void)
mouseover鼠标指针移入该覆盖物事件的回调函数((e: Event) => void)
remove该覆盖物被移除的回调函数((e: Event) => void)
lineupdate覆盖物被编辑后的回调函数((e: Event) => void)
',2);function q(T,O,S,w,I,M){const o=t("Demo"),p=t("Badge");return u(),c("div",null,[d,s(o,{source:"%3Cpre%20v-pre%3E%3Ccode%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMap%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Azoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E10%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Atilt%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E50%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3EenableScrollWheelZoom%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3EmapStyleId%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E980161f3645989feac25a0da15da4178%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40initd%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EhandleInitd%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBPrism%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3EisBoundary%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Apath%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EpathPoints%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3AautoCenter%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Efalse%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3AtopFillOpacity%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EtopFillOpacity%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3AsideFillOpacity%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E0.9%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aaltitude%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E5000%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3EsideFillColor%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%235679ea%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3EtopFillColor%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%235679ea%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40mouseover%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EhandleMouseover%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40mouseout%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EhandleMouseout%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBMap%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Escript%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Esetup%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Elang%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ets%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20script%22%3E%3Cspan%20class%3D%22token%20language-javascript%22%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Eimport%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20ref%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Efrom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'vue'%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Eimport%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20useAreaBoundary%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Efrom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'vue3-baidu-map-gl'%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20topFillOpacity%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20ref%3Cspan%20class%3D%22token%20operator%22%3E%26lt%3B%3C%2Fspan%3Enumber%3Cspan%20class%3D%22token%20operator%22%3E%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E0.5%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20area%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20ref%3Cspan%20class%3D%22token%20operator%22%3E%26lt%3B%3C%2Fspan%3Estring%3Cspan%20class%3D%22token%20operator%22%3E%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20string%22%3E'%E5%8C%97%E4%BA%AC%E5%B8%82'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Eboundaries%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20pathPoints%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20get%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3EuseAreaBoundary%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Efunction%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3EhandleInitd%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20function%22%3Eget%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3Earea%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Efunction%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3EhandleMouseover%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20topFillOpacity%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E1%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Efunction%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3EhandleMouseout%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20topFillOpacity%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E0.5%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Escript%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3C%2Fcode%3E%3C%2Fpre%3E",path:"overlay/prism","raw-source":"%3Ctemplate%3E%0A%20%20%3CBMap%0A%20%20%20%20v-bind%3D%22%24attrs%22%0A%20%20%20%20%3Azoom%3D%2210%22%0A%20%20%20%20%3Atilt%3D%2250%22%0A%20%20%20%20enableScrollWheelZoom%0A%20%20%20%20mapStyleId%3D%22980161f3645989feac25a0da15da4178%22%0A%20%20%20%20%40initd%3D%22handleInitd%22%0A%20%20%3E%0A%20%20%20%20%3CBPrism%0A%20%20%20%20%20%20isBoundary%0A%20%20%20%20%20%20%3Apath%3D%22pathPoints%22%0A%20%20%20%20%20%20%3AautoCenter%3D%22false%22%0A%20%20%20%20%20%20%3AtopFillOpacity%3D%22topFillOpacity%22%0A%20%20%20%20%20%20%3AsideFillOpacity%3D%220.9%22%0A%20%20%20%20%20%20%3Aaltitude%3D%225000%22%0A%20%20%20%20%20%20sideFillColor%3D%22%235679ea%22%0A%20%20%20%20%20%20topFillColor%3D%22%235679ea%22%0A%20%20%20%20%20%20%40mouseover%3D%22handleMouseover%22%0A%20%20%20%20%20%20%40mouseout%3D%22handleMouseout%22%0A%20%20%20%20%2F%3E%0A%20%20%3C%2FBMap%3E%0A%3C%2Ftemplate%3E%0A%0A%3Cscript%20setup%20lang%3D%22ts%22%3E%0A%20%20import%20%7B%20ref%20%7D%20from%20'vue'%0A%20%20import%20%7B%20useAreaBoundary%20%7D%20from%20'vue3-baidu-map-gl'%0A%20%20const%20topFillOpacity%20%3D%20ref%3Cnumber%3E(0.5)%0A%20%20const%20area%20%3D%20ref%3Cstring%3E('%E5%8C%97%E4%BA%AC%E5%B8%82')%0A%20%20const%20%7B%20boundaries%3A%20pathPoints%2C%20get%20%7D%20%3D%20useAreaBoundary()%0A%0A%20%20function%20handleInitd()%20%7B%0A%20%20%20%20get(area.value)%0A%20%20%7D%0A%0A%20%20function%20handleMouseover()%20%7B%0A%20%20%20%20topFillOpacity.value%20%3D%201%0A%20%20%7D%0A%0A%20%20function%20handleMouseout()%20%7B%0A%20%20%20%20topFillOpacity.value%20%3D%200.5%0A%20%20%7D%0A%3C%2Fscript%3E%0A",description:"%3Cp%3E%E7%BB%93%E5%90%88%20%3Ca%20href%3D%22..%2Fhooks%2FuseAreaBoundary%22%3E%3Ccode%3EuseAreaBoundary%3C%2Fcode%3E%3C%2Fa%3E%20hooks%2C%20%E5%B9%B6%E9%80%9A%E8%BF%87%E6%8C%87%E5%AE%9A%20%3Ccode%3Eprops.isBoundary%3C%2Fcode%3E%20%E4%B8%BA%20%3Ccode%3Etrue%3C%2Fcode%3E%20%E5%AE%9E%E7%8E%B0%203d%20%E8%A1%8C%E6%94%BF%E5%8C%BA%E5%9F%9F%E6%98%BE%E7%A4%BA%E6%95%88%E6%9E%9C%3C%2Fp%3E%0A"},{default:E(()=>[i]),_:1}),r,a("table",null,[D,a("tbody",null,[F,k,A,h,m,_,v,a("tr",null,[B,g,y,b,f,a("td",null,[s(p,{type:"tip",text:"^2.2.0"})])])])]),P])}const V=l(C,[["render",q]]);export{N as __pageData,V as default}; diff --git a/assets/zh-CN_components_overlay_prism.md.dHc1ejy7.lean.js b/assets/zh-CN_components_overlay_prism.md.dHc1ejy7.lean.js new file mode 100644 index 00000000..869eee6c --- /dev/null +++ b/assets/zh-CN_components_overlay_prism.md.dHc1ejy7.lean.js @@ -0,0 +1 @@ +import{_ as l,D as t,c,I as s,w as E,k as a,R as n,a as e,o as u}from"./chunks/framework.aeLSa5ZG.js";const N=JSON.parse('{"title":"BPrism 3d 棱柱","description":"","frontmatter":{},"headers":[],"relativePath":"zh-CN/components/overlay/prism.md","filePath":"zh-CN/components/overlay/prism.md","lastUpdated":1710870588000}'),C={name:"zh-CN/components/overlay/prism.md"},d=n("",4),i=a("p",null,"overlay/prism",-1),r=n("",3),D=a("thead",null,[a("tr",null,[a("th",null,"属性"),a("th",null,"说明"),a("th",null,"类型"),a("th",null,"可选值"),a("th",null,"默认值"),a("th",null,"版本")])],-1),F=a("tr",null,[a("td",null,"path"),a("td",null,"多边形的坐标数组"),a("td",null,[a("code",null,"{ lng: number, lat: number}[]")]),a("td",null,"-"),a("td",null,[a("code",null,"required")]),a("td",null,"-")],-1),k=a("tr",null,[a("td",null,"altitude"),a("td",null,"3d 棱柱高度"),a("td",null,[a("code",null,"number")]),a("td",null,"-"),a("td",null,[a("code",null,"required")]),a("td",null,"-")],-1),A=a("tr",null,[a("td",null,"topFillColor"),a("td",null,"顶面填充颜色"),a("td",null,[a("code",null,"string ")]),a("td",null,"-"),a("td",null,[a("code",null,"#fff")]),a("td",null,"-")],-1),h=a("tr",null,[a("td",null,"topFillOpacity"),a("td",null,"顶面填充颜色透明度"),a("td",null,[a("code",null,"number")]),a("td",null,[a("code",null,"0-1")]),a("td",null,"-"),a("td",null,"-")],-1),m=a("tr",null,[a("td",null,"sideFillColor"),a("td",null,"侧面填充颜色"),a("td",null,[a("code",null,"string")]),a("td",null,"-"),a("td"),a("td",null,"-")],-1),_=a("tr",null,[a("td",null,"sideFillOpacity"),a("td",null,"侧面填充颜色透明度"),a("td",null,[a("code",null,"number")]),a("td",null,[a("code",null,"0-1")]),a("td",null,[a("code",null,"#fff")]),a("td",null,"-")],-1),v=a("tr",null,[a("td",null,"enableMassClear"),a("td",null,[e("是否在调用 "),a("code",null,"map.clearOverlays"),e(" 清除此覆盖物")]),a("td",null,[a("code",null,"boolean")]),a("td",null,"-"),a("td",null,[a("code",null," true")]),a("td",null,"-")],-1),B=a("td",null,"visible",-1),g=a("td",null,"是否显示",-1),y=a("td",null,[a("code",null,"boolean")],-1),b=a("td",null,"-",-1),f=a("td",null,[a("code",null,"true")],-1),P=n("",2);function q(T,O,S,w,I,M){const o=t("Demo"),p=t("Badge");return u(),c("div",null,[d,s(o,{source:"%3Cpre%20v-pre%3E%3Ccode%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMap%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Azoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E10%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Atilt%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E50%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3EenableScrollWheelZoom%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3EmapStyleId%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E980161f3645989feac25a0da15da4178%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40initd%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EhandleInitd%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBPrism%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3EisBoundary%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Apath%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EpathPoints%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3AautoCenter%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Efalse%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3AtopFillOpacity%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EtopFillOpacity%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3AsideFillOpacity%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E0.9%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aaltitude%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E5000%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3EsideFillColor%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%235679ea%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3EtopFillColor%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%235679ea%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40mouseover%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EhandleMouseover%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40mouseout%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EhandleMouseout%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBMap%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Escript%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Esetup%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Elang%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ets%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20script%22%3E%3Cspan%20class%3D%22token%20language-javascript%22%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Eimport%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20ref%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Efrom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'vue'%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Eimport%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20useAreaBoundary%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Efrom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'vue3-baidu-map-gl'%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20topFillOpacity%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20ref%3Cspan%20class%3D%22token%20operator%22%3E%26lt%3B%3C%2Fspan%3Enumber%3Cspan%20class%3D%22token%20operator%22%3E%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E0.5%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20area%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20ref%3Cspan%20class%3D%22token%20operator%22%3E%26lt%3B%3C%2Fspan%3Estring%3Cspan%20class%3D%22token%20operator%22%3E%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20string%22%3E'%E5%8C%97%E4%BA%AC%E5%B8%82'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Eboundaries%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20pathPoints%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20get%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3EuseAreaBoundary%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Efunction%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3EhandleInitd%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20function%22%3Eget%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3Earea%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Efunction%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3EhandleMouseover%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20topFillOpacity%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E1%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Efunction%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3EhandleMouseout%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20topFillOpacity%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E0.5%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Escript%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3C%2Fcode%3E%3C%2Fpre%3E",path:"overlay/prism","raw-source":"%3Ctemplate%3E%0A%20%20%3CBMap%0A%20%20%20%20v-bind%3D%22%24attrs%22%0A%20%20%20%20%3Azoom%3D%2210%22%0A%20%20%20%20%3Atilt%3D%2250%22%0A%20%20%20%20enableScrollWheelZoom%0A%20%20%20%20mapStyleId%3D%22980161f3645989feac25a0da15da4178%22%0A%20%20%20%20%40initd%3D%22handleInitd%22%0A%20%20%3E%0A%20%20%20%20%3CBPrism%0A%20%20%20%20%20%20isBoundary%0A%20%20%20%20%20%20%3Apath%3D%22pathPoints%22%0A%20%20%20%20%20%20%3AautoCenter%3D%22false%22%0A%20%20%20%20%20%20%3AtopFillOpacity%3D%22topFillOpacity%22%0A%20%20%20%20%20%20%3AsideFillOpacity%3D%220.9%22%0A%20%20%20%20%20%20%3Aaltitude%3D%225000%22%0A%20%20%20%20%20%20sideFillColor%3D%22%235679ea%22%0A%20%20%20%20%20%20topFillColor%3D%22%235679ea%22%0A%20%20%20%20%20%20%40mouseover%3D%22handleMouseover%22%0A%20%20%20%20%20%20%40mouseout%3D%22handleMouseout%22%0A%20%20%20%20%2F%3E%0A%20%20%3C%2FBMap%3E%0A%3C%2Ftemplate%3E%0A%0A%3Cscript%20setup%20lang%3D%22ts%22%3E%0A%20%20import%20%7B%20ref%20%7D%20from%20'vue'%0A%20%20import%20%7B%20useAreaBoundary%20%7D%20from%20'vue3-baidu-map-gl'%0A%20%20const%20topFillOpacity%20%3D%20ref%3Cnumber%3E(0.5)%0A%20%20const%20area%20%3D%20ref%3Cstring%3E('%E5%8C%97%E4%BA%AC%E5%B8%82')%0A%20%20const%20%7B%20boundaries%3A%20pathPoints%2C%20get%20%7D%20%3D%20useAreaBoundary()%0A%0A%20%20function%20handleInitd()%20%7B%0A%20%20%20%20get(area.value)%0A%20%20%7D%0A%0A%20%20function%20handleMouseover()%20%7B%0A%20%20%20%20topFillOpacity.value%20%3D%201%0A%20%20%7D%0A%0A%20%20function%20handleMouseout()%20%7B%0A%20%20%20%20topFillOpacity.value%20%3D%200.5%0A%20%20%7D%0A%3C%2Fscript%3E%0A",description:"%3Cp%3E%E7%BB%93%E5%90%88%20%3Ca%20href%3D%22..%2Fhooks%2FuseAreaBoundary%22%3E%3Ccode%3EuseAreaBoundary%3C%2Fcode%3E%3C%2Fa%3E%20hooks%2C%20%E5%B9%B6%E9%80%9A%E8%BF%87%E6%8C%87%E5%AE%9A%20%3Ccode%3Eprops.isBoundary%3C%2Fcode%3E%20%E4%B8%BA%20%3Ccode%3Etrue%3C%2Fcode%3E%20%E5%AE%9E%E7%8E%B0%203d%20%E8%A1%8C%E6%94%BF%E5%8C%BA%E5%9F%9F%E6%98%BE%E7%A4%BA%E6%95%88%E6%9E%9C%3C%2Fp%3E%0A"},{default:E(()=>[i]),_:1}),r,a("table",null,[D,a("tbody",null,[F,k,A,h,m,_,v,a("tr",null,[B,g,y,b,f,a("td",null,[s(p,{type:"tip",text:"^2.2.0"})])])])]),P])}const V=l(C,[["render",q]]);export{N as __pageData,V as default}; diff --git a/assets/zh-CN_expand_bmap-draw.md.f6Bg1y3Y.js b/assets/zh-CN_expand_bmap-draw.md.f6Bg1y3Y.js new file mode 100644 index 00000000..c7effd9d --- /dev/null +++ b/assets/zh-CN_expand_bmap-draw.md.f6Bg1y3Y.js @@ -0,0 +1,3 @@ +import{_ as p,D as e,c as o,I as s,w as t,R as E,k as n,a as C,o as c}from"./chunks/framework.aeLSa5ZG.js";const f=JSON.parse('{"title":"bmap-draw 鼠标测量与绘制","description":"","frontmatter":{},"headers":[],"relativePath":"zh-CN/expand/bmap-draw.md","filePath":"zh-CN/expand/bmap-draw.md","lastUpdated":1710870588000}'),l={name:"zh-CN/expand/bmap-draw.md"},u=E(`

bmap-draw 鼠标测量与绘制 ​

BMap Draw 是一个基于百度地图 JSAPI 的轻量级鼠标绘制库，提供了鼠标绘制、编辑、裁切、合并、复制黏贴、移动、测量等多种几何图形操作能力，助力开发者开箱即用式快速实现自己的几何图形编辑器。

使用方式请参考官方文档: https://lbsyun.baidu.com/bmap-draw/

注意

该组件库中 BMapGL 是异步加载，而 bmap-draw 中配置文件中包含同步调用 BMapGL 相关构造函数，所以只能使用异步加载。

ts
import('bmap-draw').then(({ DrawScene }) => {
+  // ...
+})

绘制 ​

`,5),D=n("p",null,"expand/bmap-draw/draw",-1),r=n("h2",{id:"测量",tabindex:"-1"},[C("测量 "),n("a",{class:"header-anchor",href:"#测量","aria-label":'Permalink to "测量"'},"​")],-1),i=n("p",null,"测量距离，面积，折线长度等",-1),k=n("p",null,"expand/bmap-draw/meterage",-1);function F(A,g,B,y,d,m){const a=e("Demo");return c(),o("div",null,[u,s(a,{source:"%3Cpre%20v-pre%3E%3Ccode%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ediv%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ebutton%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Etype%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ebutton%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-if%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E!marker.isDrawing%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40click%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Emarker.toggle%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E7%BB%98%E5%88%B6%E7%82%B9%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ebutton%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ebutton%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Etype%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ebutton%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-else%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40click%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Emarker.toggle%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E7%A6%81%E7%94%A8%E7%BB%98%E5%88%B6%E7%82%B9%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ebutton%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ebutton%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Etype%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ebutton%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-if%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E!polyline.isDrawing%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40click%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Epolyline.toggle%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E7%BB%98%E5%88%B6%E7%BA%BF%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ebutton%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ebutton%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Etype%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ebutton%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-else%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40click%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Epolyline.toggle%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E7%A6%81%E7%94%A8%E7%BB%98%E5%88%B6%E7%BA%BF%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ebutton%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ebutton%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Etype%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ebutton%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-if%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E!circle.isDrawing%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40click%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ecircle.toggle%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E7%BB%98%E5%88%B6%E5%9C%86%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ebutton%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ebutton%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Etype%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ebutton%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-else%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40click%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ecircle.toggle%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E7%A6%81%E7%94%A8%E7%BB%98%E5%88%B6%E5%9C%86%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ebutton%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ebutton%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Etype%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ebutton%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-if%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E!polygon.isDrawing%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40click%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Epolygon.toggle%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E7%BB%98%E5%88%B6%E5%A4%9A%E8%BE%B9%E5%BD%A2%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ebutton%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ebutton%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Etype%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ebutton%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-else%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40click%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Epolygon.toggle%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E7%A6%81%E7%94%A8%E7%BB%98%E5%88%B6%E5%A4%9A%E8%BE%B9%E5%BD%A2%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ebutton%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ebutton%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Etype%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ebutton%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-if%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E!rectangle.isDrawing%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40click%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Erectangle.toggle%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E7%BB%98%E5%88%B6%E7%9F%A9%E5%BD%A2%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ebutton%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ebutton%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Etype%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ebutton%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-else%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40click%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Erectangle.toggle%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E7%A6%81%E7%94%A8%E7%BB%98%E5%88%B6%E7%9F%A9%E5%BD%A2%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ebutton%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ebutton%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Etype%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ebutton%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40click%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EclearFn%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E6%B8%85%E7%A9%BA%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ebutton%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMap%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Acenter%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%7B%20lng%3A%20116.385243%2C%20lat%3A%2039.913063%20%7D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Azoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E16%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3Eenable-scroll-wheel-zoom%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40initd%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EhandleInitd%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3EmapStyleId%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E980161f3645989feac25a0da15da4178%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ediv%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Escript%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Elang%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ets%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Esetup%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20script%22%3E%3Cspan%20class%3D%22token%20language-javascript%22%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Eimport%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20ref%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Efrom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'vue'%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Eimport%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20useDefaultMarkerIcons%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Efrom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'vue3-baidu-map-gl'%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Elet%3C%2Fspan%3E%20marker%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3Eref%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Einstance%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Enull%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EisDrawing%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20boolean%22%3Efalse%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20function%22%3Etoggle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Elet%3C%2Fspan%3E%20_marker%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20marker%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%0A%20%20%20%20%20%20_marker%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EisDrawing%20%3Cspan%20class%3D%22token%20operator%22%3E%3F%3C%2Fspan%3E%20_marker%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Einstance%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3EcloseAll%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20_marker%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Einstance%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3Eopen%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20_marker%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EisDrawing%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E!%3C%2Fspan%3E_marker%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EisDrawing%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Elet%3C%2Fspan%3E%20circle%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3Eref%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Einstance%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Enull%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EisDrawing%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20boolean%22%3Efalse%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20function%22%3Etoggle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Elet%3C%2Fspan%3E%20_circle%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20circle%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%0A%20%20%20%20%20%20_circle%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EisDrawing%20%3Cspan%20class%3D%22token%20operator%22%3E%3F%3C%2Fspan%3E%20_circle%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Einstance%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3EcloseAll%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20_circle%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Einstance%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3Eopen%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20_circle%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EisDrawing%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E!%3C%2Fspan%3E_circle%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EisDrawing%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Elet%3C%2Fspan%3E%20polyline%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3Eref%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Einstance%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Enull%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EisDrawing%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20boolean%22%3Efalse%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20function%22%3Etoggle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Elet%3C%2Fspan%3E%20_polyline%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20polyline%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%0A%20%20%20%20%20%20_polyline%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EisDrawing%20%3Cspan%20class%3D%22token%20operator%22%3E%3F%3C%2Fspan%3E%20_polyline%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Einstance%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3EcloseAll%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20_polyline%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Einstance%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3Eopen%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20_polyline%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EisDrawing%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E!%3C%2Fspan%3E_polyline%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EisDrawing%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Elet%3C%2Fspan%3E%20polygon%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3Eref%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Einstance%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Enull%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EisDrawing%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20boolean%22%3Efalse%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20function%22%3Etoggle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Elet%3C%2Fspan%3E%20_polygon%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20polygon%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%0A%20%20%20%20%20%20_polygon%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EisDrawing%20%3Cspan%20class%3D%22token%20operator%22%3E%3F%3C%2Fspan%3E%20_polygon%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Einstance%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3EcloseAll%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20_polygon%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Einstance%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3Eopen%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20_polygon%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EisDrawing%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E!%3C%2Fspan%3E_polygon%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EisDrawing%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Elet%3C%2Fspan%3E%20rectangle%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3Eref%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Einstance%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Enull%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EisDrawing%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20boolean%22%3Efalse%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20function%22%3Etoggle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Elet%3C%2Fspan%3E%20_rectangle%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20rectangle%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%0A%20%20%20%20%20%20_rectangle%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EisDrawing%20%3Cspan%20class%3D%22token%20operator%22%3E%3F%3C%2Fspan%3E%20_rectangle%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Einstance%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3EcloseAll%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20_rectangle%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Einstance%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3Eopen%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20_rectangle%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EisDrawing%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E!%3C%2Fspan%3E_rectangle%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EisDrawing%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Elet%3C%2Fspan%3E%20clearFn%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3Eref%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Efunction%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3EhandleInitd%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20parameter%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20map%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20BMapGL%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Eimport%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20string%22%3E'bmap-draw'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3Ethen%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20parameter%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20DrawScene%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20MarkerDraw%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20PolylineDraw%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20CircleDraw%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20PolygonDraw%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20RectDraw%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20scene%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Enew%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20class-name%22%3EDrawScene%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3Emap%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20clearFn%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function-variable%20function%22%3Evalue%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3E%3C%2Fspan%3E%20scene%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3EclearData%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20comment%22%3E%2F%2F%20%E7%82%B9%E7%BB%98%E5%88%B6%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20defaultIcons%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3EuseDefaultMarkerIcons%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20marker%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Einstance%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Enew%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20class-name%22%3EMarkerDraw%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3Escene%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EisOpen%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20boolean%22%3Efalse%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EisSeries%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20boolean%22%3Etrue%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EenableDragging%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20boolean%22%3Etrue%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EbaseOpts%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Eicon%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20defaultIcons%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3E%3Cspan%20class%3D%22token%20string%22%3E'red1'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20comment%22%3E%2F%2F%20%E6%8A%98%E7%BA%BF%E7%BB%98%E5%88%B6%3C%2Fspan%3E%0A%20%20%20%20%20%20polyline%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Einstance%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Enew%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20class-name%22%3EPolylineDraw%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3Escene%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EisOpen%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20boolean%22%3Efalse%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EenableSnap%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20boolean%22%3Etrue%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20comment%22%3E%2F%2F%20%E5%BC%80%E5%90%AF%E5%90%B8%E9%99%84%E7%BB%98%E5%88%B6%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EmatchOverlay%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20comment%22%3E%2F%2F%20%E8%87%AA%E5%AE%9A%E4%B9%89%E5%90%B8%E9%99%84%E7%82%B9%E6%A0%B7%E5%BC%8F%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Etype%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'Marker'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Eicon%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Enew%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20class-name%22%3EBMapGL%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EIcon%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20string%22%3E'http%3A%2F%2Fmaponline0.bdimg.com%2Fsty%2Fmap_icons2x%2FMapRes%2Fshenghui_1.png'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Enew%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20class-name%22%3EBMapGL%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3ESize%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E10%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E10%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Eoffset%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Enew%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20class-name%22%3EBMapGL%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3ESize%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E5%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E5%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20comment%22%3E%2F%2F%20%E5%A4%9A%E8%BE%B9%E5%BD%A2%E7%BB%98%E5%88%B6%3C%2Fspan%3E%0A%20%20%20%20%20%20polygon%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Einstance%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Enew%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20class-name%22%3EPolygonDraw%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3Escene%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EisOpen%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20boolean%22%3Efalse%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3ElabelOptions%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EborderRadius%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'2px'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Ebackground%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'%23b5d3fb'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Eborder%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'1px%20solid%20%23b5d3fb'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Ecolor%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'%23333'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EfontSize%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'12px'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EletterSpacing%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'0'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Epadding%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'5px'%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EbaseOpts%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EfillColor%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'%23fff'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EstrokeWeight%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E5%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EstrokeOpacity%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E1%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EfillOpacity%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E0.2%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20comment%22%3E%2F%2F%20%E5%9C%86%E5%BD%A2%E7%BB%98%E5%88%B6%3C%2Fspan%3E%0A%20%20%20%20%20%20circle%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Einstance%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Enew%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20class-name%22%3ECircleDraw%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3Escene%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EisOpen%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20boolean%22%3Efalse%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3ElabelOptions%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EborderRadius%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'2px'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Ebackground%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'%23b5d3fb'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Eborder%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'1px%20solid%20%23b5d3fb'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Ecolor%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'%23333'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EfontSize%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'12px'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EletterSpacing%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'0'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Epadding%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'5px'%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EbaseOpts%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EstrokeColor%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'%236d77f9'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EfillColor%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'%23fff'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EstrokeWeight%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E5%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EstrokeOpacity%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E1%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EfillOpacity%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E0.2%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20comment%22%3E%2F%2F%20%E7%9F%A9%E5%BD%A2%E7%BB%98%E5%88%B6%3C%2Fspan%3E%0A%20%20%20%20%20%20rectangle%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Einstance%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Enew%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20class-name%22%3ERectDraw%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3Escene%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EisOpen%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20boolean%22%3Efalse%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EisSeries%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20boolean%22%3Etrue%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3ElabelOptions%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EborderRadius%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'2px'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Ebackground%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'%23b5d3fb'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Eborder%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'1px%20solid%20%23b5d3fb'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Ecolor%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'%23333'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EfontSize%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'12px'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EletterSpacing%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'0'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Epadding%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'5px'%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EbaseOpts%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EfillColor%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'%23fff'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EstrokeWeight%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E5%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EstrokeOpacity%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E1%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EfillOpacity%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E0.2%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Escript%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3C%2Fcode%3E%3C%2Fpre%3E",path:"expand/bmap-draw/draw","raw-source":"%3Ctemplate%3E%0A%20%20%3Cdiv%3E%0A%20%20%20%20%3Cbutton%20class%3D%22myButton%22%20type%3D%22button%22%20v-if%3D%22!marker.isDrawing%22%20%40click%3D%22marker.toggle%22%3E%E7%BB%98%E5%88%B6%E7%82%B9%3C%2Fbutton%3E%0A%20%20%20%20%3Cbutton%20class%3D%22myButton%22%20type%3D%22button%22%20v-else%20%40click%3D%22marker.toggle%22%3E%E7%A6%81%E7%94%A8%E7%BB%98%E5%88%B6%E7%82%B9%3C%2Fbutton%3E%0A%20%20%20%20%3Cbutton%20class%3D%22myButton%22%20type%3D%22button%22%20v-if%3D%22!polyline.isDrawing%22%20%40click%3D%22polyline.toggle%22%3E%E7%BB%98%E5%88%B6%E7%BA%BF%3C%2Fbutton%3E%0A%20%20%20%20%3Cbutton%20class%3D%22myButton%22%20type%3D%22button%22%20v-else%20%40click%3D%22polyline.toggle%22%3E%E7%A6%81%E7%94%A8%E7%BB%98%E5%88%B6%E7%BA%BF%3C%2Fbutton%3E%0A%20%20%20%20%3Cbutton%20class%3D%22myButton%22%20type%3D%22button%22%20v-if%3D%22!circle.isDrawing%22%20%40click%3D%22circle.toggle%22%3E%E7%BB%98%E5%88%B6%E5%9C%86%3C%2Fbutton%3E%0A%20%20%20%20%3Cbutton%20class%3D%22myButton%22%20type%3D%22button%22%20v-else%20%40click%3D%22circle.toggle%22%3E%E7%A6%81%E7%94%A8%E7%BB%98%E5%88%B6%E5%9C%86%3C%2Fbutton%3E%0A%20%20%20%20%3Cbutton%20class%3D%22myButton%22%20type%3D%22button%22%20v-if%3D%22!polygon.isDrawing%22%20%40click%3D%22polygon.toggle%22%3E%E7%BB%98%E5%88%B6%E5%A4%9A%E8%BE%B9%E5%BD%A2%3C%2Fbutton%3E%0A%20%20%20%20%3Cbutton%20class%3D%22myButton%22%20type%3D%22button%22%20v-else%20%40click%3D%22polygon.toggle%22%3E%E7%A6%81%E7%94%A8%E7%BB%98%E5%88%B6%E5%A4%9A%E8%BE%B9%E5%BD%A2%3C%2Fbutton%3E%0A%20%20%20%20%3Cbutton%20class%3D%22myButton%22%20type%3D%22button%22%20v-if%3D%22!rectangle.isDrawing%22%20%40click%3D%22rectangle.toggle%22%3E%E7%BB%98%E5%88%B6%E7%9F%A9%E5%BD%A2%3C%2Fbutton%3E%0A%20%20%20%20%3Cbutton%20class%3D%22myButton%22%20type%3D%22button%22%20v-else%20%40click%3D%22rectangle.toggle%22%3E%E7%A6%81%E7%94%A8%E7%BB%98%E5%88%B6%E7%9F%A9%E5%BD%A2%3C%2Fbutton%3E%0A%20%20%20%20%3Cbutton%20class%3D%22myButton%22%20type%3D%22button%22%20%40click%3D%22clearFn%22%3E%E6%B8%85%E7%A9%BA%3C%2Fbutton%3E%0A%20%20%20%20%3CBMap%0A%20%20%20%20%20%20v-bind%3D%22%24attrs%22%0A%20%20%20%20%20%20%3Acenter%3D%22%7B%20lng%3A%20116.385243%2C%20lat%3A%2039.913063%20%7D%22%0A%20%20%20%20%20%20%3Azoom%3D%2216%22%0A%20%20%20%20%20%20enable-scroll-wheel-zoom%0A%20%20%20%20%20%20%40initd%3D%22handleInitd%22%0A%20%20%20%20%20%20mapStyleId%3D%22980161f3645989feac25a0da15da4178%22%0A%20%20%20%20%2F%3E%0A%20%20%3C%2Fdiv%3E%0A%3C%2Ftemplate%3E%0A%0A%3Cscript%20lang%3D%22ts%22%20setup%3E%0A%20%20import%20%7B%20ref%20%7D%20from%20'vue'%0A%20%20import%20%7B%20useDefaultMarkerIcons%20%7D%20from%20'vue3-baidu-map-gl'%0A%20%20let%20marker%20%3D%20ref(%7B%0A%20%20%20%20instance%3A%20null%2C%0A%20%20%20%20isDrawing%3A%20false%2C%0A%20%20%20%20toggle()%20%7B%0A%20%20%20%20%20%20let%20_marker%20%3D%20marker.value%0A%20%20%20%20%20%20_marker.isDrawing%20%3F%20_marker.instance.closeAll()%20%3A%20_marker.instance.open()%0A%20%20%20%20%20%20_marker.isDrawing%20%3D%20!_marker.isDrawing%0A%20%20%20%20%7D%0A%20%20%7D)%0A%20%20let%20circle%20%3D%20ref(%7B%0A%20%20%20%20instance%3A%20null%2C%0A%20%20%20%20isDrawing%3A%20false%2C%0A%20%20%20%20toggle()%20%7B%0A%20%20%20%20%20%20let%20_circle%20%3D%20circle.value%0A%20%20%20%20%20%20_circle.isDrawing%20%3F%20_circle.instance.closeAll()%20%3A%20_circle.instance.open()%0A%20%20%20%20%20%20_circle.isDrawing%20%3D%20!_circle.isDrawing%0A%20%20%20%20%7D%0A%20%20%7D)%0A%20%20let%20polyline%20%3D%20ref(%7B%0A%20%20%20%20instance%3A%20null%2C%0A%20%20%20%20isDrawing%3A%20false%2C%0A%20%20%20%20toggle()%20%7B%0A%20%20%20%20%20%20let%20_polyline%20%3D%20polyline.value%0A%20%20%20%20%20%20_polyline.isDrawing%20%3F%20_polyline.instance.closeAll()%20%3A%20_polyline.instance.open()%0A%20%20%20%20%20%20_polyline.isDrawing%20%3D%20!_polyline.isDrawing%0A%20%20%20%20%7D%0A%20%20%7D)%0A%20%20let%20polygon%20%3D%20ref(%7B%0A%20%20%20%20instance%3A%20null%2C%0A%20%20%20%20isDrawing%3A%20false%2C%0A%20%20%20%20toggle()%20%7B%0A%20%20%20%20%20%20let%20_polygon%20%3D%20polygon.value%0A%20%20%20%20%20%20_polygon.isDrawing%20%3F%20_polygon.instance.closeAll()%20%3A%20_polygon.instance.open()%0A%20%20%20%20%20%20_polygon.isDrawing%20%3D%20!_polygon.isDrawing%0A%20%20%20%20%7D%0A%20%20%7D)%0A%20%20let%20rectangle%20%3D%20ref(%7B%0A%20%20%20%20instance%3A%20null%2C%0A%20%20%20%20isDrawing%3A%20false%2C%0A%20%20%20%20toggle()%20%7B%0A%20%20%20%20%20%20let%20_rectangle%20%3D%20rectangle.value%0A%20%20%20%20%20%20_rectangle.isDrawing%20%3F%20_rectangle.instance.closeAll()%20%3A%20_rectangle.instance.open()%0A%20%20%20%20%20%20_rectangle.isDrawing%20%3D%20!_rectangle.isDrawing%0A%20%20%20%20%7D%0A%20%20%7D)%0A%20%20let%20clearFn%20%3D%20ref()%0A%20%20function%20handleInitd(%7B%20map%2C%20BMapGL%20%7D)%20%7B%0A%20%20%20%20import('bmap-draw').then((%7B%20DrawScene%2C%20MarkerDraw%2C%20PolylineDraw%2C%20CircleDraw%2C%20PolygonDraw%2C%20RectDraw%20%7D)%20%3D%3E%20%7B%0A%20%20%20%20%20%20const%20scene%20%3D%20new%20DrawScene(map)%0A%20%20%20%20%20%20clearFn.value%20%3D%20()%20%3D%3E%20scene.clearData()%0A%20%20%20%20%20%20%2F%2F%20%E7%82%B9%E7%BB%98%E5%88%B6%0A%20%20%20%20%20%20const%20defaultIcons%20%3D%20useDefaultMarkerIcons()%0A%20%20%20%20%20%20marker.value.instance%20%3D%20new%20MarkerDraw(scene%2C%20%7B%0A%20%20%20%20%20%20%20%20isOpen%3A%20false%2C%0A%20%20%20%20%20%20%20%20isSeries%3A%20true%2C%0A%20%20%20%20%20%20%20%20enableDragging%3A%20true%2C%0A%20%20%20%20%20%20%20%20baseOpts%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20icon%3A%20defaultIcons%5B'red1'%5D%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D)%0A%20%20%20%20%20%20%2F%2F%20%E6%8A%98%E7%BA%BF%E7%BB%98%E5%88%B6%0A%20%20%20%20%20%20polyline.value.instance%20%3D%20new%20PolylineDraw(scene%2C%20%7B%0A%20%20%20%20%20%20%20%20isOpen%3A%20false%2C%0A%20%20%20%20%20%20%20%20enableSnap%3A%20true%2C%20%2F%2F%20%E5%BC%80%E5%90%AF%E5%90%B8%E9%99%84%E7%BB%98%E5%88%B6%0A%20%20%20%20%20%20%20%20matchOverlay%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%2F%2F%20%E8%87%AA%E5%AE%9A%E4%B9%89%E5%90%B8%E9%99%84%E7%82%B9%E6%A0%B7%E5%BC%8F%0A%20%20%20%20%20%20%20%20%20%20type%3A%20'Marker'%2C%0A%20%20%20%20%20%20%20%20%20%20icon%3A%20new%20BMapGL.Icon(%0A%20%20%20%20%20%20%20%20%20%20%20%20'http%3A%2F%2Fmaponline0.bdimg.com%2Fsty%2Fmap_icons2x%2FMapRes%2Fshenghui_1.png'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20new%20BMapGL.Size(10%2C%2010)%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%7B%20offset%3A%20new%20BMapGL.Size(5%2C%205)%20%7D%0A%20%20%20%20%20%20%20%20%20%20)%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D)%0A%20%20%20%20%20%20%2F%2F%20%E5%A4%9A%E8%BE%B9%E5%BD%A2%E7%BB%98%E5%88%B6%0A%20%20%20%20%20%20polygon.value.instance%20%3D%20new%20PolygonDraw(scene%2C%20%7B%0A%20%20%20%20%20%20%20%20isOpen%3A%20false%2C%0A%20%20%20%20%20%20%20%20labelOptions%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20borderRadius%3A%20'2px'%2C%0A%20%20%20%20%20%20%20%20%20%20background%3A%20'%23b5d3fb'%2C%0A%20%20%20%20%20%20%20%20%20%20border%3A%20'1px%20solid%20%23b5d3fb'%2C%0A%20%20%20%20%20%20%20%20%20%20color%3A%20'%23333'%2C%0A%20%20%20%20%20%20%20%20%20%20fontSize%3A%20'12px'%2C%0A%20%20%20%20%20%20%20%20%20%20letterSpacing%3A%20'0'%2C%0A%20%20%20%20%20%20%20%20%20%20padding%3A%20'5px'%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20baseOpts%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20fillColor%3A%20'%23fff'%2C%0A%20%20%20%20%20%20%20%20%20%20strokeWeight%3A%205%2C%0A%20%20%20%20%20%20%20%20%20%20strokeOpacity%3A%201%2C%0A%20%20%20%20%20%20%20%20%20%20fillOpacity%3A%200.2%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D)%0A%20%20%20%20%20%20%2F%2F%20%E5%9C%86%E5%BD%A2%E7%BB%98%E5%88%B6%0A%20%20%20%20%20%20circle.value.instance%20%3D%20new%20CircleDraw(scene%2C%20%7B%0A%20%20%20%20%20%20%20%20isOpen%3A%20false%2C%0A%20%20%20%20%20%20%20%20labelOptions%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20borderRadius%3A%20'2px'%2C%0A%20%20%20%20%20%20%20%20%20%20background%3A%20'%23b5d3fb'%2C%0A%20%20%20%20%20%20%20%20%20%20border%3A%20'1px%20solid%20%23b5d3fb'%2C%0A%20%20%20%20%20%20%20%20%20%20color%3A%20'%23333'%2C%0A%20%20%20%20%20%20%20%20%20%20fontSize%3A%20'12px'%2C%0A%20%20%20%20%20%20%20%20%20%20letterSpacing%3A%20'0'%2C%0A%20%20%20%20%20%20%20%20%20%20padding%3A%20'5px'%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20baseOpts%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20strokeColor%3A%20'%236d77f9'%2C%0A%20%20%20%20%20%20%20%20%20%20fillColor%3A%20'%23fff'%2C%0A%20%20%20%20%20%20%20%20%20%20strokeWeight%3A%205%2C%0A%20%20%20%20%20%20%20%20%20%20strokeOpacity%3A%201%2C%0A%20%20%20%20%20%20%20%20%20%20fillOpacity%3A%200.2%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D)%0A%20%20%20%20%20%20%2F%2F%20%E7%9F%A9%E5%BD%A2%E7%BB%98%E5%88%B6%0A%20%20%20%20%20%20rectangle.value.instance%20%3D%20new%20RectDraw(scene%2C%20%7B%0A%20%20%20%20%20%20%20%20isOpen%3A%20false%2C%0A%20%20%20%20%20%20%20%20isSeries%3A%20true%2C%0A%20%20%20%20%20%20%20%20labelOptions%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20borderRadius%3A%20'2px'%2C%0A%20%20%20%20%20%20%20%20%20%20background%3A%20'%23b5d3fb'%2C%0A%20%20%20%20%20%20%20%20%20%20border%3A%20'1px%20solid%20%23b5d3fb'%2C%0A%20%20%20%20%20%20%20%20%20%20color%3A%20'%23333'%2C%0A%20%20%20%20%20%20%20%20%20%20fontSize%3A%20'12px'%2C%0A%20%20%20%20%20%20%20%20%20%20letterSpacing%3A%20'0'%2C%0A%20%20%20%20%20%20%20%20%20%20padding%3A%20'5px'%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20baseOpts%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20fillColor%3A%20'%23fff'%2C%0A%20%20%20%20%20%20%20%20%20%20strokeWeight%3A%205%2C%0A%20%20%20%20%20%20%20%20%20%20strokeOpacity%3A%201%2C%0A%20%20%20%20%20%20%20%20%20%20fillOpacity%3A%200.2%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D)%0A%20%20%20%20%7D)%0A%20%20%7D%0A%3C%2Fscript%3E%0A",description:"%3Cp%3E%E7%BB%98%E5%88%B6%E7%82%B9%E3%80%81%E7%BA%BF%E3%80%81%E9%9D%A2%E3%80%81%E5%A4%9A%E8%BE%B9%E5%BD%A2%E3%80%81%E5%9C%86%E5%BD%A2%E7%AD%89%3C%2Fp%3E%0A"},{default:t(()=>[D]),_:1}),r,i,s(a,{source:"%3Cpre%20v-pre%3E%3Ccode%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ediv%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ebutton%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Etype%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ebutton%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-if%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E!distance.isMeasuring%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40click%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Edistance.toggle%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E6%B5%8B%E9%87%8F%E8%B7%9D%E7%A6%BB%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ebutton%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ebutton%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Etype%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ebutton%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-else%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40click%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Edistance.toggle%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E5%8F%96%E6%B6%88%E6%B5%8B%E9%87%8F%E8%B7%9D%E7%A6%BB%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ebutton%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ebutton%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Etype%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ebutton%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-if%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E!measure.isMeasuring%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40click%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Emeasure.toggle%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E6%B5%8B%E9%87%8F%E9%9D%A2%E7%A7%AF%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ebutton%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ebutton%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Etype%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ebutton%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-else%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40click%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Emeasure.toggle%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E5%8F%96%E6%B6%88%E6%B5%8B%E9%87%8F%E9%9D%A2%E7%A7%AF%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ebutton%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMap%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Acenter%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%7B%20lng%3A%20116.385243%2C%20lat%3A%2039.913063%20%7D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Azoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E13.5%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3Eenable-scroll-wheel-zoom%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40initd%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EhandleInitd%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ediv%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Escript%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Elang%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ets%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Esetup%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20script%22%3E%3Cspan%20class%3D%22token%20language-javascript%22%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Eimport%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20ref%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Efrom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'vue'%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Elet%3C%2Fspan%3E%20distance%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3Eref%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Einstance%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Enull%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EisMeasuring%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20boolean%22%3Etrue%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20function%22%3Etoggle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Elet%3C%2Fspan%3E%20_distance%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20distance%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%0A%20%20%20%20%20%20_distance%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EisMeasuring%20%3Cspan%20class%3D%22token%20operator%22%3E%3F%3C%2Fspan%3E%20_distance%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Einstance%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3Eclose%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20_distance%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Einstance%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3Eopen%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20_distance%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EisMeasuring%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E!%3C%2Fspan%3E_distance%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EisMeasuring%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Elet%3C%2Fspan%3E%20measure%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3Eref%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Einstance%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Enull%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EisMeasuring%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20boolean%22%3Etrue%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20function%22%3Etoggle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Elet%3C%2Fspan%3E%20_measure%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20measure%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%0A%20%20%20%20%20%20_measure%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EisMeasuring%20%3Cspan%20class%3D%22token%20operator%22%3E%3F%3C%2Fspan%3E%20_measure%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Einstance%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3Eclose%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20_measure%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Einstance%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3Eopen%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20_measure%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EisMeasuring%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E!%3C%2Fspan%3E_measure%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EisMeasuring%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Efunction%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3EhandleInitd%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20parameter%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20map%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Eimport%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20string%22%3E'bmap-draw'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3Ethen%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20parameter%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20DrawScene%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20DistanceMeasure%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20AreaMeasure%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20scene%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Enew%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20class-name%22%3EDrawScene%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3Emap%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20comment%22%3E%2F%2F%20%E6%B5%8B%E9%87%8F%E8%B7%9D%E7%A6%BB%3C%2Fspan%3E%0A%20%20%20%20%20%20distance%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Einstance%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Enew%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20class-name%22%3EDistanceMeasure%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3Escene%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20distance%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3Etoggle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20distance%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Einstance%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3EaddEventListener%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20string%22%3E'measure-length-end'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20parameter%22%3Ee%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20console%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3Elog%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20string%22%3E'measure-end'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20e%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20comment%22%3E%2F%2F%20%E6%B5%8B%E9%87%8F%E9%9D%A2%E7%A7%AF%3C%2Fspan%3E%0A%20%20%20%20%20%20measure%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Einstance%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Enew%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20class-name%22%3EAreaMeasure%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3Escene%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20measure%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3Etoggle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20measure%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Einstance%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3EaddEventListener%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20string%22%3E'measure-area-end'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20parameter%22%3Ee%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20console%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3Elog%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20string%22%3E'measure-end'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20e%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Escript%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3C%2Fcode%3E%3C%2Fpre%3E",path:"expand/bmap-draw/meterage","raw-source":"%3Ctemplate%3E%0A%20%20%3Cdiv%3E%0A%20%20%20%20%3Cbutton%20class%3D%22myButton%22%20type%3D%22button%22%20v-if%3D%22!distance.isMeasuring%22%20%40click%3D%22distance.toggle%22%3E%E6%B5%8B%E9%87%8F%E8%B7%9D%E7%A6%BB%3C%2Fbutton%3E%0A%20%20%20%20%3Cbutton%20class%3D%22myButton%22%20type%3D%22button%22%20v-else%20%40click%3D%22distance.toggle%22%3E%E5%8F%96%E6%B6%88%E6%B5%8B%E9%87%8F%E8%B7%9D%E7%A6%BB%3C%2Fbutton%3E%0A%20%20%20%20%3Cbutton%20class%3D%22myButton%22%20type%3D%22button%22%20v-if%3D%22!measure.isMeasuring%22%20%40click%3D%22measure.toggle%22%3E%E6%B5%8B%E9%87%8F%E9%9D%A2%E7%A7%AF%3C%2Fbutton%3E%0A%20%20%20%20%3Cbutton%20class%3D%22myButton%22%20type%3D%22button%22%20v-else%20%40click%3D%22measure.toggle%22%3E%E5%8F%96%E6%B6%88%E6%B5%8B%E9%87%8F%E9%9D%A2%E7%A7%AF%3C%2Fbutton%3E%0A%20%20%20%20%3CBMap%0A%20%20%20%20%20%20v-bind%3D%22%24attrs%22%0A%20%20%20%20%20%20%3Acenter%3D%22%7B%20lng%3A%20116.385243%2C%20lat%3A%2039.913063%20%7D%22%0A%20%20%20%20%20%20%3Azoom%3D%2213.5%22%0A%20%20%20%20%20%20enable-scroll-wheel-zoom%0A%20%20%20%20%20%20%40initd%3D%22handleInitd%22%0A%20%20%20%20%2F%3E%0A%20%20%3C%2Fdiv%3E%0A%3C%2Ftemplate%3E%0A%0A%3Cscript%20lang%3D%22ts%22%20setup%3E%0A%20%20import%20%7B%20ref%20%7D%20from%20'vue'%0A%20%20let%20distance%20%3D%20ref(%7B%0A%20%20%20%20instance%3A%20null%2C%0A%20%20%20%20isMeasuring%3A%20true%2C%0A%20%20%20%20toggle()%20%7B%0A%20%20%20%20%20%20let%20_distance%20%3D%20distance.value%0A%20%20%20%20%20%20_distance.isMeasuring%20%3F%20_distance.instance.close()%20%3A%20_distance.instance.open()%0A%20%20%20%20%20%20_distance.isMeasuring%20%3D%20!_distance.isMeasuring%0A%20%20%20%20%7D%0A%20%20%7D)%0A%20%20let%20measure%20%3D%20ref(%7B%0A%20%20%20%20instance%3A%20null%2C%0A%20%20%20%20isMeasuring%3A%20true%2C%0A%20%20%20%20toggle()%20%7B%0A%20%20%20%20%20%20let%20_measure%20%3D%20measure.value%0A%20%20%20%20%20%20_measure.isMeasuring%20%3F%20_measure.instance.close()%20%3A%20_measure.instance.open()%0A%20%20%20%20%20%20_measure.isMeasuring%20%3D%20!_measure.isMeasuring%0A%20%20%20%20%7D%0A%20%20%7D)%0A%20%20function%20handleInitd(%7B%20map%20%7D)%20%7B%0A%20%20%20%20import('bmap-draw').then((%7B%20DrawScene%2C%20DistanceMeasure%2C%20AreaMeasure%20%7D)%20%3D%3E%20%7B%0A%20%20%20%20%20%20const%20scene%20%3D%20new%20DrawScene(map)%0A%20%20%20%20%20%20%2F%2F%20%E6%B5%8B%E9%87%8F%E8%B7%9D%E7%A6%BB%0A%20%20%20%20%20%20distance.value.instance%20%3D%20new%20DistanceMeasure(scene)%0A%20%20%20%20%20%20distance.value.toggle()%0A%20%20%20%20%20%20distance.value.instance.addEventListener('measure-length-end'%2C%20(e)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20console.log('measure-end'%2C%20e)%0A%20%20%20%20%20%20%7D)%0A%20%20%20%20%20%20%2F%2F%20%E6%B5%8B%E9%87%8F%E9%9D%A2%E7%A7%AF%0A%20%20%20%20%20%20measure.value.instance%20%3D%20new%20AreaMeasure(scene)%0A%20%20%20%20%20%20measure.value.toggle()%0A%20%20%20%20%20%20measure.value.instance.addEventListener('measure-area-end'%2C%20(e)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20console.log('measure-end'%2C%20e)%0A%20%20%20%20%20%20%7D)%0A%20%20%20%20%7D)%0A%20%20%7D%0A%3C%2Fscript%3E%0A",description:""},{default:t(()=>[k]),_:1})])}const w=p(l,[["render",F]]);export{f as __pageData,w as default}; diff --git a/assets/zh-CN_expand_bmap-draw.md.f6Bg1y3Y.lean.js b/assets/zh-CN_expand_bmap-draw.md.f6Bg1y3Y.lean.js new file mode 100644 index 00000000..d0d3e6e0 --- /dev/null +++ b/assets/zh-CN_expand_bmap-draw.md.f6Bg1y3Y.lean.js @@ -0,0 +1 @@ +import{_ as p,D as e,c as o,I as s,w as t,R as E,k as n,a as C,o as c}from"./chunks/framework.aeLSa5ZG.js";const f=JSON.parse('{"title":"bmap-draw 鼠标测量与绘制","description":"","frontmatter":{},"headers":[],"relativePath":"zh-CN/expand/bmap-draw.md","filePath":"zh-CN/expand/bmap-draw.md","lastUpdated":1710870588000}'),l={name:"zh-CN/expand/bmap-draw.md"},u=E("",5),D=n("p",null,"expand/bmap-draw/draw",-1),r=n("h2",{id:"测量",tabindex:"-1"},[C("测量 "),n("a",{class:"header-anchor",href:"#测量","aria-label":'Permalink to "测量"'},"​")],-1),i=n("p",null,"测量距离，面积，折线长度等",-1),k=n("p",null,"expand/bmap-draw/meterage",-1);function F(A,g,B,y,d,m){const a=e("Demo");return c(),o("div",null,[u,s(a,{source:"%3Cpre%20v-pre%3E%3Ccode%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ediv%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ebutton%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Etype%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ebutton%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-if%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E!marker.isDrawing%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40click%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Emarker.toggle%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E7%BB%98%E5%88%B6%E7%82%B9%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ebutton%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ebutton%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Etype%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ebutton%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-else%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40click%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Emarker.toggle%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E7%A6%81%E7%94%A8%E7%BB%98%E5%88%B6%E7%82%B9%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ebutton%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ebutton%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Etype%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ebutton%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-if%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E!polyline.isDrawing%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40click%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Epolyline.toggle%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E7%BB%98%E5%88%B6%E7%BA%BF%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ebutton%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ebutton%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Etype%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ebutton%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-else%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40click%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Epolyline.toggle%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E7%A6%81%E7%94%A8%E7%BB%98%E5%88%B6%E7%BA%BF%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ebutton%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ebutton%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Etype%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ebutton%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-if%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E!circle.isDrawing%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40click%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ecircle.toggle%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E7%BB%98%E5%88%B6%E5%9C%86%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ebutton%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ebutton%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Etype%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ebutton%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-else%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40click%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ecircle.toggle%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E7%A6%81%E7%94%A8%E7%BB%98%E5%88%B6%E5%9C%86%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ebutton%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ebutton%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Etype%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ebutton%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-if%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E!polygon.isDrawing%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40click%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Epolygon.toggle%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E7%BB%98%E5%88%B6%E5%A4%9A%E8%BE%B9%E5%BD%A2%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ebutton%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ebutton%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Etype%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ebutton%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-else%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40click%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Epolygon.toggle%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E7%A6%81%E7%94%A8%E7%BB%98%E5%88%B6%E5%A4%9A%E8%BE%B9%E5%BD%A2%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ebutton%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ebutton%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Etype%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ebutton%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-if%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E!rectangle.isDrawing%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40click%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Erectangle.toggle%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E7%BB%98%E5%88%B6%E7%9F%A9%E5%BD%A2%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ebutton%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ebutton%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Etype%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ebutton%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-else%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40click%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Erectangle.toggle%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E7%A6%81%E7%94%A8%E7%BB%98%E5%88%B6%E7%9F%A9%E5%BD%A2%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ebutton%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ebutton%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Etype%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ebutton%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40click%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EclearFn%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E6%B8%85%E7%A9%BA%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ebutton%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMap%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Acenter%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%7B%20lng%3A%20116.385243%2C%20lat%3A%2039.913063%20%7D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Azoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E16%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3Eenable-scroll-wheel-zoom%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40initd%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EhandleInitd%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3EmapStyleId%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E980161f3645989feac25a0da15da4178%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ediv%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Escript%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Elang%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ets%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Esetup%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20script%22%3E%3Cspan%20class%3D%22token%20language-javascript%22%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Eimport%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20ref%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Efrom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'vue'%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Eimport%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20useDefaultMarkerIcons%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Efrom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'vue3-baidu-map-gl'%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Elet%3C%2Fspan%3E%20marker%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3Eref%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Einstance%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Enull%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EisDrawing%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20boolean%22%3Efalse%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20function%22%3Etoggle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Elet%3C%2Fspan%3E%20_marker%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20marker%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%0A%20%20%20%20%20%20_marker%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EisDrawing%20%3Cspan%20class%3D%22token%20operator%22%3E%3F%3C%2Fspan%3E%20_marker%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Einstance%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3EcloseAll%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20_marker%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Einstance%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3Eopen%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20_marker%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EisDrawing%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E!%3C%2Fspan%3E_marker%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EisDrawing%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Elet%3C%2Fspan%3E%20circle%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3Eref%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Einstance%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Enull%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EisDrawing%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20boolean%22%3Efalse%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20function%22%3Etoggle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Elet%3C%2Fspan%3E%20_circle%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20circle%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%0A%20%20%20%20%20%20_circle%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EisDrawing%20%3Cspan%20class%3D%22token%20operator%22%3E%3F%3C%2Fspan%3E%20_circle%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Einstance%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3EcloseAll%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20_circle%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Einstance%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3Eopen%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20_circle%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EisDrawing%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E!%3C%2Fspan%3E_circle%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EisDrawing%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Elet%3C%2Fspan%3E%20polyline%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3Eref%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Einstance%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Enull%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EisDrawing%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20boolean%22%3Efalse%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20function%22%3Etoggle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Elet%3C%2Fspan%3E%20_polyline%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20polyline%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%0A%20%20%20%20%20%20_polyline%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EisDrawing%20%3Cspan%20class%3D%22token%20operator%22%3E%3F%3C%2Fspan%3E%20_polyline%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Einstance%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3EcloseAll%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20_polyline%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Einstance%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3Eopen%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20_polyline%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EisDrawing%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E!%3C%2Fspan%3E_polyline%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EisDrawing%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Elet%3C%2Fspan%3E%20polygon%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3Eref%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Einstance%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Enull%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EisDrawing%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20boolean%22%3Efalse%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20function%22%3Etoggle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Elet%3C%2Fspan%3E%20_polygon%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20polygon%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%0A%20%20%20%20%20%20_polygon%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EisDrawing%20%3Cspan%20class%3D%22token%20operator%22%3E%3F%3C%2Fspan%3E%20_polygon%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Einstance%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3EcloseAll%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20_polygon%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Einstance%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3Eopen%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20_polygon%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EisDrawing%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E!%3C%2Fspan%3E_polygon%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EisDrawing%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Elet%3C%2Fspan%3E%20rectangle%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3Eref%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Einstance%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Enull%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EisDrawing%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20boolean%22%3Efalse%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20function%22%3Etoggle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Elet%3C%2Fspan%3E%20_rectangle%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20rectangle%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%0A%20%20%20%20%20%20_rectangle%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EisDrawing%20%3Cspan%20class%3D%22token%20operator%22%3E%3F%3C%2Fspan%3E%20_rectangle%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Einstance%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3EcloseAll%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20_rectangle%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Einstance%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3Eopen%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20_rectangle%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EisDrawing%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E!%3C%2Fspan%3E_rectangle%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EisDrawing%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Elet%3C%2Fspan%3E%20clearFn%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3Eref%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Efunction%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3EhandleInitd%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20parameter%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20map%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20BMapGL%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Eimport%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20string%22%3E'bmap-draw'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3Ethen%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20parameter%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20DrawScene%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20MarkerDraw%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20PolylineDraw%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20CircleDraw%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20PolygonDraw%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20RectDraw%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20scene%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Enew%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20class-name%22%3EDrawScene%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3Emap%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20clearFn%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function-variable%20function%22%3Evalue%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3E%3C%2Fspan%3E%20scene%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3EclearData%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20comment%22%3E%2F%2F%20%E7%82%B9%E7%BB%98%E5%88%B6%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20defaultIcons%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3EuseDefaultMarkerIcons%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20marker%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Einstance%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Enew%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20class-name%22%3EMarkerDraw%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3Escene%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EisOpen%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20boolean%22%3Efalse%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EisSeries%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20boolean%22%3Etrue%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EenableDragging%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20boolean%22%3Etrue%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EbaseOpts%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Eicon%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20defaultIcons%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3E%3Cspan%20class%3D%22token%20string%22%3E'red1'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20comment%22%3E%2F%2F%20%E6%8A%98%E7%BA%BF%E7%BB%98%E5%88%B6%3C%2Fspan%3E%0A%20%20%20%20%20%20polyline%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Einstance%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Enew%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20class-name%22%3EPolylineDraw%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3Escene%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EisOpen%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20boolean%22%3Efalse%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EenableSnap%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20boolean%22%3Etrue%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20comment%22%3E%2F%2F%20%E5%BC%80%E5%90%AF%E5%90%B8%E9%99%84%E7%BB%98%E5%88%B6%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EmatchOverlay%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20comment%22%3E%2F%2F%20%E8%87%AA%E5%AE%9A%E4%B9%89%E5%90%B8%E9%99%84%E7%82%B9%E6%A0%B7%E5%BC%8F%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Etype%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'Marker'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Eicon%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Enew%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20class-name%22%3EBMapGL%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EIcon%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20string%22%3E'http%3A%2F%2Fmaponline0.bdimg.com%2Fsty%2Fmap_icons2x%2FMapRes%2Fshenghui_1.png'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Enew%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20class-name%22%3EBMapGL%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3ESize%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E10%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E10%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Eoffset%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Enew%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20class-name%22%3EBMapGL%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3ESize%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E5%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E5%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20comment%22%3E%2F%2F%20%E5%A4%9A%E8%BE%B9%E5%BD%A2%E7%BB%98%E5%88%B6%3C%2Fspan%3E%0A%20%20%20%20%20%20polygon%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Einstance%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Enew%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20class-name%22%3EPolygonDraw%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3Escene%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EisOpen%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20boolean%22%3Efalse%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3ElabelOptions%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EborderRadius%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'2px'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Ebackground%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'%23b5d3fb'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Eborder%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'1px%20solid%20%23b5d3fb'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Ecolor%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'%23333'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EfontSize%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'12px'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EletterSpacing%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'0'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Epadding%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'5px'%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EbaseOpts%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EfillColor%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'%23fff'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EstrokeWeight%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E5%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EstrokeOpacity%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E1%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EfillOpacity%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E0.2%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20comment%22%3E%2F%2F%20%E5%9C%86%E5%BD%A2%E7%BB%98%E5%88%B6%3C%2Fspan%3E%0A%20%20%20%20%20%20circle%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Einstance%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Enew%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20class-name%22%3ECircleDraw%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3Escene%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EisOpen%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20boolean%22%3Efalse%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3ElabelOptions%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EborderRadius%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'2px'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Ebackground%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'%23b5d3fb'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Eborder%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'1px%20solid%20%23b5d3fb'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Ecolor%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'%23333'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EfontSize%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'12px'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EletterSpacing%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'0'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Epadding%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'5px'%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EbaseOpts%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EstrokeColor%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'%236d77f9'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EfillColor%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'%23fff'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EstrokeWeight%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E5%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EstrokeOpacity%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E1%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EfillOpacity%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E0.2%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20comment%22%3E%2F%2F%20%E7%9F%A9%E5%BD%A2%E7%BB%98%E5%88%B6%3C%2Fspan%3E%0A%20%20%20%20%20%20rectangle%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Einstance%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Enew%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20class-name%22%3ERectDraw%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3Escene%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EisOpen%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20boolean%22%3Efalse%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EisSeries%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20boolean%22%3Etrue%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3ElabelOptions%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EborderRadius%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'2px'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Ebackground%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'%23b5d3fb'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Eborder%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'1px%20solid%20%23b5d3fb'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Ecolor%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'%23333'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EfontSize%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'12px'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EletterSpacing%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'0'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Epadding%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'5px'%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EbaseOpts%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EfillColor%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'%23fff'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EstrokeWeight%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E5%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EstrokeOpacity%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E1%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EfillOpacity%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E0.2%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Escript%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3C%2Fcode%3E%3C%2Fpre%3E",path:"expand/bmap-draw/draw","raw-source":"%3Ctemplate%3E%0A%20%20%3Cdiv%3E%0A%20%20%20%20%3Cbutton%20class%3D%22myButton%22%20type%3D%22button%22%20v-if%3D%22!marker.isDrawing%22%20%40click%3D%22marker.toggle%22%3E%E7%BB%98%E5%88%B6%E7%82%B9%3C%2Fbutton%3E%0A%20%20%20%20%3Cbutton%20class%3D%22myButton%22%20type%3D%22button%22%20v-else%20%40click%3D%22marker.toggle%22%3E%E7%A6%81%E7%94%A8%E7%BB%98%E5%88%B6%E7%82%B9%3C%2Fbutton%3E%0A%20%20%20%20%3Cbutton%20class%3D%22myButton%22%20type%3D%22button%22%20v-if%3D%22!polyline.isDrawing%22%20%40click%3D%22polyline.toggle%22%3E%E7%BB%98%E5%88%B6%E7%BA%BF%3C%2Fbutton%3E%0A%20%20%20%20%3Cbutton%20class%3D%22myButton%22%20type%3D%22button%22%20v-else%20%40click%3D%22polyline.toggle%22%3E%E7%A6%81%E7%94%A8%E7%BB%98%E5%88%B6%E7%BA%BF%3C%2Fbutton%3E%0A%20%20%20%20%3Cbutton%20class%3D%22myButton%22%20type%3D%22button%22%20v-if%3D%22!circle.isDrawing%22%20%40click%3D%22circle.toggle%22%3E%E7%BB%98%E5%88%B6%E5%9C%86%3C%2Fbutton%3E%0A%20%20%20%20%3Cbutton%20class%3D%22myButton%22%20type%3D%22button%22%20v-else%20%40click%3D%22circle.toggle%22%3E%E7%A6%81%E7%94%A8%E7%BB%98%E5%88%B6%E5%9C%86%3C%2Fbutton%3E%0A%20%20%20%20%3Cbutton%20class%3D%22myButton%22%20type%3D%22button%22%20v-if%3D%22!polygon.isDrawing%22%20%40click%3D%22polygon.toggle%22%3E%E7%BB%98%E5%88%B6%E5%A4%9A%E8%BE%B9%E5%BD%A2%3C%2Fbutton%3E%0A%20%20%20%20%3Cbutton%20class%3D%22myButton%22%20type%3D%22button%22%20v-else%20%40click%3D%22polygon.toggle%22%3E%E7%A6%81%E7%94%A8%E7%BB%98%E5%88%B6%E5%A4%9A%E8%BE%B9%E5%BD%A2%3C%2Fbutton%3E%0A%20%20%20%20%3Cbutton%20class%3D%22myButton%22%20type%3D%22button%22%20v-if%3D%22!rectangle.isDrawing%22%20%40click%3D%22rectangle.toggle%22%3E%E7%BB%98%E5%88%B6%E7%9F%A9%E5%BD%A2%3C%2Fbutton%3E%0A%20%20%20%20%3Cbutton%20class%3D%22myButton%22%20type%3D%22button%22%20v-else%20%40click%3D%22rectangle.toggle%22%3E%E7%A6%81%E7%94%A8%E7%BB%98%E5%88%B6%E7%9F%A9%E5%BD%A2%3C%2Fbutton%3E%0A%20%20%20%20%3Cbutton%20class%3D%22myButton%22%20type%3D%22button%22%20%40click%3D%22clearFn%22%3E%E6%B8%85%E7%A9%BA%3C%2Fbutton%3E%0A%20%20%20%20%3CBMap%0A%20%20%20%20%20%20v-bind%3D%22%24attrs%22%0A%20%20%20%20%20%20%3Acenter%3D%22%7B%20lng%3A%20116.385243%2C%20lat%3A%2039.913063%20%7D%22%0A%20%20%20%20%20%20%3Azoom%3D%2216%22%0A%20%20%20%20%20%20enable-scroll-wheel-zoom%0A%20%20%20%20%20%20%40initd%3D%22handleInitd%22%0A%20%20%20%20%20%20mapStyleId%3D%22980161f3645989feac25a0da15da4178%22%0A%20%20%20%20%2F%3E%0A%20%20%3C%2Fdiv%3E%0A%3C%2Ftemplate%3E%0A%0A%3Cscript%20lang%3D%22ts%22%20setup%3E%0A%20%20import%20%7B%20ref%20%7D%20from%20'vue'%0A%20%20import%20%7B%20useDefaultMarkerIcons%20%7D%20from%20'vue3-baidu-map-gl'%0A%20%20let%20marker%20%3D%20ref(%7B%0A%20%20%20%20instance%3A%20null%2C%0A%20%20%20%20isDrawing%3A%20false%2C%0A%20%20%20%20toggle()%20%7B%0A%20%20%20%20%20%20let%20_marker%20%3D%20marker.value%0A%20%20%20%20%20%20_marker.isDrawing%20%3F%20_marker.instance.closeAll()%20%3A%20_marker.instance.open()%0A%20%20%20%20%20%20_marker.isDrawing%20%3D%20!_marker.isDrawing%0A%20%20%20%20%7D%0A%20%20%7D)%0A%20%20let%20circle%20%3D%20ref(%7B%0A%20%20%20%20instance%3A%20null%2C%0A%20%20%20%20isDrawing%3A%20false%2C%0A%20%20%20%20toggle()%20%7B%0A%20%20%20%20%20%20let%20_circle%20%3D%20circle.value%0A%20%20%20%20%20%20_circle.isDrawing%20%3F%20_circle.instance.closeAll()%20%3A%20_circle.instance.open()%0A%20%20%20%20%20%20_circle.isDrawing%20%3D%20!_circle.isDrawing%0A%20%20%20%20%7D%0A%20%20%7D)%0A%20%20let%20polyline%20%3D%20ref(%7B%0A%20%20%20%20instance%3A%20null%2C%0A%20%20%20%20isDrawing%3A%20false%2C%0A%20%20%20%20toggle()%20%7B%0A%20%20%20%20%20%20let%20_polyline%20%3D%20polyline.value%0A%20%20%20%20%20%20_polyline.isDrawing%20%3F%20_polyline.instance.closeAll()%20%3A%20_polyline.instance.open()%0A%20%20%20%20%20%20_polyline.isDrawing%20%3D%20!_polyline.isDrawing%0A%20%20%20%20%7D%0A%20%20%7D)%0A%20%20let%20polygon%20%3D%20ref(%7B%0A%20%20%20%20instance%3A%20null%2C%0A%20%20%20%20isDrawing%3A%20false%2C%0A%20%20%20%20toggle()%20%7B%0A%20%20%20%20%20%20let%20_polygon%20%3D%20polygon.value%0A%20%20%20%20%20%20_polygon.isDrawing%20%3F%20_polygon.instance.closeAll()%20%3A%20_polygon.instance.open()%0A%20%20%20%20%20%20_polygon.isDrawing%20%3D%20!_polygon.isDrawing%0A%20%20%20%20%7D%0A%20%20%7D)%0A%20%20let%20rectangle%20%3D%20ref(%7B%0A%20%20%20%20instance%3A%20null%2C%0A%20%20%20%20isDrawing%3A%20false%2C%0A%20%20%20%20toggle()%20%7B%0A%20%20%20%20%20%20let%20_rectangle%20%3D%20rectangle.value%0A%20%20%20%20%20%20_rectangle.isDrawing%20%3F%20_rectangle.instance.closeAll()%20%3A%20_rectangle.instance.open()%0A%20%20%20%20%20%20_rectangle.isDrawing%20%3D%20!_rectangle.isDrawing%0A%20%20%20%20%7D%0A%20%20%7D)%0A%20%20let%20clearFn%20%3D%20ref()%0A%20%20function%20handleInitd(%7B%20map%2C%20BMapGL%20%7D)%20%7B%0A%20%20%20%20import('bmap-draw').then((%7B%20DrawScene%2C%20MarkerDraw%2C%20PolylineDraw%2C%20CircleDraw%2C%20PolygonDraw%2C%20RectDraw%20%7D)%20%3D%3E%20%7B%0A%20%20%20%20%20%20const%20scene%20%3D%20new%20DrawScene(map)%0A%20%20%20%20%20%20clearFn.value%20%3D%20()%20%3D%3E%20scene.clearData()%0A%20%20%20%20%20%20%2F%2F%20%E7%82%B9%E7%BB%98%E5%88%B6%0A%20%20%20%20%20%20const%20defaultIcons%20%3D%20useDefaultMarkerIcons()%0A%20%20%20%20%20%20marker.value.instance%20%3D%20new%20MarkerDraw(scene%2C%20%7B%0A%20%20%20%20%20%20%20%20isOpen%3A%20false%2C%0A%20%20%20%20%20%20%20%20isSeries%3A%20true%2C%0A%20%20%20%20%20%20%20%20enableDragging%3A%20true%2C%0A%20%20%20%20%20%20%20%20baseOpts%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20icon%3A%20defaultIcons%5B'red1'%5D%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D)%0A%20%20%20%20%20%20%2F%2F%20%E6%8A%98%E7%BA%BF%E7%BB%98%E5%88%B6%0A%20%20%20%20%20%20polyline.value.instance%20%3D%20new%20PolylineDraw(scene%2C%20%7B%0A%20%20%20%20%20%20%20%20isOpen%3A%20false%2C%0A%20%20%20%20%20%20%20%20enableSnap%3A%20true%2C%20%2F%2F%20%E5%BC%80%E5%90%AF%E5%90%B8%E9%99%84%E7%BB%98%E5%88%B6%0A%20%20%20%20%20%20%20%20matchOverlay%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%2F%2F%20%E8%87%AA%E5%AE%9A%E4%B9%89%E5%90%B8%E9%99%84%E7%82%B9%E6%A0%B7%E5%BC%8F%0A%20%20%20%20%20%20%20%20%20%20type%3A%20'Marker'%2C%0A%20%20%20%20%20%20%20%20%20%20icon%3A%20new%20BMapGL.Icon(%0A%20%20%20%20%20%20%20%20%20%20%20%20'http%3A%2F%2Fmaponline0.bdimg.com%2Fsty%2Fmap_icons2x%2FMapRes%2Fshenghui_1.png'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20new%20BMapGL.Size(10%2C%2010)%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%7B%20offset%3A%20new%20BMapGL.Size(5%2C%205)%20%7D%0A%20%20%20%20%20%20%20%20%20%20)%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D)%0A%20%20%20%20%20%20%2F%2F%20%E5%A4%9A%E8%BE%B9%E5%BD%A2%E7%BB%98%E5%88%B6%0A%20%20%20%20%20%20polygon.value.instance%20%3D%20new%20PolygonDraw(scene%2C%20%7B%0A%20%20%20%20%20%20%20%20isOpen%3A%20false%2C%0A%20%20%20%20%20%20%20%20labelOptions%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20borderRadius%3A%20'2px'%2C%0A%20%20%20%20%20%20%20%20%20%20background%3A%20'%23b5d3fb'%2C%0A%20%20%20%20%20%20%20%20%20%20border%3A%20'1px%20solid%20%23b5d3fb'%2C%0A%20%20%20%20%20%20%20%20%20%20color%3A%20'%23333'%2C%0A%20%20%20%20%20%20%20%20%20%20fontSize%3A%20'12px'%2C%0A%20%20%20%20%20%20%20%20%20%20letterSpacing%3A%20'0'%2C%0A%20%20%20%20%20%20%20%20%20%20padding%3A%20'5px'%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20baseOpts%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20fillColor%3A%20'%23fff'%2C%0A%20%20%20%20%20%20%20%20%20%20strokeWeight%3A%205%2C%0A%20%20%20%20%20%20%20%20%20%20strokeOpacity%3A%201%2C%0A%20%20%20%20%20%20%20%20%20%20fillOpacity%3A%200.2%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D)%0A%20%20%20%20%20%20%2F%2F%20%E5%9C%86%E5%BD%A2%E7%BB%98%E5%88%B6%0A%20%20%20%20%20%20circle.value.instance%20%3D%20new%20CircleDraw(scene%2C%20%7B%0A%20%20%20%20%20%20%20%20isOpen%3A%20false%2C%0A%20%20%20%20%20%20%20%20labelOptions%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20borderRadius%3A%20'2px'%2C%0A%20%20%20%20%20%20%20%20%20%20background%3A%20'%23b5d3fb'%2C%0A%20%20%20%20%20%20%20%20%20%20border%3A%20'1px%20solid%20%23b5d3fb'%2C%0A%20%20%20%20%20%20%20%20%20%20color%3A%20'%23333'%2C%0A%20%20%20%20%20%20%20%20%20%20fontSize%3A%20'12px'%2C%0A%20%20%20%20%20%20%20%20%20%20letterSpacing%3A%20'0'%2C%0A%20%20%20%20%20%20%20%20%20%20padding%3A%20'5px'%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20baseOpts%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20strokeColor%3A%20'%236d77f9'%2C%0A%20%20%20%20%20%20%20%20%20%20fillColor%3A%20'%23fff'%2C%0A%20%20%20%20%20%20%20%20%20%20strokeWeight%3A%205%2C%0A%20%20%20%20%20%20%20%20%20%20strokeOpacity%3A%201%2C%0A%20%20%20%20%20%20%20%20%20%20fillOpacity%3A%200.2%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D)%0A%20%20%20%20%20%20%2F%2F%20%E7%9F%A9%E5%BD%A2%E7%BB%98%E5%88%B6%0A%20%20%20%20%20%20rectangle.value.instance%20%3D%20new%20RectDraw(scene%2C%20%7B%0A%20%20%20%20%20%20%20%20isOpen%3A%20false%2C%0A%20%20%20%20%20%20%20%20isSeries%3A%20true%2C%0A%20%20%20%20%20%20%20%20labelOptions%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20borderRadius%3A%20'2px'%2C%0A%20%20%20%20%20%20%20%20%20%20background%3A%20'%23b5d3fb'%2C%0A%20%20%20%20%20%20%20%20%20%20border%3A%20'1px%20solid%20%23b5d3fb'%2C%0A%20%20%20%20%20%20%20%20%20%20color%3A%20'%23333'%2C%0A%20%20%20%20%20%20%20%20%20%20fontSize%3A%20'12px'%2C%0A%20%20%20%20%20%20%20%20%20%20letterSpacing%3A%20'0'%2C%0A%20%20%20%20%20%20%20%20%20%20padding%3A%20'5px'%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20baseOpts%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20fillColor%3A%20'%23fff'%2C%0A%20%20%20%20%20%20%20%20%20%20strokeWeight%3A%205%2C%0A%20%20%20%20%20%20%20%20%20%20strokeOpacity%3A%201%2C%0A%20%20%20%20%20%20%20%20%20%20fillOpacity%3A%200.2%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D)%0A%20%20%20%20%7D)%0A%20%20%7D%0A%3C%2Fscript%3E%0A",description:"%3Cp%3E%E7%BB%98%E5%88%B6%E7%82%B9%E3%80%81%E7%BA%BF%E3%80%81%E9%9D%A2%E3%80%81%E5%A4%9A%E8%BE%B9%E5%BD%A2%E3%80%81%E5%9C%86%E5%BD%A2%E7%AD%89%3C%2Fp%3E%0A"},{default:t(()=>[D]),_:1}),r,i,s(a,{source:"%3Cpre%20v-pre%3E%3Ccode%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ediv%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ebutton%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Etype%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ebutton%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-if%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E!distance.isMeasuring%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40click%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Edistance.toggle%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E6%B5%8B%E9%87%8F%E8%B7%9D%E7%A6%BB%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ebutton%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ebutton%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Etype%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ebutton%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-else%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40click%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Edistance.toggle%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E5%8F%96%E6%B6%88%E6%B5%8B%E9%87%8F%E8%B7%9D%E7%A6%BB%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ebutton%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ebutton%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Etype%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ebutton%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-if%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E!measure.isMeasuring%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40click%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Emeasure.toggle%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E6%B5%8B%E9%87%8F%E9%9D%A2%E7%A7%AF%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ebutton%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ebutton%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Etype%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ebutton%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-else%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40click%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Emeasure.toggle%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E5%8F%96%E6%B6%88%E6%B5%8B%E9%87%8F%E9%9D%A2%E7%A7%AF%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ebutton%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMap%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Acenter%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%7B%20lng%3A%20116.385243%2C%20lat%3A%2039.913063%20%7D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Azoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E13.5%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3Eenable-scroll-wheel-zoom%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40initd%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EhandleInitd%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ediv%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Escript%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Elang%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ets%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Esetup%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20script%22%3E%3Cspan%20class%3D%22token%20language-javascript%22%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Eimport%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20ref%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Efrom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'vue'%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Elet%3C%2Fspan%3E%20distance%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3Eref%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Einstance%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Enull%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EisMeasuring%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20boolean%22%3Etrue%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20function%22%3Etoggle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Elet%3C%2Fspan%3E%20_distance%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20distance%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%0A%20%20%20%20%20%20_distance%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EisMeasuring%20%3Cspan%20class%3D%22token%20operator%22%3E%3F%3C%2Fspan%3E%20_distance%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Einstance%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3Eclose%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20_distance%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Einstance%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3Eopen%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20_distance%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EisMeasuring%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E!%3C%2Fspan%3E_distance%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EisMeasuring%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Elet%3C%2Fspan%3E%20measure%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3Eref%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Einstance%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Enull%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EisMeasuring%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20boolean%22%3Etrue%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20function%22%3Etoggle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Elet%3C%2Fspan%3E%20_measure%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20measure%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%0A%20%20%20%20%20%20_measure%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EisMeasuring%20%3Cspan%20class%3D%22token%20operator%22%3E%3F%3C%2Fspan%3E%20_measure%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Einstance%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3Eclose%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20_measure%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Einstance%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3Eopen%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20_measure%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EisMeasuring%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E!%3C%2Fspan%3E_measure%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EisMeasuring%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Efunction%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3EhandleInitd%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20parameter%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20map%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Eimport%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20string%22%3E'bmap-draw'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3Ethen%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20parameter%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20DrawScene%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20DistanceMeasure%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20AreaMeasure%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20scene%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Enew%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20class-name%22%3EDrawScene%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3Emap%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20comment%22%3E%2F%2F%20%E6%B5%8B%E9%87%8F%E8%B7%9D%E7%A6%BB%3C%2Fspan%3E%0A%20%20%20%20%20%20distance%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Einstance%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Enew%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20class-name%22%3EDistanceMeasure%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3Escene%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20distance%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3Etoggle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20distance%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Einstance%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3EaddEventListener%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20string%22%3E'measure-length-end'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20parameter%22%3Ee%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20console%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3Elog%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20string%22%3E'measure-end'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20e%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20comment%22%3E%2F%2F%20%E6%B5%8B%E9%87%8F%E9%9D%A2%E7%A7%AF%3C%2Fspan%3E%0A%20%20%20%20%20%20measure%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Einstance%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Enew%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20class-name%22%3EAreaMeasure%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3Escene%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20measure%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3Etoggle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20measure%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Einstance%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3EaddEventListener%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20string%22%3E'measure-area-end'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20parameter%22%3Ee%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20console%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3Elog%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20string%22%3E'measure-end'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20e%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Escript%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3C%2Fcode%3E%3C%2Fpre%3E",path:"expand/bmap-draw/meterage","raw-source":"%3Ctemplate%3E%0A%20%20%3Cdiv%3E%0A%20%20%20%20%3Cbutton%20class%3D%22myButton%22%20type%3D%22button%22%20v-if%3D%22!distance.isMeasuring%22%20%40click%3D%22distance.toggle%22%3E%E6%B5%8B%E9%87%8F%E8%B7%9D%E7%A6%BB%3C%2Fbutton%3E%0A%20%20%20%20%3Cbutton%20class%3D%22myButton%22%20type%3D%22button%22%20v-else%20%40click%3D%22distance.toggle%22%3E%E5%8F%96%E6%B6%88%E6%B5%8B%E9%87%8F%E8%B7%9D%E7%A6%BB%3C%2Fbutton%3E%0A%20%20%20%20%3Cbutton%20class%3D%22myButton%22%20type%3D%22button%22%20v-if%3D%22!measure.isMeasuring%22%20%40click%3D%22measure.toggle%22%3E%E6%B5%8B%E9%87%8F%E9%9D%A2%E7%A7%AF%3C%2Fbutton%3E%0A%20%20%20%20%3Cbutton%20class%3D%22myButton%22%20type%3D%22button%22%20v-else%20%40click%3D%22measure.toggle%22%3E%E5%8F%96%E6%B6%88%E6%B5%8B%E9%87%8F%E9%9D%A2%E7%A7%AF%3C%2Fbutton%3E%0A%20%20%20%20%3CBMap%0A%20%20%20%20%20%20v-bind%3D%22%24attrs%22%0A%20%20%20%20%20%20%3Acenter%3D%22%7B%20lng%3A%20116.385243%2C%20lat%3A%2039.913063%20%7D%22%0A%20%20%20%20%20%20%3Azoom%3D%2213.5%22%0A%20%20%20%20%20%20enable-scroll-wheel-zoom%0A%20%20%20%20%20%20%40initd%3D%22handleInitd%22%0A%20%20%20%20%2F%3E%0A%20%20%3C%2Fdiv%3E%0A%3C%2Ftemplate%3E%0A%0A%3Cscript%20lang%3D%22ts%22%20setup%3E%0A%20%20import%20%7B%20ref%20%7D%20from%20'vue'%0A%20%20let%20distance%20%3D%20ref(%7B%0A%20%20%20%20instance%3A%20null%2C%0A%20%20%20%20isMeasuring%3A%20true%2C%0A%20%20%20%20toggle()%20%7B%0A%20%20%20%20%20%20let%20_distance%20%3D%20distance.value%0A%20%20%20%20%20%20_distance.isMeasuring%20%3F%20_distance.instance.close()%20%3A%20_distance.instance.open()%0A%20%20%20%20%20%20_distance.isMeasuring%20%3D%20!_distance.isMeasuring%0A%20%20%20%20%7D%0A%20%20%7D)%0A%20%20let%20measure%20%3D%20ref(%7B%0A%20%20%20%20instance%3A%20null%2C%0A%20%20%20%20isMeasuring%3A%20true%2C%0A%20%20%20%20toggle()%20%7B%0A%20%20%20%20%20%20let%20_measure%20%3D%20measure.value%0A%20%20%20%20%20%20_measure.isMeasuring%20%3F%20_measure.instance.close()%20%3A%20_measure.instance.open()%0A%20%20%20%20%20%20_measure.isMeasuring%20%3D%20!_measure.isMeasuring%0A%20%20%20%20%7D%0A%20%20%7D)%0A%20%20function%20handleInitd(%7B%20map%20%7D)%20%7B%0A%20%20%20%20import('bmap-draw').then((%7B%20DrawScene%2C%20DistanceMeasure%2C%20AreaMeasure%20%7D)%20%3D%3E%20%7B%0A%20%20%20%20%20%20const%20scene%20%3D%20new%20DrawScene(map)%0A%20%20%20%20%20%20%2F%2F%20%E6%B5%8B%E9%87%8F%E8%B7%9D%E7%A6%BB%0A%20%20%20%20%20%20distance.value.instance%20%3D%20new%20DistanceMeasure(scene)%0A%20%20%20%20%20%20distance.value.toggle()%0A%20%20%20%20%20%20distance.value.instance.addEventListener('measure-length-end'%2C%20(e)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20console.log('measure-end'%2C%20e)%0A%20%20%20%20%20%20%7D)%0A%20%20%20%20%20%20%2F%2F%20%E6%B5%8B%E9%87%8F%E9%9D%A2%E7%A7%AF%0A%20%20%20%20%20%20measure.value.instance%20%3D%20new%20AreaMeasure(scene)%0A%20%20%20%20%20%20measure.value.toggle()%0A%20%20%20%20%20%20measure.value.instance.addEventListener('measure-area-end'%2C%20(e)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20console.log('measure-end'%2C%20e)%0A%20%20%20%20%20%20%7D)%0A%20%20%20%20%7D)%0A%20%20%7D%0A%3C%2Fscript%3E%0A",description:""},{default:t(()=>[k]),_:1})])}const w=p(l,[["render",F]]);export{f as __pageData,w as default}; diff --git a/assets/zh-CN_expand_mapv.md.aEB32QET.js b/assets/zh-CN_expand_mapv.md.aEB32QET.js new file mode 100644 index 00000000..d6a99029 --- /dev/null +++ b/assets/zh-CN_expand_mapv.md.aEB32QET.js @@ -0,0 +1,28 @@ +import{_ as e,D as E,c as o,I as a,w as t,R as C,k as s,a as p,o as l}from"./chunks/framework.aeLSa5ZG.js";const w=JSON.parse('{"title":"mapv 可视化","description":"","frontmatter":{},"headers":[],"relativePath":"zh-CN/expand/mapv.md","filePath":"zh-CN/expand/mapv.md","lastUpdated":1710870588000}'),c={name:"zh-CN/expand/mapv.md"},i=C(`

mapv 可视化 ​

MapVGL，是一款基于 WebGL 的地理信息可视化库，可以用来展示大量基于 3D 的地理信息点线面数据。设计初衷主要是为了解决大数据量的三维地理数据展示问题及一些炫酷的三维效果。

本章节将演示一下通过插件的形式和 npm 形式加载 mapv 相关资源，并展示几个示例。

结合方式: ​

与 mapv 相关资源结合有如下两种方式:

1. 通过组件库提供的插件形式（内部以 cdn 方式加载） ​

全局配置插件:

ts
// ...
+app.use(baiduMap, {
+  plugins: ['Mapvgl', 'Mapv', 'MapvThree']
+})

或者通过组件配置插件:

vue
<template>
+  <BMap :plugins="['Mapvgl', 'Mapv', 'MapvThree']"></BMap>
+</template>

因为资源是通过异步方式加载，所以需要监听 pluginReady 事件：

vue
<template>
+  <BMap :plugins="['Mapvgl', 'Mapv', 'MapvThree']" @pluginReady="handlePluginReady"></BMap>
+</template>
+<script lang="ts" setup>
+  function handlePluginReady() {
+    // ...
+  }
+</script>

2. 通过 npm ​

安装

shell
# mapv 基础库
+npm add mapv
+# or
+pnpm add mapv
+# ----------------------
+# mapvgl GL扩展库
+npm add mapvgl
+# or
+pnpm add mapvgl
+# ----------------------
+# mapv-three three.js 相关库
+npm add mapv-three
+# or
+pnpm add mapv-three

使用

ts
import * as mapv from 'mapv'
+import * as mapvgl from 'mapvgl'
+import * as mapvThree from 'mapv-three'

注意

mapv、mapvgl、mapvThree 均使用 umd 格式打包，而非 esm。所以通过 npm 方式使用代码不利于构建工具 Tree-shaking，导致打包大小臃肿。我们更推荐以插件形式使用

示例 ​

以下示例均来自于 mapv 官方示例。更多示例见及文档请参考: https://mapv.baidu.com/gl/docs/index.html

PointLayer 基础点层图 ​

https://mapv.baidu.com/gl/docs/PointLayer.html

`,22),k=s("p",null,"expand/mapv/pointLayer",-1),u=s("h3",{id:"heatgridlayer-柱状热力图",tabindex:"-1"},[p("HeatGridLayer 柱状热力图 "),s("a",{class:"header-anchor",href:"#heatgridlayer-柱状热力图","aria-label":'Permalink to "HeatGridLayer 柱状热力图"'},"​")],-1),D=s("blockquote",null,[s("p",null,[s("a",{href:"https://mapv.baidu.com/gl/docs/HeatGridLayer.html",target:"_blank",rel:"noreferrer"},"https://mapv.baidu.com/gl/docs/HeatGridLayer.html")])],-1),r=s("p",null,"expand/mapv/heatGridLayer",-1),F=s("h3",{id:"渲染-3d-模型",tabindex:"-1"},[p("渲染 3d 模型 "),s("a",{class:"header-anchor",href:"#渲染-3d-模型","aria-label":'Permalink to "渲染 3d 模型"'},"​")],-1),A=s("blockquote",null,[s("p",null,[s("a",{href:"https://lbsyun.baidu.com/solutions/mapvthreedoc",target:"_blank",rel:"noreferrer"},"https://lbsyun.baidu.com/solutions/mapvthreedoc")])],-1),d=s("p",null,"expand/mapv/3dModel",-1);function h(B,g,m,y,b,v){const n=E("Demo");return l(),o("div",null,[i,a(n,{source:"%3Cpre%20v-pre%3E%3Ccode%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMap%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Azoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E5%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Acenter%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%7B%20lat%3A%2039.915185%2C%20lng%3A%20116.403901%20%7D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aplugins%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%5B'Mapvgl'%2C%20'Mapv'%5D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3AdisplayOptions%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%7B%0A%20%20%20%20%20%20indoor%3A%20false%2C%0A%20%20%20%20%20%20poi%3A%20true%2C%0A%20%20%20%20%20%20skyColors%3A%20%5B'rgba(5%2C%205%2C%2030%2C%200.01)'%2C%20'rgba(5%2C%205%2C%2030%2C%201.0)'%5D%0A%20%20%20%20%7D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3EmapStyleId%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E91c53039a0b7f75e3dd8ddcdd932243b%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3EenableScrollWheelZoom%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40pluginReady%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EhandlePluginReady%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Escript%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Esetup%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20script%22%3E%3Cspan%20class%3D%22token%20language-javascript%22%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Efunction%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3EhandlePluginReady%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20parameter%22%3Emap%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Elet%3C%2Fspan%3E%20data%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%0A%0A%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Elet%3C%2Fspan%3E%20citys%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20string%22%3E'%E5%8C%97%E4%BA%AC'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20string%22%3E'%E5%A4%A9%E6%B4%A5'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20string%22%3E'%E4%B8%8A%E6%B5%B7'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20string%22%3E'%E9%87%8D%E5%BA%86'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20string%22%3E'%E7%9F%B3%E5%AE%B6%E5%BA%84'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20string%22%3E'%E5%A4%AA%E5%8E%9F'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20string%22%3E'%E5%91%BC%E5%92%8C%E6%B5%A9%E7%89%B9'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20string%22%3E'%E5%93%88%E5%B0%94%E6%BB%A8'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20string%22%3E'%E9%95%BF%E6%98%A5'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20string%22%3E'%E6%B2%88%E9%98%B3'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20string%22%3E'%E6%B5%8E%E5%8D%97'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20string%22%3E'%E5%8D%97%E4%BA%AC'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20string%22%3E'%E5%90%88%E8%82%A5'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20string%22%3E'%E6%9D%AD%E5%B7%9E'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20string%22%3E'%E5%8D%97%E6%98%8C'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20string%22%3E'%E7%A6%8F%E5%B7%9E'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20string%22%3E'%E9%83%91%E5%B7%9E'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20string%22%3E'%E6%AD%A6%E6%B1%89'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20string%22%3E'%E9%95%BF%E6%B2%99'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20string%22%3E'%E5%B9%BF%E5%B7%9E'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20string%22%3E'%E5%8D%97%E5%AE%81'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20string%22%3E'%E8%A5%BF%E5%AE%89'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20string%22%3E'%E9%93%B6%E5%B7%9D'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20string%22%3E'%E5%85%B0%E5%B7%9E'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20string%22%3E'%E8%A5%BF%E5%AE%81'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20string%22%3E'%E4%B9%8C%E9%B2%81%E6%9C%A8%E9%BD%90'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20string%22%3E'%E6%88%90%E9%83%BD'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20string%22%3E'%E8%B4%B5%E9%98%B3'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20string%22%3E'%E6%98%86%E6%98%8E'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20string%22%3E'%E6%8B%89%E8%90%A8'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20string%22%3E'%E6%B5%B7%E5%8F%A3'%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%0A%0A%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Elet%3C%2Fspan%3E%20randomCount%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E300%3C%2Fspan%3E%0A%0A%20%20%20%20%3Cspan%20class%3D%22token%20comment%22%3E%2F%2F%20%E6%9E%84%E9%80%A0%E6%95%B0%E6%8D%AE%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Ewhile%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3ErandomCount%3Cspan%20class%3D%22token%20operator%22%3E--%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Elet%3C%2Fspan%3E%20cityCenter%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20mapv%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EutilCityCenter%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3EgetCenterByCityName%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3Ecitys%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3EMath%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3Efloor%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3EMath%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3Erandom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E*%3C%2Fspan%3E%20citys%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Elength%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20data%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3Epush%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Egeometry%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Etype%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'Point'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Ecoordinates%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3EcityCenter%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Elng%20%3Cspan%20class%3D%22token%20operator%22%3E-%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E2%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%2B%3C%2Fspan%3E%20Math%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3Erandom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E*%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E4%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20cityCenter%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Elat%20%3Cspan%20class%3D%22token%20operator%22%3E-%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E2%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%2B%3C%2Fspan%3E%20Math%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3Erandom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E*%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E4%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Eproperties%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Ecount%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20Math%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3Erandom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E*%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E100%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%0A%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Elet%3C%2Fspan%3E%20view%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Enew%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20class-name%22%3Emapvgl%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EView%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Emap%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20map%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%0A%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Elet%3C%2Fspan%3E%20pointLayer%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Enew%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20class-name%22%3Emapvgl%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EPointLayer%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Eblend%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'er'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Esize%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E15%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Ecolor%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'rgba(102%2C%200%2C%20204%2C%200.6)'%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%0A%20%20%20%20view%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3EaddLayer%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3EpointLayer%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20pointLayer%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3EsetData%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3Edata%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Escript%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3C%2Fcode%3E%3C%2Fpre%3E",path:"expand/mapv/pointLayer","raw-source":"%3Ctemplate%3E%0A%20%20%3CBMap%0A%20%20%20%20v-bind%3D%22%24attrs%22%0A%20%20%20%20%3Azoom%3D%225%22%0A%20%20%20%20%3Acenter%3D%22%7B%20lat%3A%2039.915185%2C%20lng%3A%20116.403901%20%7D%22%0A%20%20%20%20%3Aplugins%3D%22%5B'Mapvgl'%2C%20'Mapv'%5D%22%0A%20%20%20%20%3AdisplayOptions%3D%22%7B%0A%20%20%20%20%20%20indoor%3A%20false%2C%0A%20%20%20%20%20%20poi%3A%20true%2C%0A%20%20%20%20%20%20skyColors%3A%20%5B'rgba(5%2C%205%2C%2030%2C%200.01)'%2C%20'rgba(5%2C%205%2C%2030%2C%201.0)'%5D%0A%20%20%20%20%7D%22%0A%20%20%20%20mapStyleId%3D%2291c53039a0b7f75e3dd8ddcdd932243b%22%0A%20%20%20%20enableScrollWheelZoom%0A%20%20%20%20%40pluginReady%3D%22handlePluginReady%22%0A%20%20%2F%3E%0A%3C%2Ftemplate%3E%0A%3Cscript%20setup%3E%0A%20%20function%20handlePluginReady(map)%20%7B%0A%20%20%20%20let%20data%20%3D%20%5B%5D%0A%0A%20%20%20%20let%20citys%20%3D%20%5B%0A%20%20%20%20%20%20'%E5%8C%97%E4%BA%AC'%2C%0A%20%20%20%20%20%20'%E5%A4%A9%E6%B4%A5'%2C%0A%20%20%20%20%20%20'%E4%B8%8A%E6%B5%B7'%2C%0A%20%20%20%20%20%20'%E9%87%8D%E5%BA%86'%2C%0A%20%20%20%20%20%20'%E7%9F%B3%E5%AE%B6%E5%BA%84'%2C%0A%20%20%20%20%20%20'%E5%A4%AA%E5%8E%9F'%2C%0A%20%20%20%20%20%20'%E5%91%BC%E5%92%8C%E6%B5%A9%E7%89%B9'%2C%0A%20%20%20%20%20%20'%E5%93%88%E5%B0%94%E6%BB%A8'%2C%0A%20%20%20%20%20%20'%E9%95%BF%E6%98%A5'%2C%0A%20%20%20%20%20%20'%E6%B2%88%E9%98%B3'%2C%0A%20%20%20%20%20%20'%E6%B5%8E%E5%8D%97'%2C%0A%20%20%20%20%20%20'%E5%8D%97%E4%BA%AC'%2C%0A%20%20%20%20%20%20'%E5%90%88%E8%82%A5'%2C%0A%20%20%20%20%20%20'%E6%9D%AD%E5%B7%9E'%2C%0A%20%20%20%20%20%20'%E5%8D%97%E6%98%8C'%2C%0A%20%20%20%20%20%20'%E7%A6%8F%E5%B7%9E'%2C%0A%20%20%20%20%20%20'%E9%83%91%E5%B7%9E'%2C%0A%20%20%20%20%20%20'%E6%AD%A6%E6%B1%89'%2C%0A%20%20%20%20%20%20'%E9%95%BF%E6%B2%99'%2C%0A%20%20%20%20%20%20'%E5%B9%BF%E5%B7%9E'%2C%0A%20%20%20%20%20%20'%E5%8D%97%E5%AE%81'%2C%0A%20%20%20%20%20%20'%E8%A5%BF%E5%AE%89'%2C%0A%20%20%20%20%20%20'%E9%93%B6%E5%B7%9D'%2C%0A%20%20%20%20%20%20'%E5%85%B0%E5%B7%9E'%2C%0A%20%20%20%20%20%20'%E8%A5%BF%E5%AE%81'%2C%0A%20%20%20%20%20%20'%E4%B9%8C%E9%B2%81%E6%9C%A8%E9%BD%90'%2C%0A%20%20%20%20%20%20'%E6%88%90%E9%83%BD'%2C%0A%20%20%20%20%20%20'%E8%B4%B5%E9%98%B3'%2C%0A%20%20%20%20%20%20'%E6%98%86%E6%98%8E'%2C%0A%20%20%20%20%20%20'%E6%8B%89%E8%90%A8'%2C%0A%20%20%20%20%20%20'%E6%B5%B7%E5%8F%A3'%0A%20%20%20%20%5D%0A%0A%20%20%20%20let%20randomCount%20%3D%20300%0A%0A%20%20%20%20%2F%2F%20%E6%9E%84%E9%80%A0%E6%95%B0%E6%8D%AE%0A%20%20%20%20while%20(randomCount--)%20%7B%0A%20%20%20%20%20%20let%20cityCenter%20%3D%20mapv.utilCityCenter.getCenterByCityName(citys%5BMath.floor(Math.random()%20*%20citys.length)%5D)%0A%20%20%20%20%20%20data.push(%7B%0A%20%20%20%20%20%20%20%20geometry%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20type%3A%20'Point'%2C%0A%20%20%20%20%20%20%20%20%20%20coordinates%3A%20%5BcityCenter.lng%20-%202%20%2B%20Math.random()%20*%204%2C%20cityCenter.lat%20-%202%20%2B%20Math.random()%20*%204%5D%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20properties%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20count%3A%20Math.random()%20*%20100%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D)%0A%20%20%20%20%7D%0A%0A%20%20%20%20let%20view%20%3D%20new%20mapvgl.View(%7B%0A%20%20%20%20%20%20map%3A%20map%0A%20%20%20%20%7D)%0A%0A%20%20%20%20let%20pointLayer%20%3D%20new%20mapvgl.PointLayer(%7B%0A%20%20%20%20%20%20blend%3A%20'lighter'%2C%0A%20%20%20%20%20%20size%3A%2015%2C%0A%20%20%20%20%20%20color%3A%20'rgba(102%2C%200%2C%20204%2C%200.6)'%0A%20%20%20%20%7D)%0A%0A%20%20%20%20view.addLayer(pointLayer)%0A%20%20%20%20pointLayer.setData(data)%0A%20%20%7D%0A%3C%2Fscript%3E%0A",description:""},{default:t(()=>[k]),_:1}),u,D,a(n,{source:"%3Cpre%20v-pre%3E%3Ccode%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMap%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aheading%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E30%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Atilt%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E30%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Azoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E12%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Acenter%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%7B%20lat%3A%2039.925406%2C%20lng%3A%20116.387456%20%7D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3AdisplayOptions%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%7B%0A%20%20%20%20%20%20indoor%3A%20false%2C%0A%20%20%20%20%20%20poi%3A%20true%2C%0A%20%20%20%20%20%20skyColors%3A%20%5B'rgba(5%2C%205%2C%2030%2C%200.01)'%2C%20'rgba(5%2C%205%2C%2030%2C%201.0)'%5D%0A%20%20%20%20%7D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3EmapStyleId%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E980161f3645989feac25a0da15da4178%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3EenableScrollWheelZoom%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aplugins%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%5B'Mapvgl'%2C%20'Mapv'%5D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40pluginReady%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EhandlePluginReady%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Escript%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Esetup%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20script%22%3E%3Cspan%20class%3D%22token%20language-javascript%22%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Efunction%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3EhandlePluginReady%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20parameter%22%3Emap%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Elet%3C%2Fspan%3E%20view%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Enew%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20class-name%22%3Emapvgl%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EView%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Emap%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20map%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%0A%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Elet%3C%2Fspan%3E%20grid%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Enew%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20class-name%22%3Emapvgl%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EHeatGridLayer%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Emax%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E80%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20comment%22%3E%2F%2F%20%E6%9C%80%E5%A4%A7%E9%98%88%E5%80%BC%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Emin%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E10%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20comment%22%3E%2F%2F%20%E6%9C%80%E5%B0%8F%E9%98%88%E5%80%BC%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EgridSize%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E500%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Egradient%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20comment%22%3E%2F%2F%20%E5%AF%B9%E5%BA%94%E6%AF%94%E4%BE%8B%E6%B8%90%E5%8F%98%E8%89%B2%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20number%22%3E0%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'rgb(50%2C%2050%2C%20256)'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20number%22%3E0.3%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'rgb(178%2C%20202%2C%20256)'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20number%22%3E1%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'rgb(250%2C%20250%2C%20256)'%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EriseTime%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E1800%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20comment%22%3E%2F%2F%20%E6%A5%BC%E5%9D%97%E5%88%9D%E5%A7%8B%E5%8C%96%E5%8D%87%E8%B5%B7%E6%97%B6%E9%97%B4%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EmaxHeight%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E10000%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20comment%22%3E%2F%2F%20%E6%9C%80%E5%A4%A7%E9%AB%98%E5%BA%A6%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EminHeight%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E200%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20comment%22%3E%2F%2F%20%E6%9C%80%E5%B0%8F%E9%AB%98%E5%BA%A6%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20view%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3EaddLayer%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3Egrid%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%0A%20%20%20%20%3Cspan%20class%3D%22token%20function%22%3Efetch%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20string%22%3E'%2Fvue3-baidu-map-gl%2Fbeijing.json'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3Ethen%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20parameter%22%3Ers%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Ereturn%3C%2Fspan%3E%20rs%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3Ejson%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3Ethen%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20parameter%22%3Ers%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20rs%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20rs%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Eresult%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Edata%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E0%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Ebound%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Elet%3C%2Fspan%3E%20data%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Efor%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20keyword%22%3Elet%3C%2Fspan%3E%20i%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E0%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%20i%20%3Cspan%20class%3D%22token%20operator%22%3E%26lt%3B%3C%2Fspan%3E%20rs%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Elength%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%20i%3Cspan%20class%3D%22token%20operator%22%3E%2B%2B%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Elet%3C%2Fspan%3E%20item%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20rs%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3Ei%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20data%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3Epush%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Egeometry%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Etype%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'Point'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Ecoordinates%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3Eitem%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E0%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20item%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E1%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Eproperties%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Ecount%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20item%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E2%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20grid%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3EsetData%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3Edata%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Escript%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3C%2Fcode%3E%3C%2Fpre%3E",path:"expand/mapv/heatGridLayer","raw-source":"%3Ctemplate%3E%0A%20%20%3CBMap%0A%20%20%20%20v-bind%3D%22%24attrs%22%0A%20%20%20%20%3Aheading%3D%2230%22%0A%20%20%20%20%3Atilt%3D%2230%22%0A%20%20%20%20%3Azoom%3D%2212%22%0A%20%20%20%20%3Acenter%3D%22%7B%20lat%3A%2039.925406%2C%20lng%3A%20116.387456%20%7D%22%0A%20%20%20%20%3AdisplayOptions%3D%22%7B%0A%20%20%20%20%20%20indoor%3A%20false%2C%0A%20%20%20%20%20%20poi%3A%20true%2C%0A%20%20%20%20%20%20skyColors%3A%20%5B'rgba(5%2C%205%2C%2030%2C%200.01)'%2C%20'rgba(5%2C%205%2C%2030%2C%201.0)'%5D%0A%20%20%20%20%7D%22%0A%20%20%20%20mapStyleId%3D%22980161f3645989feac25a0da15da4178%22%0A%20%20%20%20enableScrollWheelZoom%0A%20%20%20%20%3Aplugins%3D%22%5B'Mapvgl'%2C%20'Mapv'%5D%22%0A%20%20%20%20%40pluginReady%3D%22handlePluginReady%22%0A%20%20%2F%3E%0A%3C%2Ftemplate%3E%0A%0A%3Cscript%20setup%3E%0A%20%20function%20handlePluginReady(map)%20%7B%0A%20%20%20%20let%20view%20%3D%20new%20mapvgl.View(%7B%0A%20%20%20%20%20%20map%3A%20map%0A%20%20%20%20%7D)%0A%0A%20%20%20%20let%20grid%20%3D%20new%20mapvgl.HeatGridLayer(%7B%0A%20%20%20%20%20%20max%3A%2080%2C%20%2F%2F%20%E6%9C%80%E5%A4%A7%E9%98%88%E5%80%BC%0A%20%20%20%20%20%20min%3A%2010%2C%20%2F%2F%20%E6%9C%80%E5%B0%8F%E9%98%88%E5%80%BC%0A%20%20%20%20%20%20gridSize%3A%20500%2C%0A%20%20%20%20%20%20gradient%3A%20%7B%0A%20%20%20%20%20%20%20%20%2F%2F%20%E5%AF%B9%E5%BA%94%E6%AF%94%E4%BE%8B%E6%B8%90%E5%8F%98%E8%89%B2%0A%20%20%20%20%20%20%20%200%3A%20'rgb(50%2C%2050%2C%20256)'%2C%0A%20%20%20%20%20%20%20%200.3%3A%20'rgb(178%2C%20202%2C%20256)'%2C%0A%20%20%20%20%20%20%20%201%3A%20'rgb(250%2C%20250%2C%20256)'%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20riseTime%3A%201800%2C%20%2F%2F%20%E6%A5%BC%E5%9D%97%E5%88%9D%E5%A7%8B%E5%8C%96%E5%8D%87%E8%B5%B7%E6%97%B6%E9%97%B4%0A%20%20%20%20%20%20maxHeight%3A%2010000%2C%20%2F%2F%20%E6%9C%80%E5%A4%A7%E9%AB%98%E5%BA%A6%0A%20%20%20%20%20%20minHeight%3A%20200%20%2F%2F%20%E6%9C%80%E5%B0%8F%E9%AB%98%E5%BA%A6%0A%20%20%20%20%7D)%0A%20%20%20%20view.addLayer(grid)%0A%0A%20%20%20%20fetch('%2Fvue3-baidu-map-gl%2Fbeijing.json')%0A%20%20%20%20%20%20.then((rs)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20return%20rs.json()%0A%20%20%20%20%20%20%7D)%0A%20%20%20%20%20%20.then((rs)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20rs%20%3D%20rs.result.data%5B0%5D.bound%0A%20%20%20%20%20%20%20%20let%20data%20%3D%20%5B%5D%0A%20%20%20%20%20%20%20%20for%20(let%20i%20%3D%200%3B%20i%20%3C%20rs.length%3B%20i%2B%2B)%20%7B%0A%20%20%20%20%20%20%20%20%20%20let%20item%20%3D%20rs%5Bi%5D%0A%20%20%20%20%20%20%20%20%20%20data.push(%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20geometry%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20type%3A%20'Point'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20coordinates%3A%20%5Bitem%5B0%5D%2C%20item%5B1%5D%5D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20properties%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20count%3A%20item%5B2%5D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%7D)%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20grid.setData(data)%0A%20%20%20%20%20%20%7D)%0A%20%20%7D%0A%3C%2Fscript%3E%0A",description:""},{default:t(()=>[r]),_:1}),F,A,a(n,{source:"%3Cpre%20v-pre%3E%3Ccode%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMap%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Atilt%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E65%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aheading%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E-50%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Azoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E21%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Acenter%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ecenter%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3AdisplayOptions%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%7B%0A%20%20%20%20%20%20building%3A%20false%0A%20%20%20%20%7D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3ArestrictCenter%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Efalse%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3EenableInertialDragging%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3EenableContinuousZoom%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3EenableScrollWheelZoom%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40initd%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EhandleInitd%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Escript%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Esetup%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20script%22%3E%3Cspan%20class%3D%22token%20language-javascript%22%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Eimport%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20withBase%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Efrom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'vitepress'%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Eimport%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20GLTFLoader%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Efrom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'three%2Fexamples%2Fjsm%2Floaders%2FGLTFLoader.js'%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20center%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elat%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E40.05298%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elng%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E116.25241%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Efunction%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3EhandleInitd%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20parameter%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20map%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Eimport%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20string%22%3E'mapv-three'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3Ethen%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20parameter%22%3EmapvThree%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20Engine%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20EmptySky%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20mapvThree%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20engine%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Enew%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20class-name%22%3EEngine%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3Emap%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20comment%22%3E%2F%2F%20engine.map.setCenter(center)%3C%2Fspan%3E%0A%20%20%20%20%20%20engine%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Erendering%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EuseMrt%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20boolean%22%3Etrue%3C%2Fspan%3E%0A%20%20%20%20%20%20engine%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Erendering%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Eshadow%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Eenabled%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20boolean%22%3Etrue%3C%2Fspan%3E%0A%20%20%20%20%20%20engine%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Erendering%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EanimationLoopFrameTime%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E40%3C%2Fspan%3E%0A%20%20%20%20%20%20engine%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Erendering%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EcolorAdjust%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Esaturation%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E0.25%3C%2Fspan%3E%0A%20%20%20%20%20%20engine%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Erendering%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EcolorAdjust%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Econtrast%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E0.15%3C%2Fspan%3E%0A%20%20%20%20%20%20engine%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Erendering%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EcolorAdjust%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Ebrightness%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E0%3C%2Fspan%3E%0A%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20sky%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20engine%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3Eadd%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20keyword%22%3Enew%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20class-name%22%3EEmptySky%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20sky%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Etime%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E3600%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E*%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E16.5%3C%2Fspan%3E%0A%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20position%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20engine%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Emap%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3EprojectPointArr%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3Ecenter%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20comment%22%3E%2F%2F%20%E6%A8%A1%E5%9E%8B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20models%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Eposition%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E12941311%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E4845891%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E6%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Epath%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3EwithBase%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20string%22%3E'%2Fmodels%2Fbuilding5.glb'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Erotate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20boolean%22%3Etrue%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Einfo%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'%E6%88%BF%E5%AD%90'%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Eposition%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E12941265%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E4845905%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E6%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Epath%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3EwithBase%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20string%22%3E'%2Fmodels%2Fpalm_tree.glb'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Erotate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20boolean%22%3Efalse%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Einfo%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'%E6%A0%91%E6%9C%A8'%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Eposition%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E12941369%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E4845869%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E2%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Epath%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3EwithBase%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20string%22%3E'%2Fmodels%2Ftruck1.glb'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Erotate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20boolean%22%3Etrue%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Einfo%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'%E8%B4%A7%E8%BD%A6'%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20loader%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Enew%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20class-name%22%3EGLTFLoader%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Efor%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20keyword%22%3Elet%3C%2Fspan%3E%20i%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E0%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%20i%20%3Cspan%20class%3D%22token%20operator%22%3E%26lt%3B%3C%2Fspan%3E%20models%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Elength%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%20i%3Cspan%20class%3D%22token%20operator%22%3E%2B%2B%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20loader%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3Eload%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3Emodels%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3Ei%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Epath%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20parameter%22%3Egltf%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20model%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20gltf%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Escene%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Echildren%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E0%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20model%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EuserData%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Einfo%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20models%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3Ei%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Einfo%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Efor%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20keyword%22%3Elet%3C%2Fspan%3E%20i%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E0%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%20i%20%3Cspan%20class%3D%22token%20operator%22%3E%26lt%3B%3C%2Fspan%3E%20model%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Echildren%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Elength%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%20i%3Cspan%20class%3D%22token%20operator%22%3E%2B%2B%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20model%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Echildren%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3Ei%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EcastShadow%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20boolean%22%3Etrue%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20model%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Eposition%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3Eset%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3Emodels%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3Ei%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Eposition%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E0%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20models%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3Ei%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Eposition%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E1%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20models%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3Ei%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Eposition%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E2%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Eif%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3Emodels%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3Ei%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Erotate%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20model%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Erotation%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Ex%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20Math%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20constant%22%3EPI%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%2F%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E2%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20model%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Erotation%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Ey%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E1.08%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E*%3C%2Fspan%3E%20Math%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20constant%22%3EPI%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%2F%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E2%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20engine%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3Eadd%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3Emodel%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20comment%22%3E%2F%2F%20%E6%A8%A1%E5%9E%8B%E6%B7%BB%E5%8A%A0%E7%82%B9%E5%87%BB%E4%BA%8B%E4%BB%B6%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20engine%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Eevent%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3EmarkEventProxy%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3Emodel%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20engine%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3Eevent%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3Ebind%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3Emodel%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'click'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20parameter%22%3Ee%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20function%22%3Ealert%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20string%22%3E'%E7%82%B9%E5%87%BB%E4%BA%86%20'%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%2B%3C%2Fspan%3E%20model%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EuserData%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Einfo%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Escript%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3C%2Fcode%3E%3C%2Fpre%3E",path:"expand/mapv/3dModel","raw-source":"%3Ctemplate%3E%0A%20%20%3CBMap%0A%20%20%20%20v-bind%3D%22%24attrs%22%0A%20%20%20%20%3Atilt%3D%2265%22%0A%20%20%20%20%3Aheading%3D%22-50%22%0A%20%20%20%20%3Azoom%3D%2221%22%0A%20%20%20%20%3Acenter%3D%22center%22%0A%20%20%20%20%3AdisplayOptions%3D%22%7B%0A%20%20%20%20%20%20building%3A%20false%0A%20%20%20%20%7D%22%0A%20%20%20%20%3ArestrictCenter%3D%22false%22%0A%20%20%20%20enableInertialDragging%0A%20%20%20%20enableContinuousZoom%0A%20%20%20%20enableScrollWheelZoom%0A%20%20%20%20%40initd%3D%22handleInitd%22%0A%20%20%2F%3E%0A%3C%2Ftemplate%3E%0A%0A%3Cscript%20setup%3E%0A%20%20import%20%7B%20withBase%20%7D%20from%20'vitepress'%0A%20%20import%20%7B%20GLTFLoader%20%7D%20from%20'three%2Fexamples%2Fjsm%2Floaders%2FGLTFLoader.js'%0A%20%20const%20center%20%3D%20%7B%20lat%3A%2040.05298%2C%20lng%3A%20116.25241%20%7D%0A%20%20function%20handleInitd(%7B%20map%20%7D)%20%7B%0A%20%20%20%20import('mapv-three').then((mapvThree)%20%3D%3E%20%7B%0A%20%20%20%20%20%20const%20%7B%20Engine%2C%20EmptySky%20%7D%20%3D%20mapvThree%0A%20%20%20%20%20%20const%20engine%20%3D%20new%20Engine(map%2C%20%7B%7D)%0A%20%20%20%20%20%20%2F%2F%20engine.map.setCenter(center)%0A%20%20%20%20%20%20engine.rendering.useMrt%20%3D%20true%0A%20%20%20%20%20%20engine.rendering.shadow.enabled%20%3D%20true%0A%20%20%20%20%20%20engine.rendering.animationLoopFrameTime%20%3D%2040%0A%20%20%20%20%20%20engine.rendering.colorAdjust.saturation%20%3D%200.25%0A%20%20%20%20%20%20engine.rendering.colorAdjust.contrast%20%3D%200.15%0A%20%20%20%20%20%20engine.rendering.colorAdjust.brightness%20%3D%200%0A%0A%20%20%20%20%20%20const%20sky%20%3D%20engine.add(new%20EmptySky())%0A%20%20%20%20%20%20sky.time%20%3D%203600%20*%2016.5%0A%0A%20%20%20%20%20%20const%20position%20%3D%20engine.map.projectPointArr(center)%0A%0A%20%20%20%20%20%20%2F%2F%20%E6%A8%A1%E5%9E%8B%0A%20%20%20%20%20%20const%20models%20%3D%20%5B%0A%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20position%3A%20%5B12941311%2C%204845891%2C%206%5D%2C%0A%20%20%20%20%20%20%20%20%20%20path%3A%20withBase('%2Fmodels%2Fbuilding5.glb')%2C%0A%20%20%20%20%20%20%20%20%20%20rotate%3A%20true%2C%0A%20%20%20%20%20%20%20%20%20%20info%3A%20'%E6%88%BF%E5%AD%90'%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20position%3A%20%5B12941265%2C%204845905%2C%206%5D%2C%0A%20%20%20%20%20%20%20%20%20%20path%3A%20withBase('%2Fmodels%2Fpalm_tree.glb')%2C%0A%20%20%20%20%20%20%20%20%20%20rotate%3A%20false%2C%0A%20%20%20%20%20%20%20%20%20%20info%3A%20'%E6%A0%91%E6%9C%A8'%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20position%3A%20%5B12941369%2C%204845869%2C%202%5D%2C%0A%20%20%20%20%20%20%20%20%20%20path%3A%20withBase('%2Fmodels%2Ftruck1.glb')%2C%0A%20%20%20%20%20%20%20%20%20%20rotate%3A%20true%2C%0A%20%20%20%20%20%20%20%20%20%20info%3A%20'%E8%B4%A7%E8%BD%A6'%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%5D%0A%20%20%20%20%20%20const%20loader%20%3D%20new%20GLTFLoader()%0A%20%20%20%20%20%20for%20(let%20i%20%3D%200%3B%20i%20%3C%20models.length%3B%20i%2B%2B)%20%7B%0A%20%20%20%20%20%20%20%20loader.load(models%5Bi%5D.path%2C%20(gltf)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20const%20model%20%3D%20gltf.scene.children%5B0%5D%0A%20%20%20%20%20%20%20%20%20%20model.userData.info%20%3D%20models%5Bi%5D.info%0A%20%20%20%20%20%20%20%20%20%20for%20(let%20i%20%3D%200%3B%20i%20%3C%20model.children.length%3B%20i%2B%2B)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20model.children%5Bi%5D.castShadow%20%3D%20true%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20model.position.set(models%5Bi%5D.position%5B0%5D%2C%20models%5Bi%5D.position%5B1%5D%2C%20models%5Bi%5D.position%5B2%5D)%0A%20%20%20%20%20%20%20%20%20%20if%20(models%5Bi%5D.rotate)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20model.rotation.x%20%3D%20Math.PI%20%2F%202%0A%20%20%20%20%20%20%20%20%20%20%20%20model.rotation.y%20%3D%20(1.08%20*%20Math.PI)%20%2F%202%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20engine.add(model)%0A%20%20%20%20%20%20%20%20%20%20%2F%2F%20%E6%A8%A1%E5%9E%8B%E6%B7%BB%E5%8A%A0%E7%82%B9%E5%87%BB%E4%BA%8B%E4%BB%B6%0A%20%20%20%20%20%20%20%20%20%20engine.event.markEventProxy(model)%0A%20%20%20%20%20%20%20%20%20%20engine.event.bind(model%2C%20'click'%2C%20(e)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20alert('%E7%82%B9%E5%87%BB%E4%BA%86%20'%20%2B%20model.userData.info)%0A%20%20%20%20%20%20%20%20%20%20%7D)%0A%20%20%20%20%20%20%20%20%7D)%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D)%0A%20%20%7D%0A%3C%2Fscript%3E%0A",description:"%3Cp%3E%E6%B8%B2%E6%9F%93%203d%20%E6%A8%A1%E5%9E%8B%E5%B9%B6%E7%BB%91%E5%AE%9A%E4%BA%8B%E4%BB%B6%3C%2Fp%3E%0A"},{default:t(()=>[d]),_:1})])}const _=e(c,[["render",h]]);export{w as __pageData,_ as default}; diff --git a/assets/zh-CN_expand_mapv.md.aEB32QET.lean.js b/assets/zh-CN_expand_mapv.md.aEB32QET.lean.js new file mode 100644 index 00000000..15e6b752 --- /dev/null +++ b/assets/zh-CN_expand_mapv.md.aEB32QET.lean.js @@ -0,0 +1 @@ +import{_ as e,D as E,c as o,I as a,w as t,R as C,k as s,a as p,o as l}from"./chunks/framework.aeLSa5ZG.js";const w=JSON.parse('{"title":"mapv 可视化","description":"","frontmatter":{},"headers":[],"relativePath":"zh-CN/expand/mapv.md","filePath":"zh-CN/expand/mapv.md","lastUpdated":1710870588000}'),c={name:"zh-CN/expand/mapv.md"},i=C("",22),k=s("p",null,"expand/mapv/pointLayer",-1),u=s("h3",{id:"heatgridlayer-柱状热力图",tabindex:"-1"},[p("HeatGridLayer 柱状热力图 "),s("a",{class:"header-anchor",href:"#heatgridlayer-柱状热力图","aria-label":'Permalink to "HeatGridLayer 柱状热力图"'},"​")],-1),D=s("blockquote",null,[s("p",null,[s("a",{href:"https://mapv.baidu.com/gl/docs/HeatGridLayer.html",target:"_blank",rel:"noreferrer"},"https://mapv.baidu.com/gl/docs/HeatGridLayer.html")])],-1),r=s("p",null,"expand/mapv/heatGridLayer",-1),F=s("h3",{id:"渲染-3d-模型",tabindex:"-1"},[p("渲染 3d 模型 "),s("a",{class:"header-anchor",href:"#渲染-3d-模型","aria-label":'Permalink to "渲染 3d 模型"'},"​")],-1),A=s("blockquote",null,[s("p",null,[s("a",{href:"https://lbsyun.baidu.com/solutions/mapvthreedoc",target:"_blank",rel:"noreferrer"},"https://lbsyun.baidu.com/solutions/mapvthreedoc")])],-1),d=s("p",null,"expand/mapv/3dModel",-1);function h(B,g,m,y,b,v){const n=E("Demo");return l(),o("div",null,[i,a(n,{source:"%3Cpre%20v-pre%3E%3Ccode%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMap%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Azoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E5%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Acenter%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%7B%20lat%3A%2039.915185%2C%20lng%3A%20116.403901%20%7D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aplugins%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%5B'Mapvgl'%2C%20'Mapv'%5D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3AdisplayOptions%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%7B%0A%20%20%20%20%20%20indoor%3A%20false%2C%0A%20%20%20%20%20%20poi%3A%20true%2C%0A%20%20%20%20%20%20skyColors%3A%20%5B'rgba(5%2C%205%2C%2030%2C%200.01)'%2C%20'rgba(5%2C%205%2C%2030%2C%201.0)'%5D%0A%20%20%20%20%7D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3EmapStyleId%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E91c53039a0b7f75e3dd8ddcdd932243b%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3EenableScrollWheelZoom%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40pluginReady%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EhandlePluginReady%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Escript%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Esetup%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20script%22%3E%3Cspan%20class%3D%22token%20language-javascript%22%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Efunction%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3EhandlePluginReady%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20parameter%22%3Emap%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Elet%3C%2Fspan%3E%20data%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%0A%0A%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Elet%3C%2Fspan%3E%20citys%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20string%22%3E'%E5%8C%97%E4%BA%AC'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20string%22%3E'%E5%A4%A9%E6%B4%A5'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20string%22%3E'%E4%B8%8A%E6%B5%B7'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20string%22%3E'%E9%87%8D%E5%BA%86'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20string%22%3E'%E7%9F%B3%E5%AE%B6%E5%BA%84'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20string%22%3E'%E5%A4%AA%E5%8E%9F'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20string%22%3E'%E5%91%BC%E5%92%8C%E6%B5%A9%E7%89%B9'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20string%22%3E'%E5%93%88%E5%B0%94%E6%BB%A8'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20string%22%3E'%E9%95%BF%E6%98%A5'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20string%22%3E'%E6%B2%88%E9%98%B3'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20string%22%3E'%E6%B5%8E%E5%8D%97'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20string%22%3E'%E5%8D%97%E4%BA%AC'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20string%22%3E'%E5%90%88%E8%82%A5'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20string%22%3E'%E6%9D%AD%E5%B7%9E'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20string%22%3E'%E5%8D%97%E6%98%8C'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20string%22%3E'%E7%A6%8F%E5%B7%9E'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20string%22%3E'%E9%83%91%E5%B7%9E'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20string%22%3E'%E6%AD%A6%E6%B1%89'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20string%22%3E'%E9%95%BF%E6%B2%99'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20string%22%3E'%E5%B9%BF%E5%B7%9E'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20string%22%3E'%E5%8D%97%E5%AE%81'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20string%22%3E'%E8%A5%BF%E5%AE%89'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20string%22%3E'%E9%93%B6%E5%B7%9D'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20string%22%3E'%E5%85%B0%E5%B7%9E'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20string%22%3E'%E8%A5%BF%E5%AE%81'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20string%22%3E'%E4%B9%8C%E9%B2%81%E6%9C%A8%E9%BD%90'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20string%22%3E'%E6%88%90%E9%83%BD'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20string%22%3E'%E8%B4%B5%E9%98%B3'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20string%22%3E'%E6%98%86%E6%98%8E'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20string%22%3E'%E6%8B%89%E8%90%A8'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20string%22%3E'%E6%B5%B7%E5%8F%A3'%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%0A%0A%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Elet%3C%2Fspan%3E%20randomCount%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E300%3C%2Fspan%3E%0A%0A%20%20%20%20%3Cspan%20class%3D%22token%20comment%22%3E%2F%2F%20%E6%9E%84%E9%80%A0%E6%95%B0%E6%8D%AE%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Ewhile%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3ErandomCount%3Cspan%20class%3D%22token%20operator%22%3E--%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Elet%3C%2Fspan%3E%20cityCenter%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20mapv%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EutilCityCenter%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3EgetCenterByCityName%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3Ecitys%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3EMath%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3Efloor%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3EMath%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3Erandom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E*%3C%2Fspan%3E%20citys%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Elength%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20data%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3Epush%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Egeometry%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Etype%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'Point'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Ecoordinates%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3EcityCenter%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Elng%20%3Cspan%20class%3D%22token%20operator%22%3E-%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E2%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%2B%3C%2Fspan%3E%20Math%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3Erandom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E*%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E4%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20cityCenter%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Elat%20%3Cspan%20class%3D%22token%20operator%22%3E-%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E2%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%2B%3C%2Fspan%3E%20Math%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3Erandom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E*%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E4%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Eproperties%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Ecount%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20Math%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3Erandom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E*%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E100%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%0A%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Elet%3C%2Fspan%3E%20view%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Enew%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20class-name%22%3Emapvgl%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EView%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Emap%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20map%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%0A%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Elet%3C%2Fspan%3E%20pointLayer%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Enew%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20class-name%22%3Emapvgl%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EPointLayer%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Eblend%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'er'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Esize%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E15%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Ecolor%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'rgba(102%2C%200%2C%20204%2C%200.6)'%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%0A%20%20%20%20view%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3EaddLayer%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3EpointLayer%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20pointLayer%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3EsetData%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3Edata%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Escript%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3C%2Fcode%3E%3C%2Fpre%3E",path:"expand/mapv/pointLayer","raw-source":"%3Ctemplate%3E%0A%20%20%3CBMap%0A%20%20%20%20v-bind%3D%22%24attrs%22%0A%20%20%20%20%3Azoom%3D%225%22%0A%20%20%20%20%3Acenter%3D%22%7B%20lat%3A%2039.915185%2C%20lng%3A%20116.403901%20%7D%22%0A%20%20%20%20%3Aplugins%3D%22%5B'Mapvgl'%2C%20'Mapv'%5D%22%0A%20%20%20%20%3AdisplayOptions%3D%22%7B%0A%20%20%20%20%20%20indoor%3A%20false%2C%0A%20%20%20%20%20%20poi%3A%20true%2C%0A%20%20%20%20%20%20skyColors%3A%20%5B'rgba(5%2C%205%2C%2030%2C%200.01)'%2C%20'rgba(5%2C%205%2C%2030%2C%201.0)'%5D%0A%20%20%20%20%7D%22%0A%20%20%20%20mapStyleId%3D%2291c53039a0b7f75e3dd8ddcdd932243b%22%0A%20%20%20%20enableScrollWheelZoom%0A%20%20%20%20%40pluginReady%3D%22handlePluginReady%22%0A%20%20%2F%3E%0A%3C%2Ftemplate%3E%0A%3Cscript%20setup%3E%0A%20%20function%20handlePluginReady(map)%20%7B%0A%20%20%20%20let%20data%20%3D%20%5B%5D%0A%0A%20%20%20%20let%20citys%20%3D%20%5B%0A%20%20%20%20%20%20'%E5%8C%97%E4%BA%AC'%2C%0A%20%20%20%20%20%20'%E5%A4%A9%E6%B4%A5'%2C%0A%20%20%20%20%20%20'%E4%B8%8A%E6%B5%B7'%2C%0A%20%20%20%20%20%20'%E9%87%8D%E5%BA%86'%2C%0A%20%20%20%20%20%20'%E7%9F%B3%E5%AE%B6%E5%BA%84'%2C%0A%20%20%20%20%20%20'%E5%A4%AA%E5%8E%9F'%2C%0A%20%20%20%20%20%20'%E5%91%BC%E5%92%8C%E6%B5%A9%E7%89%B9'%2C%0A%20%20%20%20%20%20'%E5%93%88%E5%B0%94%E6%BB%A8'%2C%0A%20%20%20%20%20%20'%E9%95%BF%E6%98%A5'%2C%0A%20%20%20%20%20%20'%E6%B2%88%E9%98%B3'%2C%0A%20%20%20%20%20%20'%E6%B5%8E%E5%8D%97'%2C%0A%20%20%20%20%20%20'%E5%8D%97%E4%BA%AC'%2C%0A%20%20%20%20%20%20'%E5%90%88%E8%82%A5'%2C%0A%20%20%20%20%20%20'%E6%9D%AD%E5%B7%9E'%2C%0A%20%20%20%20%20%20'%E5%8D%97%E6%98%8C'%2C%0A%20%20%20%20%20%20'%E7%A6%8F%E5%B7%9E'%2C%0A%20%20%20%20%20%20'%E9%83%91%E5%B7%9E'%2C%0A%20%20%20%20%20%20'%E6%AD%A6%E6%B1%89'%2C%0A%20%20%20%20%20%20'%E9%95%BF%E6%B2%99'%2C%0A%20%20%20%20%20%20'%E5%B9%BF%E5%B7%9E'%2C%0A%20%20%20%20%20%20'%E5%8D%97%E5%AE%81'%2C%0A%20%20%20%20%20%20'%E8%A5%BF%E5%AE%89'%2C%0A%20%20%20%20%20%20'%E9%93%B6%E5%B7%9D'%2C%0A%20%20%20%20%20%20'%E5%85%B0%E5%B7%9E'%2C%0A%20%20%20%20%20%20'%E8%A5%BF%E5%AE%81'%2C%0A%20%20%20%20%20%20'%E4%B9%8C%E9%B2%81%E6%9C%A8%E9%BD%90'%2C%0A%20%20%20%20%20%20'%E6%88%90%E9%83%BD'%2C%0A%20%20%20%20%20%20'%E8%B4%B5%E9%98%B3'%2C%0A%20%20%20%20%20%20'%E6%98%86%E6%98%8E'%2C%0A%20%20%20%20%20%20'%E6%8B%89%E8%90%A8'%2C%0A%20%20%20%20%20%20'%E6%B5%B7%E5%8F%A3'%0A%20%20%20%20%5D%0A%0A%20%20%20%20let%20randomCount%20%3D%20300%0A%0A%20%20%20%20%2F%2F%20%E6%9E%84%E9%80%A0%E6%95%B0%E6%8D%AE%0A%20%20%20%20while%20(randomCount--)%20%7B%0A%20%20%20%20%20%20let%20cityCenter%20%3D%20mapv.utilCityCenter.getCenterByCityName(citys%5BMath.floor(Math.random()%20*%20citys.length)%5D)%0A%20%20%20%20%20%20data.push(%7B%0A%20%20%20%20%20%20%20%20geometry%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20type%3A%20'Point'%2C%0A%20%20%20%20%20%20%20%20%20%20coordinates%3A%20%5BcityCenter.lng%20-%202%20%2B%20Math.random()%20*%204%2C%20cityCenter.lat%20-%202%20%2B%20Math.random()%20*%204%5D%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20properties%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20count%3A%20Math.random()%20*%20100%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D)%0A%20%20%20%20%7D%0A%0A%20%20%20%20let%20view%20%3D%20new%20mapvgl.View(%7B%0A%20%20%20%20%20%20map%3A%20map%0A%20%20%20%20%7D)%0A%0A%20%20%20%20let%20pointLayer%20%3D%20new%20mapvgl.PointLayer(%7B%0A%20%20%20%20%20%20blend%3A%20'lighter'%2C%0A%20%20%20%20%20%20size%3A%2015%2C%0A%20%20%20%20%20%20color%3A%20'rgba(102%2C%200%2C%20204%2C%200.6)'%0A%20%20%20%20%7D)%0A%0A%20%20%20%20view.addLayer(pointLayer)%0A%20%20%20%20pointLayer.setData(data)%0A%20%20%7D%0A%3C%2Fscript%3E%0A",description:""},{default:t(()=>[k]),_:1}),u,D,a(n,{source:"%3Cpre%20v-pre%3E%3Ccode%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMap%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aheading%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E30%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Atilt%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E30%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Azoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E12%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Acenter%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%7B%20lat%3A%2039.925406%2C%20lng%3A%20116.387456%20%7D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3AdisplayOptions%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%7B%0A%20%20%20%20%20%20indoor%3A%20false%2C%0A%20%20%20%20%20%20poi%3A%20true%2C%0A%20%20%20%20%20%20skyColors%3A%20%5B'rgba(5%2C%205%2C%2030%2C%200.01)'%2C%20'rgba(5%2C%205%2C%2030%2C%201.0)'%5D%0A%20%20%20%20%7D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3EmapStyleId%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E980161f3645989feac25a0da15da4178%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3EenableScrollWheelZoom%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aplugins%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%5B'Mapvgl'%2C%20'Mapv'%5D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40pluginReady%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EhandlePluginReady%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Escript%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Esetup%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20script%22%3E%3Cspan%20class%3D%22token%20language-javascript%22%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Efunction%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3EhandlePluginReady%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20parameter%22%3Emap%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Elet%3C%2Fspan%3E%20view%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Enew%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20class-name%22%3Emapvgl%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EView%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Emap%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20map%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%0A%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Elet%3C%2Fspan%3E%20grid%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Enew%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20class-name%22%3Emapvgl%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EHeatGridLayer%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Emax%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E80%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20comment%22%3E%2F%2F%20%E6%9C%80%E5%A4%A7%E9%98%88%E5%80%BC%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Emin%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E10%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20comment%22%3E%2F%2F%20%E6%9C%80%E5%B0%8F%E9%98%88%E5%80%BC%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EgridSize%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E500%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Egradient%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20comment%22%3E%2F%2F%20%E5%AF%B9%E5%BA%94%E6%AF%94%E4%BE%8B%E6%B8%90%E5%8F%98%E8%89%B2%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20number%22%3E0%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'rgb(50%2C%2050%2C%20256)'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20number%22%3E0.3%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'rgb(178%2C%20202%2C%20256)'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20number%22%3E1%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'rgb(250%2C%20250%2C%20256)'%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EriseTime%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E1800%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20comment%22%3E%2F%2F%20%E6%A5%BC%E5%9D%97%E5%88%9D%E5%A7%8B%E5%8C%96%E5%8D%87%E8%B5%B7%E6%97%B6%E9%97%B4%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EmaxHeight%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E10000%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20comment%22%3E%2F%2F%20%E6%9C%80%E5%A4%A7%E9%AB%98%E5%BA%A6%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EminHeight%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E200%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20comment%22%3E%2F%2F%20%E6%9C%80%E5%B0%8F%E9%AB%98%E5%BA%A6%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20view%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3EaddLayer%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3Egrid%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%0A%20%20%20%20%3Cspan%20class%3D%22token%20function%22%3Efetch%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20string%22%3E'%2Fvue3-baidu-map-gl%2Fbeijing.json'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3Ethen%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20parameter%22%3Ers%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Ereturn%3C%2Fspan%3E%20rs%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3Ejson%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3Ethen%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20parameter%22%3Ers%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20rs%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20rs%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Eresult%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Edata%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E0%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Ebound%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Elet%3C%2Fspan%3E%20data%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Efor%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20keyword%22%3Elet%3C%2Fspan%3E%20i%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E0%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%20i%20%3Cspan%20class%3D%22token%20operator%22%3E%26lt%3B%3C%2Fspan%3E%20rs%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Elength%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%20i%3Cspan%20class%3D%22token%20operator%22%3E%2B%2B%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Elet%3C%2Fspan%3E%20item%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20rs%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3Ei%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20data%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3Epush%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Egeometry%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Etype%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'Point'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Ecoordinates%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3Eitem%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E0%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20item%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E1%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Eproperties%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Ecount%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20item%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E2%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20grid%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3EsetData%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3Edata%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Escript%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3C%2Fcode%3E%3C%2Fpre%3E",path:"expand/mapv/heatGridLayer","raw-source":"%3Ctemplate%3E%0A%20%20%3CBMap%0A%20%20%20%20v-bind%3D%22%24attrs%22%0A%20%20%20%20%3Aheading%3D%2230%22%0A%20%20%20%20%3Atilt%3D%2230%22%0A%20%20%20%20%3Azoom%3D%2212%22%0A%20%20%20%20%3Acenter%3D%22%7B%20lat%3A%2039.925406%2C%20lng%3A%20116.387456%20%7D%22%0A%20%20%20%20%3AdisplayOptions%3D%22%7B%0A%20%20%20%20%20%20indoor%3A%20false%2C%0A%20%20%20%20%20%20poi%3A%20true%2C%0A%20%20%20%20%20%20skyColors%3A%20%5B'rgba(5%2C%205%2C%2030%2C%200.01)'%2C%20'rgba(5%2C%205%2C%2030%2C%201.0)'%5D%0A%20%20%20%20%7D%22%0A%20%20%20%20mapStyleId%3D%22980161f3645989feac25a0da15da4178%22%0A%20%20%20%20enableScrollWheelZoom%0A%20%20%20%20%3Aplugins%3D%22%5B'Mapvgl'%2C%20'Mapv'%5D%22%0A%20%20%20%20%40pluginReady%3D%22handlePluginReady%22%0A%20%20%2F%3E%0A%3C%2Ftemplate%3E%0A%0A%3Cscript%20setup%3E%0A%20%20function%20handlePluginReady(map)%20%7B%0A%20%20%20%20let%20view%20%3D%20new%20mapvgl.View(%7B%0A%20%20%20%20%20%20map%3A%20map%0A%20%20%20%20%7D)%0A%0A%20%20%20%20let%20grid%20%3D%20new%20mapvgl.HeatGridLayer(%7B%0A%20%20%20%20%20%20max%3A%2080%2C%20%2F%2F%20%E6%9C%80%E5%A4%A7%E9%98%88%E5%80%BC%0A%20%20%20%20%20%20min%3A%2010%2C%20%2F%2F%20%E6%9C%80%E5%B0%8F%E9%98%88%E5%80%BC%0A%20%20%20%20%20%20gridSize%3A%20500%2C%0A%20%20%20%20%20%20gradient%3A%20%7B%0A%20%20%20%20%20%20%20%20%2F%2F%20%E5%AF%B9%E5%BA%94%E6%AF%94%E4%BE%8B%E6%B8%90%E5%8F%98%E8%89%B2%0A%20%20%20%20%20%20%20%200%3A%20'rgb(50%2C%2050%2C%20256)'%2C%0A%20%20%20%20%20%20%20%200.3%3A%20'rgb(178%2C%20202%2C%20256)'%2C%0A%20%20%20%20%20%20%20%201%3A%20'rgb(250%2C%20250%2C%20256)'%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20riseTime%3A%201800%2C%20%2F%2F%20%E6%A5%BC%E5%9D%97%E5%88%9D%E5%A7%8B%E5%8C%96%E5%8D%87%E8%B5%B7%E6%97%B6%E9%97%B4%0A%20%20%20%20%20%20maxHeight%3A%2010000%2C%20%2F%2F%20%E6%9C%80%E5%A4%A7%E9%AB%98%E5%BA%A6%0A%20%20%20%20%20%20minHeight%3A%20200%20%2F%2F%20%E6%9C%80%E5%B0%8F%E9%AB%98%E5%BA%A6%0A%20%20%20%20%7D)%0A%20%20%20%20view.addLayer(grid)%0A%0A%20%20%20%20fetch('%2Fvue3-baidu-map-gl%2Fbeijing.json')%0A%20%20%20%20%20%20.then((rs)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20return%20rs.json()%0A%20%20%20%20%20%20%7D)%0A%20%20%20%20%20%20.then((rs)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20rs%20%3D%20rs.result.data%5B0%5D.bound%0A%20%20%20%20%20%20%20%20let%20data%20%3D%20%5B%5D%0A%20%20%20%20%20%20%20%20for%20(let%20i%20%3D%200%3B%20i%20%3C%20rs.length%3B%20i%2B%2B)%20%7B%0A%20%20%20%20%20%20%20%20%20%20let%20item%20%3D%20rs%5Bi%5D%0A%20%20%20%20%20%20%20%20%20%20data.push(%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20geometry%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20type%3A%20'Point'%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20coordinates%3A%20%5Bitem%5B0%5D%2C%20item%5B1%5D%5D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20properties%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20count%3A%20item%5B2%5D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%7D)%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20grid.setData(data)%0A%20%20%20%20%20%20%7D)%0A%20%20%7D%0A%3C%2Fscript%3E%0A",description:""},{default:t(()=>[r]),_:1}),F,A,a(n,{source:"%3Cpre%20v-pre%3E%3Ccode%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMap%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Atilt%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E65%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aheading%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E-50%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Azoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E21%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Acenter%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ecenter%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3AdisplayOptions%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%7B%0A%20%20%20%20%20%20building%3A%20false%0A%20%20%20%20%7D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3ArestrictCenter%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Efalse%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3EenableInertialDragging%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3EenableContinuousZoom%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3EenableScrollWheelZoom%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40initd%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EhandleInitd%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Escript%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Esetup%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20script%22%3E%3Cspan%20class%3D%22token%20language-javascript%22%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Eimport%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20withBase%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Efrom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'vitepress'%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Eimport%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20GLTFLoader%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Efrom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'three%2Fexamples%2Fjsm%2Floaders%2FGLTFLoader.js'%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20center%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elat%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E40.05298%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elng%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E116.25241%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Efunction%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3EhandleInitd%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20parameter%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20map%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Eimport%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20string%22%3E'mapv-three'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3Ethen%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20parameter%22%3EmapvThree%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20Engine%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20EmptySky%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20mapvThree%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20engine%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Enew%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20class-name%22%3EEngine%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3Emap%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20comment%22%3E%2F%2F%20engine.map.setCenter(center)%3C%2Fspan%3E%0A%20%20%20%20%20%20engine%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Erendering%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EuseMrt%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20boolean%22%3Etrue%3C%2Fspan%3E%0A%20%20%20%20%20%20engine%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Erendering%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Eshadow%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Eenabled%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20boolean%22%3Etrue%3C%2Fspan%3E%0A%20%20%20%20%20%20engine%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Erendering%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EanimationLoopFrameTime%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E40%3C%2Fspan%3E%0A%20%20%20%20%20%20engine%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Erendering%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EcolorAdjust%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Esaturation%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E0.25%3C%2Fspan%3E%0A%20%20%20%20%20%20engine%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Erendering%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EcolorAdjust%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Econtrast%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E0.15%3C%2Fspan%3E%0A%20%20%20%20%20%20engine%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Erendering%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EcolorAdjust%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Ebrightness%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E0%3C%2Fspan%3E%0A%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20sky%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20engine%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3Eadd%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20keyword%22%3Enew%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20class-name%22%3EEmptySky%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20sky%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Etime%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E3600%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E*%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E16.5%3C%2Fspan%3E%0A%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20position%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20engine%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Emap%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3EprojectPointArr%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3Ecenter%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20comment%22%3E%2F%2F%20%E6%A8%A1%E5%9E%8B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20models%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Eposition%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E12941311%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E4845891%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E6%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Epath%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3EwithBase%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20string%22%3E'%2Fmodels%2Fbuilding5.glb'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Erotate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20boolean%22%3Etrue%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Einfo%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'%E6%88%BF%E5%AD%90'%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Eposition%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E12941265%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E4845905%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E6%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Epath%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3EwithBase%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20string%22%3E'%2Fmodels%2Fpalm_tree.glb'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Erotate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20boolean%22%3Efalse%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Einfo%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'%E6%A0%91%E6%9C%A8'%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Eposition%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E12941369%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E4845869%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E2%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Epath%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3EwithBase%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20string%22%3E'%2Fmodels%2Ftruck1.glb'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Erotate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20boolean%22%3Etrue%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Einfo%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'%E8%B4%A7%E8%BD%A6'%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20loader%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Enew%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20class-name%22%3EGLTFLoader%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Efor%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20keyword%22%3Elet%3C%2Fspan%3E%20i%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E0%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%20i%20%3Cspan%20class%3D%22token%20operator%22%3E%26lt%3B%3C%2Fspan%3E%20models%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Elength%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%20i%3Cspan%20class%3D%22token%20operator%22%3E%2B%2B%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20loader%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3Eload%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3Emodels%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3Ei%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Epath%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20parameter%22%3Egltf%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20model%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20gltf%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Escene%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Echildren%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E0%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20model%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EuserData%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Einfo%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20models%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3Ei%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Einfo%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Efor%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20keyword%22%3Elet%3C%2Fspan%3E%20i%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E0%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%20i%20%3Cspan%20class%3D%22token%20operator%22%3E%26lt%3B%3C%2Fspan%3E%20model%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Echildren%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Elength%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%20i%3Cspan%20class%3D%22token%20operator%22%3E%2B%2B%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20model%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Echildren%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3Ei%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EcastShadow%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20boolean%22%3Etrue%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20model%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Eposition%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3Eset%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3Emodels%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3Ei%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Eposition%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E0%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20models%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3Ei%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Eposition%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E1%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20models%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3Ei%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Eposition%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E2%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Eif%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3Emodels%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3Ei%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Erotate%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20model%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Erotation%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Ex%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20Math%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20constant%22%3EPI%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%2F%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E2%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20model%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Erotation%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Ey%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E1.08%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E*%3C%2Fspan%3E%20Math%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20constant%22%3EPI%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%2F%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E2%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20engine%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3Eadd%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3Emodel%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20comment%22%3E%2F%2F%20%E6%A8%A1%E5%9E%8B%E6%B7%BB%E5%8A%A0%E7%82%B9%E5%87%BB%E4%BA%8B%E4%BB%B6%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20engine%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Eevent%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3EmarkEventProxy%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3Emodel%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20engine%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3Eevent%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3Ebind%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3Emodel%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'click'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20parameter%22%3Ee%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20function%22%3Ealert%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20string%22%3E'%E7%82%B9%E5%87%BB%E4%BA%86%20'%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%2B%3C%2Fspan%3E%20model%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3EuserData%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Einfo%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Escript%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3C%2Fcode%3E%3C%2Fpre%3E",path:"expand/mapv/3dModel","raw-source":"%3Ctemplate%3E%0A%20%20%3CBMap%0A%20%20%20%20v-bind%3D%22%24attrs%22%0A%20%20%20%20%3Atilt%3D%2265%22%0A%20%20%20%20%3Aheading%3D%22-50%22%0A%20%20%20%20%3Azoom%3D%2221%22%0A%20%20%20%20%3Acenter%3D%22center%22%0A%20%20%20%20%3AdisplayOptions%3D%22%7B%0A%20%20%20%20%20%20building%3A%20false%0A%20%20%20%20%7D%22%0A%20%20%20%20%3ArestrictCenter%3D%22false%22%0A%20%20%20%20enableInertialDragging%0A%20%20%20%20enableContinuousZoom%0A%20%20%20%20enableScrollWheelZoom%0A%20%20%20%20%40initd%3D%22handleInitd%22%0A%20%20%2F%3E%0A%3C%2Ftemplate%3E%0A%0A%3Cscript%20setup%3E%0A%20%20import%20%7B%20withBase%20%7D%20from%20'vitepress'%0A%20%20import%20%7B%20GLTFLoader%20%7D%20from%20'three%2Fexamples%2Fjsm%2Floaders%2FGLTFLoader.js'%0A%20%20const%20center%20%3D%20%7B%20lat%3A%2040.05298%2C%20lng%3A%20116.25241%20%7D%0A%20%20function%20handleInitd(%7B%20map%20%7D)%20%7B%0A%20%20%20%20import('mapv-three').then((mapvThree)%20%3D%3E%20%7B%0A%20%20%20%20%20%20const%20%7B%20Engine%2C%20EmptySky%20%7D%20%3D%20mapvThree%0A%20%20%20%20%20%20const%20engine%20%3D%20new%20Engine(map%2C%20%7B%7D)%0A%20%20%20%20%20%20%2F%2F%20engine.map.setCenter(center)%0A%20%20%20%20%20%20engine.rendering.useMrt%20%3D%20true%0A%20%20%20%20%20%20engine.rendering.shadow.enabled%20%3D%20true%0A%20%20%20%20%20%20engine.rendering.animationLoopFrameTime%20%3D%2040%0A%20%20%20%20%20%20engine.rendering.colorAdjust.saturation%20%3D%200.25%0A%20%20%20%20%20%20engine.rendering.colorAdjust.contrast%20%3D%200.15%0A%20%20%20%20%20%20engine.rendering.colorAdjust.brightness%20%3D%200%0A%0A%20%20%20%20%20%20const%20sky%20%3D%20engine.add(new%20EmptySky())%0A%20%20%20%20%20%20sky.time%20%3D%203600%20*%2016.5%0A%0A%20%20%20%20%20%20const%20position%20%3D%20engine.map.projectPointArr(center)%0A%0A%20%20%20%20%20%20%2F%2F%20%E6%A8%A1%E5%9E%8B%0A%20%20%20%20%20%20const%20models%20%3D%20%5B%0A%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20position%3A%20%5B12941311%2C%204845891%2C%206%5D%2C%0A%20%20%20%20%20%20%20%20%20%20path%3A%20withBase('%2Fmodels%2Fbuilding5.glb')%2C%0A%20%20%20%20%20%20%20%20%20%20rotate%3A%20true%2C%0A%20%20%20%20%20%20%20%20%20%20info%3A%20'%E6%88%BF%E5%AD%90'%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20position%3A%20%5B12941265%2C%204845905%2C%206%5D%2C%0A%20%20%20%20%20%20%20%20%20%20path%3A%20withBase('%2Fmodels%2Fpalm_tree.glb')%2C%0A%20%20%20%20%20%20%20%20%20%20rotate%3A%20false%2C%0A%20%20%20%20%20%20%20%20%20%20info%3A%20'%E6%A0%91%E6%9C%A8'%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20position%3A%20%5B12941369%2C%204845869%2C%202%5D%2C%0A%20%20%20%20%20%20%20%20%20%20path%3A%20withBase('%2Fmodels%2Ftruck1.glb')%2C%0A%20%20%20%20%20%20%20%20%20%20rotate%3A%20true%2C%0A%20%20%20%20%20%20%20%20%20%20info%3A%20'%E8%B4%A7%E8%BD%A6'%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%5D%0A%20%20%20%20%20%20const%20loader%20%3D%20new%20GLTFLoader()%0A%20%20%20%20%20%20for%20(let%20i%20%3D%200%3B%20i%20%3C%20models.length%3B%20i%2B%2B)%20%7B%0A%20%20%20%20%20%20%20%20loader.load(models%5Bi%5D.path%2C%20(gltf)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20const%20model%20%3D%20gltf.scene.children%5B0%5D%0A%20%20%20%20%20%20%20%20%20%20model.userData.info%20%3D%20models%5Bi%5D.info%0A%20%20%20%20%20%20%20%20%20%20for%20(let%20i%20%3D%200%3B%20i%20%3C%20model.children.length%3B%20i%2B%2B)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20model.children%5Bi%5D.castShadow%20%3D%20true%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20model.position.set(models%5Bi%5D.position%5B0%5D%2C%20models%5Bi%5D.position%5B1%5D%2C%20models%5Bi%5D.position%5B2%5D)%0A%20%20%20%20%20%20%20%20%20%20if%20(models%5Bi%5D.rotate)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20model.rotation.x%20%3D%20Math.PI%20%2F%202%0A%20%20%20%20%20%20%20%20%20%20%20%20model.rotation.y%20%3D%20(1.08%20*%20Math.PI)%20%2F%202%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20engine.add(model)%0A%20%20%20%20%20%20%20%20%20%20%2F%2F%20%E6%A8%A1%E5%9E%8B%E6%B7%BB%E5%8A%A0%E7%82%B9%E5%87%BB%E4%BA%8B%E4%BB%B6%0A%20%20%20%20%20%20%20%20%20%20engine.event.markEventProxy(model)%0A%20%20%20%20%20%20%20%20%20%20engine.event.bind(model%2C%20'click'%2C%20(e)%20%3D%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20alert('%E7%82%B9%E5%87%BB%E4%BA%86%20'%20%2B%20model.userData.info)%0A%20%20%20%20%20%20%20%20%20%20%7D)%0A%20%20%20%20%20%20%20%20%7D)%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D)%0A%20%20%7D%0A%3C%2Fscript%3E%0A",description:"%3Cp%3E%E6%B8%B2%E6%9F%93%203d%20%E6%A8%A1%E5%9E%8B%E5%B9%B6%E7%BB%91%E5%AE%9A%E4%BA%8B%E4%BB%B6%3C%2Fp%3E%0A"},{default:t(()=>[d]),_:1})])}const _=e(c,[["render",h]]);export{w as __pageData,_ as default}; diff --git a/assets/zh-CN_guide_breaking-changes.md.7W8LTLQp.js b/assets/zh-CN_guide_breaking-changes.md.7W8LTLQp.js new file mode 100644 index 00000000..7863ef1c --- /dev/null +++ b/assets/zh-CN_guide_breaking-changes.md.7W8LTLQp.js @@ -0,0 +1 @@ +import{_ as e,c as a,o as t,R as r}from"./chunks/framework.aeLSa5ZG.js";const p=JSON.parse('{"title":"Breaking Changes","description":"","frontmatter":{},"headers":[],"relativePath":"zh-CN/guide/breaking-changes.md","filePath":"zh-CN/guide/breaking-changes.md","lastUpdated":1710870588000}'),n={name:"zh-CN/guide/breaking-changes.md"},s=r('

Breaking Changes ​

v1 to v2 ​

所有组件名字增加 B 前缀，避免与其他组件库冲突 #24

',3),o=[s];function i(c,h,_,d,g,l){return t(),a("div",null,o)}const k=e(n,[["render",i]]);export{p as __pageData,k as default}; diff --git a/assets/zh-CN_guide_breaking-changes.md.7W8LTLQp.lean.js b/assets/zh-CN_guide_breaking-changes.md.7W8LTLQp.lean.js new file mode 100644 index 00000000..590df79b --- /dev/null +++ b/assets/zh-CN_guide_breaking-changes.md.7W8LTLQp.lean.js @@ -0,0 +1 @@ +import{_ as e,c as a,o as t,R as r}from"./chunks/framework.aeLSa5ZG.js";const p=JSON.parse('{"title":"Breaking Changes","description":"","frontmatter":{},"headers":[],"relativePath":"zh-CN/guide/breaking-changes.md","filePath":"zh-CN/guide/breaking-changes.md","lastUpdated":1710870588000}'),n={name:"zh-CN/guide/breaking-changes.md"},s=r("",3),o=[s];function i(c,h,_,d,g,l){return t(),a("div",null,o)}const k=e(n,[["render",i]]);export{p as __pageData,k as default}; diff --git a/assets/zh-CN_guide_com-events.md.FY4Eb9JV.js b/assets/zh-CN_guide_com-events.md.FY4Eb9JV.js new file mode 100644 index 00000000..d4d5605d --- /dev/null +++ b/assets/zh-CN_guide_com-events.md.FY4Eb9JV.js @@ -0,0 +1 @@ +import{_ as t,c as e,o as a,R as d}from"./chunks/framework.aeLSa5ZG.js";const u=JSON.parse('{"title":"全局组件事件","description":"","frontmatter":{"title":"全局组件事件","lang":"zh-CN"},"headers":[],"relativePath":"zh-CN/guide/com-events.md","filePath":"zh-CN/guide/com-events.md","lastUpdated":1710870588000}'),o={name:"zh-CN/guide/com-events.md"},n=d('

全局组件事件 ​

每个组件都有这两个事件。如果该组件库提供的功能不能满足开发需求，则可以通过initd事件暴露百度地图实例来自由的使用。

事件名说明类型
initd组件初始化后会触发此事件，返回一个地图实例{ map, BmapGL, instance }
unload组件卸载时会触发此事件-
',3),c=[n];function r(s,_,i,h,l,m){return a(),e("div",null,c)}const f=t(o,[["render",r]]);export{u as __pageData,f as default}; diff --git a/assets/zh-CN_guide_com-events.md.FY4Eb9JV.lean.js b/assets/zh-CN_guide_com-events.md.FY4Eb9JV.lean.js new file mode 100644 index 00000000..b7bddaa2 --- /dev/null +++ b/assets/zh-CN_guide_com-events.md.FY4Eb9JV.lean.js @@ -0,0 +1 @@ +import{_ as t,c as e,o as a,R as d}from"./chunks/framework.aeLSa5ZG.js";const u=JSON.parse('{"title":"全局组件事件","description":"","frontmatter":{"title":"全局组件事件","lang":"zh-CN"},"headers":[],"relativePath":"zh-CN/guide/com-events.md","filePath":"zh-CN/guide/com-events.md","lastUpdated":1710870588000}'),o={name:"zh-CN/guide/com-events.md"},n=d("",3),c=[n];function r(s,_,i,h,l,m){return a(),e("div",null,c)}const f=t(o,[["render",r]]);export{u as __pageData,f as default}; diff --git a/assets/zh-CN_guide_config.md.hohAJkoW.js b/assets/zh-CN_guide_config.md.hohAJkoW.js new file mode 100644 index 00000000..344bbdda --- /dev/null +++ b/assets/zh-CN_guide_config.md.hohAJkoW.js @@ -0,0 +1,34 @@ +import{_ as n,D as l,c as t,k as s,I as h,R as i,a as p,o as e}from"./chunks/framework.aeLSa5ZG.js";const q=JSON.parse('{"title":"配置","description":"","frontmatter":{"title":"配置","lang":"zh-CN"},"headers":[],"relativePath":"zh-CN/guide/config.md","filePath":"zh-CN/guide/config.md","lastUpdated":1710870588000}'),k={name:"zh-CN/guide/config.md"},d=i('

配置 ​

本章节将为你讲述如何配置 ak、apiUrl 与插件以及更换资源链接，并实现一个自定义插件

配置方式 ​

TIP

如果你是全局注册使用方式，那么ak、apiUrl、plugins 和 pluginsSourceLink 都支持两种来源（全局注册配置和组件 props 提供），当同时指定的时候，会优先就近原则，从组件 props 中获取。如果全局注册配置和组件 props 都提供了，则会尝试合并两个配置。

如果你是按需加载使用方式，则只支持组件 props 方式

1. 通过全局注册配置 ak 与 插件 ​

全局注册 Options

',6),r=s("thead",null,[s("tr",null,[s("th",null,"属性"),s("th",null,"说明"),s("th",null,"类型"),s("th",null,"可选值"),s("th",null,"默认值"),s("th",null,"版本")])],-1),o=s("tr",null,[s("td",null,"ak"),s("td",null,[p("百度地图 "),s("a",{href:"./../guide/quick-start#申请-ak-密钥"},"ak")]),s("td",null,[s("code",null,"string")]),s("td",null,"-"),s("td",null,"-"),s("td",null,"-")],-1),E=s("td",null,"apiUrl",-1),g=s("td",null,"自建地图 api 资源地址（一般用于离线地图）",-1),c=s("td",null,[s("code",null,"string")],-1),u=s("td",null,"-",-1),y=s("td",null,"-",-1),F=s("tr",null,[s("td",null,"plugins"),s("td",null,"需要注册的插件"),s("td",null,[s("code",null,"['TrackAnimation', 'Mapvgl', 'Mapv', 'MapvThree']")]),s("td",null,"-"),s("td",null,"-"),s("td",null,"-")],-1),m=s("tr",null,[s("td",null,"pluginsSourceLink"),s("td",null,"自定义插件资源地址"),s("td",null,[s("code",null,"Record<'TrackAnimation' | 'Mapvgl' | 'MapvglThreeLayers' | 'Mapv' | 'MapvThree', string>")]),s("td",null,"-"),s("td",null,"-"),s("td",null,"-")],-1),_=i(`
ts
import { createApp } from 'vue'
+import App from './App.vue'
+import baiduMap from 'vue3-baidu-map-gl'
+
+const app = createApp(App)
+app.use(baiduMap, {
+  ak: '百度地图ak',
+  plugins: ['TrackAnimation']
+})
+app.mount('#app')

组件 BMap 传入 props 配置 ​

html
<BMap
+  ak='百度地图ak'
+  :plugins="['TrackAnimation']"
+/>

更换插件资源链接 ​

如果需要自建或其他地址的资源链接，则可以通过该方式自定义。同样，该方式也支持两种形式:

ts
// ...
+app.use(baiduMap, {
+  plugins: ['TrackAnimation'],
+  pluginsSourceLink: {
+    TrackAnimation: '自建或其他地址的资源链接'
+  }
+})
+// ...

或者

html
<BMap
+  :plugins=['TrackAnimation']
+  :pluginsSourceLink="{
+    TrackAnimation: '自建或其他地址的资源链接'
+  }"
+/>

自定义插件 ​

除了提供的插件外，你还可以通过自定义插件扩展，自定义的插件将在地图加载完毕后执行与处理。

自定义的方式也很简单，你只需定义一个返回Promise的函数即可

ts
const customPlugin = () => {
+  return new Promise((resolve) => {
+    console.log('自定义插件')
+    resolve()
+  })
+}

使用的方式同样也有两种：

ts
// ...
+app.use(baiduMap, {
+  plugins: [customPlugin]
+})
+// ...

或者

html
<BMap :plugins="[customPlugin]" />
`,16);function C(B,v,b,A,D,f){const a=l("Badge");return e(),t("div",null,[d,s("table",null,[r,s("tbody",null,[o,s("tr",null,[E,g,c,u,y,s("td",null,[h(a,{type:"tip",text:"^2.3.0"})])]),F,m])]),_])}const P=n(k,[["render",C]]);export{q as __pageData,P as default}; diff --git a/assets/zh-CN_guide_config.md.hohAJkoW.lean.js b/assets/zh-CN_guide_config.md.hohAJkoW.lean.js new file mode 100644 index 00000000..9b1338a3 --- /dev/null +++ b/assets/zh-CN_guide_config.md.hohAJkoW.lean.js @@ -0,0 +1 @@ +import{_ as n,D as l,c as t,k as s,I as h,R as i,a as p,o as e}from"./chunks/framework.aeLSa5ZG.js";const q=JSON.parse('{"title":"配置","description":"","frontmatter":{"title":"配置","lang":"zh-CN"},"headers":[],"relativePath":"zh-CN/guide/config.md","filePath":"zh-CN/guide/config.md","lastUpdated":1710870588000}'),k={name:"zh-CN/guide/config.md"},d=i("",6),r=s("thead",null,[s("tr",null,[s("th",null,"属性"),s("th",null,"说明"),s("th",null,"类型"),s("th",null,"可选值"),s("th",null,"默认值"),s("th",null,"版本")])],-1),o=s("tr",null,[s("td",null,"ak"),s("td",null,[p("百度地图 "),s("a",{href:"./../guide/quick-start#申请-ak-密钥"},"ak")]),s("td",null,[s("code",null,"string")]),s("td",null,"-"),s("td",null,"-"),s("td",null,"-")],-1),E=s("td",null,"apiUrl",-1),g=s("td",null,"自建地图 api 资源地址（一般用于离线地图）",-1),c=s("td",null,[s("code",null,"string")],-1),u=s("td",null,"-",-1),y=s("td",null,"-",-1),F=s("tr",null,[s("td",null,"plugins"),s("td",null,"需要注册的插件"),s("td",null,[s("code",null,"['TrackAnimation', 'Mapvgl', 'Mapv', 'MapvThree']")]),s("td",null,"-"),s("td",null,"-"),s("td",null,"-")],-1),m=s("tr",null,[s("td",null,"pluginsSourceLink"),s("td",null,"自定义插件资源地址"),s("td",null,[s("code",null,"Record<'TrackAnimation' | 'Mapvgl' | 'MapvglThreeLayers' | 'Mapv' | 'MapvThree', string>")]),s("td",null,"-"),s("td",null,"-"),s("td",null,"-")],-1),_=i("",16);function C(B,v,b,A,D,f){const a=l("Badge");return e(),t("div",null,[d,s("table",null,[r,s("tbody",null,[o,s("tr",null,[E,g,c,u,y,s("td",null,[h(a,{type:"tip",text:"^2.3.0"})])]),F,m])]),_])}const P=n(k,[["render",C]]);export{q as __pageData,P as default}; diff --git a/assets/zh-CN_guide_faq.md.rk03BBgf.js b/assets/zh-CN_guide_faq.md.rk03BBgf.js new file mode 100644 index 00000000..cefa6df0 --- /dev/null +++ b/assets/zh-CN_guide_faq.md.rk03BBgf.js @@ -0,0 +1 @@ +import{_ as e,c as a,o as t,R as r}from"./chunks/framework.aeLSa5ZG.js";const _=JSON.parse('{"title":"FAQ","description":"","frontmatter":{},"headers":[],"relativePath":"zh-CN/guide/faq.md","filePath":"zh-CN/guide/faq.md","lastUpdated":1710870588000}'),n={name:"zh-CN/guide/faq.md"},o=r('

FAQ ​

是否支持 vue2 ​

该组件库是完全基于 vue3 语法设计，目前只支持 vue3.x，vue2.x 用户请移步 vue-baidu-map

Uncaught TypeError: Cannot read properties of undefined (reading 'getMapInstance') ​

尝试将 vite 升级 v4 以上

服务器打包部署后地图不显示 ​

尝试将 vite 升级 v4 以上

',7),i=[o];function d(s,c,u,p,h,f){return t(),a("div",null,i)}const g=e(n,[["render",d]]);export{_ as __pageData,g as default}; diff --git a/assets/zh-CN_guide_faq.md.rk03BBgf.lean.js b/assets/zh-CN_guide_faq.md.rk03BBgf.lean.js new file mode 100644 index 00000000..0e2063d1 --- /dev/null +++ b/assets/zh-CN_guide_faq.md.rk03BBgf.lean.js @@ -0,0 +1 @@ +import{_ as e,c as a,o as t,R as r}from"./chunks/framework.aeLSa5ZG.js";const _=JSON.parse('{"title":"FAQ","description":"","frontmatter":{},"headers":[],"relativePath":"zh-CN/guide/faq.md","filePath":"zh-CN/guide/faq.md","lastUpdated":1710870588000}'),n={name:"zh-CN/guide/faq.md"},o=r("",7),i=[o];function d(s,c,u,p,h,f){return t(),a("div",null,i)}const g=e(n,[["render",d]]);export{_ as __pageData,g as default}; diff --git a/assets/zh-CN_guide_installation.md.UMm6pe_2.js b/assets/zh-CN_guide_installation.md.UMm6pe_2.js new file mode 100644 index 00000000..75f7b9e2 --- /dev/null +++ b/assets/zh-CN_guide_installation.md.UMm6pe_2.js @@ -0,0 +1,14 @@ +import{_ as e,D as l,c as n,k as s,a as i,I as p,R as a,o as h}from"./chunks/framework.aeLSa5ZG.js";const C=JSON.parse('{"title":"安装","description":"","frontmatter":{},"headers":[],"relativePath":"zh-CN/guide/installation.md","filePath":"zh-CN/guide/installation.md","lastUpdated":1710870588000}'),k={name:"zh-CN/guide/installation.md"},d=a('

安装 ​

使用包管理器 ​

我们建议您使用包管理器（如 NPM、Yarn 或 pnpm）安装 Vue3 BaiduMap GL，然后您就可以使用打包工具，例如 Vite 或 webpack。

bash
pnpm add vue3-baidu-map-gl
bash
yarn add vue3-baidu-map-gl
bash
npm install vue3-baidu-map-gl
',4),r={id:"浏览器直接引入",tabindex:"-1"},o=s("a",{class:"header-anchor",href:"#浏览器直接引入","aria-label":'Permalink to "浏览器直接引入 "'},"​",-1),c=a(`

直接通过浏览器的 HTML 标签导入 Vue3 BaiduMap GL，然后就可以使用全局变量 Vue3baiduMapGl 了。

不同的 CDN 提供商有不同的引入方式， 我们在这里以 unpkg 和 jsDelivr 举例。 你也可以使用其它的 CDN 供应商。

html
<head>
+  <meta charset="utf-8" />
+  <!-- Import Vue3 -->
+  <script src="https://unpkg.com/vue@3"></script>
+  <!-- Import Vue3 BaiduMap GL -->
+  <!-- Would use latest version, you'd better specify a version -->
+  <script src="https://unpkg.com/vue3-baidu-map-gl"></script>
+</head>
html
<head>
+  <!-- Import Vue 3 -->
+  <script src="https//cdn.jsdelivr.net/npm/vue@3"></script>
+  <!-- Import Vue3 BaiduMap GL -->
+  <script src="https://cdn.jsdelivr.net/npm/vue3-baidu-map-gl"></script>
+</head>

提示

我们建议使用 CDN 引入 Vue3 BaiduMap GL 的用户在链接地址上锁定版本，以免将来 ElementPlus 升级时受到非兼容性更新的影响

Hello World ​

在线演示

`,6),g=s("iframe",{allow:"accelerometer; camera; encrypted-media; display-capture; geolocation; gyroscope; microphone; midi; clipboard-read; clipboard-write;",allowfullscreen:"true",allowpaymentrequest:"true",height:"500",style:{width:"100%"},scrolling:"no",title:"Vue3 BaiduMap GL",src:"https://codepen.io/yue1123/embed/oNyQWeP?default-tab=html%2Cresult&theme-id=light",frameborder:"no",loading:"lazy"},` +`,-1);function E(u,y,b,m,v,_){const t=l("Badge");return h(),n("div",null,[d,s("h2",r,[i("浏览器直接引入 "),p(t,{type:"tip",text:"^0.0.21"}),i(),o]),c,g])}const D=e(k,[["render",E]]);export{C as __pageData,D as default}; diff --git a/assets/zh-CN_guide_installation.md.UMm6pe_2.lean.js b/assets/zh-CN_guide_installation.md.UMm6pe_2.lean.js new file mode 100644 index 00000000..4451278d --- /dev/null +++ b/assets/zh-CN_guide_installation.md.UMm6pe_2.lean.js @@ -0,0 +1,2 @@ +import{_ as e,D as l,c as n,k as s,a as i,I as p,R as a,o as h}from"./chunks/framework.aeLSa5ZG.js";const C=JSON.parse('{"title":"安装","description":"","frontmatter":{},"headers":[],"relativePath":"zh-CN/guide/installation.md","filePath":"zh-CN/guide/installation.md","lastUpdated":1710870588000}'),k={name:"zh-CN/guide/installation.md"},d=a("",4),r={id:"浏览器直接引入",tabindex:"-1"},o=s("a",{class:"header-anchor",href:"#浏览器直接引入","aria-label":'Permalink to "浏览器直接引入 "'},"​",-1),c=a("",6),g=s("iframe",{allow:"accelerometer; camera; encrypted-media; display-capture; geolocation; gyroscope; microphone; midi; clipboard-read; clipboard-write;",allowfullscreen:"true",allowpaymentrequest:"true",height:"500",style:{width:"100%"},scrolling:"no",title:"Vue3 BaiduMap GL",src:"https://codepen.io/yue1123/embed/oNyQWeP?default-tab=html%2Cresult&theme-id=light",frameborder:"no",loading:"lazy"},` +`,-1);function E(u,y,b,m,v,_){const t=l("Badge");return h(),n("div",null,[d,s("h2",r,[i("浏览器直接引入 "),p(t,{type:"tip",text:"^0.0.21"}),i(),o]),c,g])}const D=e(k,[["render",E]]);export{C as __pageData,D as default}; diff --git a/assets/zh-CN_guide_introduction.md.V0HSUq99.js b/assets/zh-CN_guide_introduction.md.V0HSUq99.js new file mode 100644 index 00000000..07801712 --- /dev/null +++ b/assets/zh-CN_guide_introduction.md.V0HSUq99.js @@ -0,0 +1 @@ +import{V as u}from"./chunks/theme.AtHbRY-T.js";import{d as c,h as l,c as o,b as m,m as h,R as g,k as a,a as b,o as t}from"./chunks/framework.aeLSa5ZG.js";const f=g('

Vue3 BaiduMap Gl ​

GitHub package.json version (subfolder of monorepo)npmGitHub Repo starsGitHub issuesGitHub closed issues

基于百度地图 JavaScript GL 版（使用了 WebGL 对地图、覆盖物等进行渲染，支持 3D 视角展示地图） API 封装设计的 Vue3 组件库，开发体验良好，以优雅的方式完成百度地图的接入。

✨ 特性 ​

  • 🚀 自动加载百度地图 SDK，将百度地图繁琐的 Api 封装进组件，你只需关注组件本身
  • 📦 20+ 高质量的开箱即用 Vue 3 组件以及 8+ hooks 封装
  • 📐 遵循直觉的、简约的 Api 设计
  • ⚡ Composition Api，更好的性能
  • 🔨 完整的 TypeScript 支持，更好的体验
  • 🧩 tree shaking 支持，模块分包，只打包你想要的的
  • 🌏 基于百度地图 Gl 版 SDK，通过 WebGL 对地图、覆盖物等进行渲染，支持 3D 视角展示地图
  • 🚀 支持 volar，组件提供完善的代码提示

环境支持 ​

组件库 ​

Vue3 BaiduMap GL 可以在支持 ES2018 的浏览器上运行。 如果您确实需要支持旧版本的浏览器，请自行添加 Babel 和相应的 Polyfill 。

由于 Vue 3 不再支持 IE11，该组件库是基于 Vue3 封装，自然也不再支持 IE 浏览器。

IEFirefoxChromeSafari
Edge ≥ 79Firefox ≥ 78Chrome ≥ 64Safari ≥ 12

Baidu Map GL Api 兼容性 ​

JavaScript API GL v1.0 基于 WebGL 开发，对于用户的浏览器环境有兼容性要求。需要完整支持 WebGL 的现代浏览器来支持渲染。对于 WebGL 支持欠佳的浏览器会降级为 Canvas 绘制，若仍然存在兼容性问题，则会降级到瓦片图渲染，确保不同浏览器环境的用户都可以完成地图的基本渲染。

贡献者 ​

',13),v={key:0},k=a("h2",{id:"license",tabindex:"-1"},[b("License "),a("a",{class:"header-anchor",href:"#license","aria-label":'Permalink to "License"'},"​")],-1),_=a("p",null,[a("a",{href:"https://opensource.org/licenses/MIT",target:"_blank",rel:"noreferrer"},"MIT licenses")],-1),y=JSON.parse('{"title":"Vue3 BaiduMap Gl","description":"","frontmatter":{},"headers":[],"relativePath":"zh-CN/guide/introduction.md","filePath":"zh-CN/guide/introduction.md","lastUpdated":1710870588000}'),x={name:"zh-CN/guide/introduction.md"},L=c({...x,setup(I){const i=l([]),s=l(!0);return fetch("https://api.github.com/repos/yue1123/vue3-baidu-map-gl/contributors?anon=1").then(e=>e.json()).then(e=>{s.value=!1,i.value=e.map(({avatar_url:r,login:n,html_url:d},p)=>({avatar:r,name:n,title:p===0?"Creator":"Contributor",links:[{icon:"github",link:d}]}))}),(e,r)=>(t(),o("div",null,[f,s.value?(t(),o("div",v,"Loading Contributors...")):(t(),m(h(u),{key:1,size:"small",members:i.value},null,8,["members"])),k,_]))}});export{y as __pageData,L as default}; diff --git a/assets/zh-CN_guide_introduction.md.V0HSUq99.lean.js b/assets/zh-CN_guide_introduction.md.V0HSUq99.lean.js new file mode 100644 index 00000000..07801712 --- /dev/null +++ b/assets/zh-CN_guide_introduction.md.V0HSUq99.lean.js @@ -0,0 +1 @@ +import{V as u}from"./chunks/theme.AtHbRY-T.js";import{d as c,h as l,c as o,b as m,m as h,R as g,k as a,a as b,o as t}from"./chunks/framework.aeLSa5ZG.js";const f=g('

Vue3 BaiduMap Gl ​

GitHub package.json version (subfolder of monorepo)npmGitHub Repo starsGitHub issuesGitHub closed issues

基于百度地图 JavaScript GL 版（使用了 WebGL 对地图、覆盖物等进行渲染，支持 3D 视角展示地图） API 封装设计的 Vue3 组件库，开发体验良好，以优雅的方式完成百度地图的接入。

✨ 特性 ​

  • 🚀 自动加载百度地图 SDK，将百度地图繁琐的 Api 封装进组件，你只需关注组件本身
  • 📦 20+ 高质量的开箱即用 Vue 3 组件以及 8+ hooks 封装
  • 📐 遵循直觉的、简约的 Api 设计
  • ⚡ Composition Api，更好的性能
  • 🔨 完整的 TypeScript 支持，更好的体验
  • 🧩 tree shaking 支持，模块分包，只打包你想要的的
  • 🌏 基于百度地图 Gl 版 SDK，通过 WebGL 对地图、覆盖物等进行渲染，支持 3D 视角展示地图
  • 🚀 支持 volar，组件提供完善的代码提示

环境支持 ​

组件库 ​

Vue3 BaiduMap GL 可以在支持 ES2018 的浏览器上运行。 如果您确实需要支持旧版本的浏览器，请自行添加 Babel 和相应的 Polyfill 。

由于 Vue 3 不再支持 IE11，该组件库是基于 Vue3 封装，自然也不再支持 IE 浏览器。

IEFirefoxChromeSafari
Edge ≥ 79Firefox ≥ 78Chrome ≥ 64Safari ≥ 12

Baidu Map GL Api 兼容性 ​

JavaScript API GL v1.0 基于 WebGL 开发，对于用户的浏览器环境有兼容性要求。需要完整支持 WebGL 的现代浏览器来支持渲染。对于 WebGL 支持欠佳的浏览器会降级为 Canvas 绘制，若仍然存在兼容性问题，则会降级到瓦片图渲染，确保不同浏览器环境的用户都可以完成地图的基本渲染。

贡献者 ​

',13),v={key:0},k=a("h2",{id:"license",tabindex:"-1"},[b("License "),a("a",{class:"header-anchor",href:"#license","aria-label":'Permalink to "License"'},"​")],-1),_=a("p",null,[a("a",{href:"https://opensource.org/licenses/MIT",target:"_blank",rel:"noreferrer"},"MIT licenses")],-1),y=JSON.parse('{"title":"Vue3 BaiduMap Gl","description":"","frontmatter":{},"headers":[],"relativePath":"zh-CN/guide/introduction.md","filePath":"zh-CN/guide/introduction.md","lastUpdated":1710870588000}'),x={name:"zh-CN/guide/introduction.md"},L=c({...x,setup(I){const i=l([]),s=l(!0);return fetch("https://api.github.com/repos/yue1123/vue3-baidu-map-gl/contributors?anon=1").then(e=>e.json()).then(e=>{s.value=!1,i.value=e.map(({avatar_url:r,login:n,html_url:d},p)=>({avatar:r,name:n,title:p===0?"Creator":"Contributor",links:[{icon:"github",link:d}]}))}),(e,r)=>(t(),o("div",null,[f,s.value?(t(),o("div",v,"Loading Contributors...")):(t(),m(h(u),{key:1,size:"small",members:i.value},null,8,["members"])),k,_]))}});export{y as __pageData,L as default}; diff --git a/assets/zh-CN_guide_quick-start.md.uN56BdSh.js b/assets/zh-CN_guide_quick-start.md.uN56BdSh.js new file mode 100644 index 00000000..a4df9594 --- /dev/null +++ b/assets/zh-CN_guide_quick-start.md.uN56BdSh.js @@ -0,0 +1,20 @@ +import{_ as n,D as l,c as p,k as a,a as s,I as e,R as i,o as h}from"./chunks/framework.aeLSa5ZG.js";const C=JSON.parse('{"title":"快速开始","description":"","frontmatter":{"title":"快速开始","lang":"zh-CN"},"headers":[],"relativePath":"zh-CN/guide/quick-start.md","filePath":"zh-CN/guide/quick-start.md","lastUpdated":1710870588000}'),k={name:"zh-CN/guide/quick-start.md"},r=i(`

快速开始 ​

本节将介绍如何在项目中使用 Vue3 BaiduMap GL。

用法 ​

完整引入 ​

失去 Tree Shaking 的功能，打包有冗余代码。如果你对打包后的文件大小不是很在乎，那么使用完整导入会更方便。

ts
import { createApp } from 'vue'
+import Vue3BaiduMapGL from 'vue3-baidu-map-gl'
+
+const app = createApp(App)
+app.use(Vue3BaiduMapGL)
`,6),o={id:"volar-支持",tabindex:"-1"},d=a("a",{class:"header-anchor",href:"#volar-支持","aria-label":'Permalink to "Volar 支持 "'},"​",-1),E=i(`

如果你在使用 Volar，那么可以在 tsconfig.json 中配置 compilerOptions.types 来指定全局组件类型，从而获得更好的类型提示。如下图：

json
// tsconfig.json
+{
+  "compilerOptions": {
+    // ...
+    "types": ["vue3-baidu-map-gl/volar"]
+  }
+}
`,2),c={id:"按需导入",tabindex:"-1"},g=a("a",{class:"header-anchor",href:"#按需导入","aria-label":'Permalink to "按需导入 "'},"​",-1),y=i(`

Vue3 BaiduMap GL 提供了基于 ES Module 开箱即用的 Tree Shaking 功能。你可以直接导入组件并使用它。这种情况下，只有导入的组件才会被打包。

vue
<template>
+  <BMap>
+    <BZoom />
+    <!-- ... -->
+  </BMap>
+</template>
+
+<script setup lang="ts">
+  import { BMap, BZoom } from 'vue3-baidu-map-gl'
+</script>

申请 ak 密钥 ​

在开始使用前，您还需在百度地图开发者后台申请百度地图 ak 密钥，然后在项目中配置 ak 密钥后，才能正确的渲染地图。详细请阅读下面两个链接的内容：

官方密钥 ak 申请指引

申请开发者密钥 ak

配置 ​

参考配置

开始使用 ​

您可以从现在起启动您的项目。 对于每个组件或 hooks 的用法，请参考对应的文档。

`,9);function u(_,m,F,b,f,B){const t=l("Badge");return h(),p("div",null,[r,a("h4",o,[s("Volar 支持 "),e(t,{type:"tip",text:"^0.0.21"}),s(),d]),E,a("h3",c,[s("按需导入 "),e(t,{type:"tip",text:"推荐"}),s(),g]),y])}const D=n(k,[["render",u]]);export{C as __pageData,D as default}; diff --git a/assets/zh-CN_guide_quick-start.md.uN56BdSh.lean.js b/assets/zh-CN_guide_quick-start.md.uN56BdSh.lean.js new file mode 100644 index 00000000..0ba56a30 --- /dev/null +++ b/assets/zh-CN_guide_quick-start.md.uN56BdSh.lean.js @@ -0,0 +1 @@ +import{_ as n,D as l,c as p,k as a,a as s,I as e,R as i,o as h}from"./chunks/framework.aeLSa5ZG.js";const C=JSON.parse('{"title":"快速开始","description":"","frontmatter":{"title":"快速开始","lang":"zh-CN"},"headers":[],"relativePath":"zh-CN/guide/quick-start.md","filePath":"zh-CN/guide/quick-start.md","lastUpdated":1710870588000}'),k={name:"zh-CN/guide/quick-start.md"},r=i("",6),o={id:"volar-支持",tabindex:"-1"},d=a("a",{class:"header-anchor",href:"#volar-支持","aria-label":'Permalink to "Volar 支持 "'},"​",-1),E=i("",2),c={id:"按需导入",tabindex:"-1"},g=a("a",{class:"header-anchor",href:"#按需导入","aria-label":'Permalink to "按需导入 "'},"​",-1),y=i("",9);function u(_,m,F,b,f,B){const t=l("Badge");return h(),p("div",null,[r,a("h4",o,[s("Volar 支持 "),e(t,{type:"tip",text:"^0.0.21"}),s(),d]),E,a("h3",c,[s("按需导入 "),e(t,{type:"tip",text:"推荐"}),s(),g]),y])}const D=n(k,[["render",u]]);export{C as __pageData,D as default}; diff --git a/assets/zh-CN_hooks_useAddressGeocoder.md.-DV3KvbV.js b/assets/zh-CN_hooks_useAddressGeocoder.md.-DV3KvbV.js new file mode 100644 index 00000000..b7b5515d --- /dev/null +++ b/assets/zh-CN_hooks_useAddressGeocoder.md.-DV3KvbV.js @@ -0,0 +1,17 @@ +import{_ as C,D as p,c as o,k as s,a as E,I as a,w as e,R as n,o as l}from"./chunks/framework.aeLSa5ZG.js";const _=JSON.parse('{"title":"useAddressGeocoder","description":"","frontmatter":{},"headers":[],"relativePath":"zh-CN/hooks/useAddressGeocoder.md","filePath":"zh-CN/hooks/useAddressGeocoder.md","lastUpdated":1710870588000}'),c={name:"zh-CN/hooks/useAddressGeocoder.md"},k={id:"useaddressgeocoder",tabindex:"-1"},F=s("a",{class:"header-anchor",href:"#useaddressgeocoder","aria-label":'Permalink to "useAddressGeocoder "'},"​",-1),u=n('

通过地址解析坐标点

ts
import { useAddressGeocoder } from 'vue3-baidu-map-gl'

单个地址解析 ​

使用地址字符串作为 get 方法参数解析单个地址

',4),D=s("p",null,"hooks/useAddressGeocoder/index",-1),r=n(`

TIP

在 Ts 中使用单个解析地址时，使用泛型Point内部可推断point为可推断为Point，从而避免读取值时 ts 的报错。

ts
import { Point } from 'vue3-baidu-map-gl'
+const { point } = useAddressGeocoder<Point>()

批量解析地址 ​

使用地址字符串数组作为 get 方法参数批量解析地址

`,3),d=s("p",null,"hooks/useAddressGeocoder/batch",-1),A=n(`

TIP

在 Ts 中使用批量解析地址时，使用泛型Point[]内部可推断point为可推断为Point[]，从而避免遍历时 ts 的报错。

ts
import { Point } from 'vue3-baidu-map-gl'
+const { point: points } = useAddressGeocoder<Point[]>()

用法 ​

ts
const { get, point, isLoading, isEmpty } = useAddressGeocoder(cal)

TIP

该 hooks 依赖于 BMapGL ，所以需要在 Map 组件初始化完毕调用 get 方法后数据才可用

参数 ​

参数描述类型默认值
cal定位成功后的回调函数(point: Ref<Point | Point[] | null | undefined>) => void-

返回值 ​

返回值描述类型
isLoading是否在获取中boolean
isEmpty是否有解析结果。批量解析时，所有地址都未解析到正确坐标点，该值才为falseboolean
point地址解析出来的坐标点。批量解析地址时，point 为数组。Ref<Point | Point[] | null | undefined>
get获取地址到坐标点方法，需要在Map组件initd事件触发后才可调用；参数 address表示要解析的地址，可以传数组一次解析多个地址；city表示地址所属的城市(address: string | string[], city: string) => void

Point ​

ts
type Point = { lng: number; lat: number }

TS 类型定义参考 ​

ts
import { Ref } from 'vue'
+import { type Point } from 'vue3-baidu-map-gl'
+
+export declare type AddressGeocoderResult = Point | Point[]
+/**
+ * 由地址解析坐标点
+ */
+export declare function useAddressGeocoder<T extends AddressGeocoderResult = AddressGeocoderResult>(
+  cal?: (point: Ref<T>) => void
+): {
+  get: (address: T extends Point ? string : string[], city: string) => void
+  point: Ref<T | null | undefined>
+  isLoading: Ref<boolean>
+  isEmpty: Ref<boolean>
+}
`,12);function h(B,g,y,m,v,f){const i=p("Badge"),t=p("Demo");return l(),o("div",null,[s("h1",k,[E("useAddressGeocoder "),a(i,{type:"tip",text:"^0.0.39"}),E(),F]),u,a(t,{source:"%3Cpre%20v-pre%3E%3Ccode%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ediv%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%E9%80%89%E6%8B%A9%E5%9C%B0%E5%9D%80%E8%A7%A3%E6%9E%90%3A%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Eselect%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-model%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EcurrentAddress%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Eoption%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-for%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Eitem%20in%20addressList%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Avalue%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Eitem%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%7B%7B%20item.address%20%7D%7D%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Eoption%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Eselect%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ediv%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Eclass%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Estate%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-if%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E!isLoading%20%26amp%3B%26amp%3B%20!isEmpty%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Eh5%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E8%A7%A3%E6%9E%90%E7%BB%93%E6%9E%9C%3A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Eh5%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Espan%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E7%BA%AC%E5%BA%A6%20-%20%7B%7B%20point%3F.lat%20%7D%7D%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Espan%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Espan%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E7%BB%8F%E5%BA%A6%20-%20%7B%7B%20point%3F.lng%20%7D%7D%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Espan%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ediv%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ediv%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Eclass%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Estate%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-else-if%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EisEmpty%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E6%B2%A1%E6%9C%89%E8%A7%A3%E6%9E%90%E5%88%B0%E7%BB%93%E6%9E%9C%20%EF%BC%81%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ediv%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ediv%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Eclass%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Estate%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-else%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E8%A7%A3%E6%9E%90%E4%B8%AD...%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ediv%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ebr%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMap%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Eref%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Emap%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Acenter%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Epoint%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40initd%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EhandleInitd%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-if%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E!isLoading%20%26amp%3B%26amp%3B%20!isEmpty%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMarker%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aposition%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Epoint%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBMarker%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBMap%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ediv%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Escript%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Elang%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ets%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Esetup%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20script%22%3E%3Cspan%20class%3D%22token%20language-javascript%22%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Eimport%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20ref%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20watch%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Efrom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'vue'%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Eimport%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20useAddressGeocoder%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20Point%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Efrom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'vue3-baidu-map-gl'%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20map%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3Eref%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20addressList%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3Eref%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Eaddress%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'%E5%8C%97%E4%BA%AC%E5%B8%82%E6%B5%B7%E6%B7%80%E5%8C%BA%E4%B8%8A%E5%9C%B010%E8%A1%97'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Ecity%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'%E5%8C%97%E4%BA%AC%E5%B8%82'%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Eaddress%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'%E5%8C%97%E4%BA%AC%E5%B8%82%E6%B5%B7%E6%B7%80%E5%8C%BA%E6%B5%B7%E6%B7%80%E4%B8%89%E5%B1%B1%E4%BA%94%E5%9B%AD%E7%BB%BF%E9%81%93'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Ecity%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'%E5%8C%97%E4%BA%AC%E5%B8%82'%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Eaddress%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'%E5%8C%97%E4%BA%AC%E5%B8%82%E4%B8%9C%E5%9F%8E%E5%8C%BA%E5%A4%A9%E5%AE%89%E9%97%A8%E4%B8%9C%E9%80%9A%E9%81%93'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Ecity%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'%E5%8C%97%E4%BA%AC%E5%B8%82'%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20currentAddress%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3Eref%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3EaddressList%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E0%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%0A%20%20%3Cspan%20class%3D%22token%20function%22%3Ewatch%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3E%3C%2Fspan%3E%20currentAddress%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20parameter%22%3En%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20function%22%3Eget%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3En%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Eaddress%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20n%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Ecity%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Edeep%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20boolean%22%3Etrue%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20get%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20point%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20isLoading%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20isEmpty%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20useAddressGeocoder%3Cspan%20class%3D%22token%20operator%22%3E%26lt%3B%3C%2Fspan%3EPoint%3Cspan%20class%3D%22token%20operator%22%3E%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20map%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3EresetCenter%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Efunction%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3EhandleInitd%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20function%22%3Eget%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3EcurrentAddress%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Eaddress%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20currentAddress%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Ecity%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Escript%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Estyle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20style%22%3E%3Cspan%20class%3D%22token%20language-css%22%3E%0A%20%20%3Cspan%20class%3D%22token%20selector%22%3E.state%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Emargin-top%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%2015px%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20selector%22%3E.state%20span%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Emargin-right%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%2025px%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Estyle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3C%2Fcode%3E%3C%2Fpre%3E",path:"hooks/useAddressGeocoder/index","raw-source":"%3Ctemplate%3E%0A%20%20%3Cdiv%3E%0A%20%20%20%20%E9%80%89%E6%8B%A9%E5%9C%B0%E5%9D%80%E8%A7%A3%E6%9E%90%3A%0A%20%20%20%20%3Cselect%20class%3D%22mySelect%22%20v-model%3D%22currentAddress%22%3E%0A%20%20%20%20%20%20%3Coption%20v-for%3D%22item%20in%20addressList%22%20%3Avalue%3D%22item%22%3E%7B%7B%20item.address%20%7D%7D%3C%2Foption%3E%0A%20%20%20%20%3C%2Fselect%3E%0A%20%20%20%20%3Cdiv%20class%3D%22state%22%20v-if%3D%22!isLoading%20%26%26%20!isEmpty%22%3E%0A%20%20%20%20%20%20%3Ch5%3E%E8%A7%A3%E6%9E%90%E7%BB%93%E6%9E%9C%3A%3C%2Fh5%3E%0A%20%20%20%20%20%20%3Cspan%3E%E7%BA%AC%E5%BA%A6%20-%20%7B%7B%20point%3F.lat%20%7D%7D%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%3E%E7%BB%8F%E5%BA%A6%20-%20%7B%7B%20point%3F.lng%20%7D%7D%3C%2Fspan%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3Cdiv%20class%3D%22state%22%20v-else-if%3D%22isEmpty%22%3E%E6%B2%A1%E6%9C%89%E8%A7%A3%E6%9E%90%E5%88%B0%E7%BB%93%E6%9E%9C%20%EF%BC%81%3C%2Fdiv%3E%0A%20%20%20%20%3Cdiv%20class%3D%22state%22%20v-else%3E%E8%A7%A3%E6%9E%90%E4%B8%AD...%3C%2Fdiv%3E%0A%20%20%20%20%3Cbr%20%2F%3E%0A%20%20%20%20%3CBMap%20v-bind%3D%22%24attrs%22%20ref%3D%22map%22%20%3Acenter%3D%22point%22%20%40initd%3D%22handleInitd%22%3E%0A%20%20%20%20%20%20%3Ctemplate%20v-if%3D%22!isLoading%20%26%26%20!isEmpty%22%3E%0A%20%20%20%20%20%20%20%20%3CBMarker%20%3Aposition%3D%22point%22%3E%3C%2FBMarker%3E%0A%20%20%20%20%20%20%3C%2Ftemplate%3E%0A%20%20%20%20%3C%2FBMap%3E%0A%20%20%3C%2Fdiv%3E%0A%3C%2Ftemplate%3E%0A%0A%3Cscript%20lang%3D%22ts%22%20setup%3E%0A%20%20import%20%7B%20ref%2C%20watch%20%7D%20from%20'vue'%0A%20%20import%20%7B%20useAddressGeocoder%2C%20Point%20%7D%20from%20'vue3-baidu-map-gl'%0A%20%20const%20map%20%3D%20ref()%0A%20%20const%20addressList%20%3D%20ref(%5B%0A%20%20%20%20%7B%0A%20%20%20%20%20%20address%3A%20'%E5%8C%97%E4%BA%AC%E5%B8%82%E6%B5%B7%E6%B7%80%E5%8C%BA%E4%B8%8A%E5%9C%B010%E8%A1%97'%2C%0A%20%20%20%20%20%20city%3A%20'%E5%8C%97%E4%BA%AC%E5%B8%82'%0A%20%20%20%20%7D%2C%0A%20%20%20%20%7B%0A%20%20%20%20%20%20address%3A%20'%E5%8C%97%E4%BA%AC%E5%B8%82%E6%B5%B7%E6%B7%80%E5%8C%BA%E6%B5%B7%E6%B7%80%E4%B8%89%E5%B1%B1%E4%BA%94%E5%9B%AD%E7%BB%BF%E9%81%93'%2C%0A%20%20%20%20%20%20city%3A%20'%E5%8C%97%E4%BA%AC%E5%B8%82'%0A%20%20%20%20%7D%2C%0A%20%20%20%20%7B%0A%20%20%20%20%20%20address%3A%20'%E5%8C%97%E4%BA%AC%E5%B8%82%E4%B8%9C%E5%9F%8E%E5%8C%BA%E5%A4%A9%E5%AE%89%E9%97%A8%E4%B8%9C%E9%80%9A%E9%81%93'%2C%0A%20%20%20%20%20%20city%3A%20'%E5%8C%97%E4%BA%AC%E5%B8%82'%0A%20%20%20%20%7D%0A%20%20%5D)%0A%20%20const%20currentAddress%20%3D%20ref(addressList.value%5B0%5D)%0A%0A%20%20watch(%0A%20%20%20%20()%20%3D%3E%20currentAddress%2C%0A%20%20%20%20(n)%20%3D%3E%20%7B%0A%20%20%20%20%20%20get(n.value.address%2C%20n.value.city)%0A%20%20%20%20%7D%2C%0A%20%20%20%20%7B%0A%20%20%20%20%20%20deep%3A%20true%0A%20%20%20%20%7D%0A%20%20)%0A%20%20const%20%7B%20get%2C%20point%2C%20isLoading%2C%20isEmpty%20%7D%20%3D%20useAddressGeocoder%3CPoint%3E(()%20%3D%3E%20%7B%0A%20%20%20%20map.value.resetCenter()%0A%20%20%7D)%0A%0A%20%20function%20handleInitd()%20%7B%0A%20%20%20%20get(currentAddress.value.address%2C%20currentAddress.value.city)%0A%20%20%7D%0A%3C%2Fscript%3E%0A%0A%3Cstyle%3E%0A%20%20.state%20%7B%0A%20%20%20%20margin-top%3A%2015px%3B%0A%20%20%7D%0A%20%20.state%20span%20%7B%0A%20%20%20%20margin-right%3A%2025px%3B%0A%20%20%7D%0A%3C%2Fstyle%3E%0A",description:"%3Cp%3E%E9%80%9A%E8%BF%87%E4%B8%8B%E6%8B%89%E6%A1%86%E5%88%87%E6%8D%A2%E5%9C%B0%E5%9D%80%E8%A7%A3%E6%9E%90%E5%9D%90%E6%A0%87%E7%82%B9%3C%2Fp%3E%0A"},{default:e(()=>[D]),_:1}),r,a(t,{source:"%3Cpre%20v-pre%3E%3Ccode%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ediv%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMap%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Azoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E13%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ecenter%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%E5%90%88%E8%82%A5%E5%B8%82%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40initd%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EhandleInitd%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBControl%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Eclass%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Eaddress-list%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aoffset%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%7B%20x%3A%2010%2C%20y%3A%2010%20%7D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Eul%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Eli%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-for%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Eitem%20in%20addressList%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Akey%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Eitem%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%7B%7B%20item%20%7D%7D%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Eli%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Eul%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBControl%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-if%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E!isLoading%20%26amp%3B%26amp%3B%20!isEmpty%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-for%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E(item%2C%20index)%20in%20points%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMarker%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aposition%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Eitem%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBMarker%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBLabel%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20special-attr%22%3E%3Cspan%20class%3D%22token%20attr-name%22%3Estyle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3Cspan%20class%3D%22token%20value%20css%20language-css%22%3E%3Cspan%20class%3D%22token%20property%22%3Ecolor%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%20%23333%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20property%22%3Efont-size%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%209px%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aposition%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Eitem%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Acontent%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EaddressList%5Bindex%5D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBLabel%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBMap%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ediv%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Escript%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Elang%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ets%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Esetup%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20script%22%3E%3Cspan%20class%3D%22token%20language-javascript%22%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Eimport%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20useAddressGeocoder%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20Point%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Efrom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'vue3-baidu-map-gl'%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20addressList%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20string%22%3E'%E5%8C%85%E6%B2%B3%E5%8C%BA%E9%87%91%E5%AF%A8%E8%B7%AF1%E5%8F%B7%EF%BC%88%E9%87%91%E5%AF%A8%E8%B7%AF%E4%B8%8E%E6%9C%9B%E6%B1%9F%E8%A5%BF%E8%B7%AF%E4%BA%A4%E5%8F%89%E5%8F%A3%EF%BC%89'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20string%22%3E'%E5%BA%90%E9%98%B3%E5%8C%BA%E5%87%A4%E5%8F%B0%E8%B7%AF209%E5%8F%B7%EF%BC%88%E5%87%A4%E5%8F%B0%E8%B7%AF%E4%B8%8E%E8%92%99%E5%9F%8E%E5%8C%97%E8%B7%AF%E4%BA%A4%E5%8F%89%E5%8F%A3%EF%BC%89'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20string%22%3E'%E8%9C%80%E5%B1%B1%E5%8C%BA%E9%87%91%E5%AF%A8%E8%B7%AF217%E5%8F%B7(%E8%BF%91%E5%AE%89%E5%8C%BB%E9%99%84%E9%99%A2%E5%85%AC%E4%BA%A4%E8%BD%A6%E7%AB%99)'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20string%22%3E'%E8%9C%80%E5%B1%B1%E5%8C%BA%E6%A2%85%E5%B1%B1%E8%B7%AF10%E5%8F%B7(%E8%BF%91%E5%AE%89%E5%BE%BD%E9%A5%AD%E5%BA%97)%20'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20string%22%3E'%E8%9C%80%E5%B1%B1%E5%8C%BA%20%E9%95%BF%E4%B8%B0%E5%8D%97%E8%B7%AF159%E5%8F%B7%E9%93%9C%E9%94%A3%E6%B9%BE%E5%B9%BF%E5%9C%BA312%E5%AE%A4'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20string%22%3E'%E5%90%88%E8%82%A5%E5%B8%82%E5%AF%BF%E6%98%A5%E8%B7%AF93%E5%8F%B7%E9%92%B1%E6%9F%9C%E6%98%9F%E4%B9%90%E7%94%BAKTV%EF%BC%88%E9%80%8D%E9%81%A5%E6%B4%A5%E5%85%AC%E5%9B%AD%E5%AF%B9%E9%9D%A2%EF%BC%89'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20string%22%3E'%E5%BA%90%E9%98%B3%E5%8C%BA%E9%95%BF%E6%B1%9F%E4%B8%AD%E8%B7%AF177%E5%8F%B7'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20get%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Epoint%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20points%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20isLoading%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20isEmpty%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20useAddressGeocoder%3Cspan%20class%3D%22token%20operator%22%3E%26lt%3B%3C%2Fspan%3EPoint%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Efunction%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3EhandleInitd%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20function%22%3Eget%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3EaddressList%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'%E5%90%88%E8%82%A5%E5%B8%82'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Escript%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Estyle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20style%22%3E%3Cspan%20class%3D%22token%20language-css%22%3E%0A%20%20%3Cspan%20class%3D%22token%20selector%22%3E.address-list%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Ecolor%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%20%23333%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Ebackground-color%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%20%23fff%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Efont-size%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%2010px%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Epadding%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%2010px%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Eborder-radius%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%208px%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Ebox-shadow%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3Ergb%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E0%200%200%20%2F%2015%25%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%201px%202px%201px%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20selector%22%3E.address-list%20ul%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Emargin%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%200%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Epadding%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%200%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20selector%22%3E.address-list%20li%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Elist-style%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%20none%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Eborder-bottom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%201px%20solid%20%23f1f1f1%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Estyle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3C%2Fcode%3E%3C%2Fpre%3E",path:"hooks/useAddressGeocoder/batch","raw-source":"%3Ctemplate%3E%0A%20%20%3Cdiv%3E%0A%20%20%20%20%3CBMap%20v-bind%3D%22%24attrs%22%20%3Azoom%3D%2213%22%20center%3D%22%E5%90%88%E8%82%A5%E5%B8%82%22%20%40initd%3D%22handleInitd%22%3E%0A%20%20%20%20%20%20%3CBControl%20class%3D%22address-list%22%20%3Aoffset%3D%22%7B%20x%3A%2010%2C%20y%3A%2010%20%7D%22%3E%0A%20%20%20%20%20%20%20%20%3Cul%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cli%20v-for%3D%22item%20in%20addressList%22%20%3Akey%3D%22item%22%3E%7B%7B%20item%20%7D%7D%3C%2Fli%3E%0A%20%20%20%20%20%20%20%20%3C%2Ful%3E%0A%20%20%20%20%20%20%3C%2FBControl%3E%0A%20%20%20%20%20%20%3Ctemplate%20v-if%3D%22!isLoading%20%26%26%20!isEmpty%22%3E%0A%20%20%20%20%20%20%20%20%3Ctemplate%20v-for%3D%22(item%2C%20index)%20in%20points%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3CBMarker%20%3Aposition%3D%22item%22%3E%3C%2FBMarker%3E%0A%20%20%20%20%20%20%20%20%20%20%3CBLabel%20style%3D%22color%3A%20%23333%3B%20font-size%3A%209px%22%20%3Aposition%3D%22item%22%20%3Acontent%3D%22addressList%5Bindex%5D%22%3E%3C%2FBLabel%3E%0A%20%20%20%20%20%20%20%20%3C%2Ftemplate%3E%0A%20%20%20%20%20%20%3C%2Ftemplate%3E%0A%20%20%20%20%3C%2FBMap%3E%0A%20%20%3C%2Fdiv%3E%0A%3C%2Ftemplate%3E%0A%3Cscript%20lang%3D%22ts%22%20setup%3E%0A%20%20import%20%7B%20useAddressGeocoder%2C%20Point%20%7D%20from%20'vue3-baidu-map-gl'%0A%20%20const%20addressList%20%3D%20%5B%0A%20%20%20%20'%E5%8C%85%E6%B2%B3%E5%8C%BA%E9%87%91%E5%AF%A8%E8%B7%AF1%E5%8F%B7%EF%BC%88%E9%87%91%E5%AF%A8%E8%B7%AF%E4%B8%8E%E6%9C%9B%E6%B1%9F%E8%A5%BF%E8%B7%AF%E4%BA%A4%E5%8F%89%E5%8F%A3%EF%BC%89'%2C%0A%20%20%20%20'%E5%BA%90%E9%98%B3%E5%8C%BA%E5%87%A4%E5%8F%B0%E8%B7%AF209%E5%8F%B7%EF%BC%88%E5%87%A4%E5%8F%B0%E8%B7%AF%E4%B8%8E%E8%92%99%E5%9F%8E%E5%8C%97%E8%B7%AF%E4%BA%A4%E5%8F%89%E5%8F%A3%EF%BC%89'%2C%0A%20%20%20%20'%E8%9C%80%E5%B1%B1%E5%8C%BA%E9%87%91%E5%AF%A8%E8%B7%AF217%E5%8F%B7(%E8%BF%91%E5%AE%89%E5%8C%BB%E9%99%84%E9%99%A2%E5%85%AC%E4%BA%A4%E8%BD%A6%E7%AB%99)'%2C%0A%20%20%20%20'%E8%9C%80%E5%B1%B1%E5%8C%BA%E6%A2%85%E5%B1%B1%E8%B7%AF10%E5%8F%B7(%E8%BF%91%E5%AE%89%E5%BE%BD%E9%A5%AD%E5%BA%97)%20'%2C%0A%20%20%20%20'%E8%9C%80%E5%B1%B1%E5%8C%BA%20%E9%95%BF%E4%B8%B0%E5%8D%97%E8%B7%AF159%E5%8F%B7%E9%93%9C%E9%94%A3%E6%B9%BE%E5%B9%BF%E5%9C%BA312%E5%AE%A4'%2C%0A%20%20%20%20'%E5%90%88%E8%82%A5%E5%B8%82%E5%AF%BF%E6%98%A5%E8%B7%AF93%E5%8F%B7%E9%92%B1%E6%9F%9C%E6%98%9F%E4%B9%90%E7%94%BAKTV%EF%BC%88%E9%80%8D%E9%81%A5%E6%B4%A5%E5%85%AC%E5%9B%AD%E5%AF%B9%E9%9D%A2%EF%BC%89'%2C%0A%20%20%20%20'%E5%BA%90%E9%98%B3%E5%8C%BA%E9%95%BF%E6%B1%9F%E4%B8%AD%E8%B7%AF177%E5%8F%B7'%2C%0A%20%20%20%20%0A%20%20%5D%0A%20%20const%20%7B%20get%2C%20point%3A%20points%2C%20isLoading%2C%20isEmpty%20%7D%20%3D%20useAddressGeocoder%3CPoint%5B%5D%3E()%0A%0A%20%20function%20handleInitd()%20%7B%0A%20%20%20%20get(addressList%2C%20'%E5%90%88%E8%82%A5%E5%B8%82')%0A%20%20%7D%0A%3C%2Fscript%3E%0A%3Cstyle%3E%0A%20%20.address-list%20%7B%0A%20%20%20%20color%3A%20%23333%3B%0A%20%20%20%20background-color%3A%20%23fff%3B%0A%20%20%20%20font-size%3A%2010px%3B%0A%20%20%20%20padding%3A%2010px%3B%0A%20%20%20%20border-radius%3A%208px%3B%0A%20%20%20%20box-shadow%3A%20rgb(0%200%200%20%2F%2015%25)%201px%202px%201px%3B%0A%20%20%7D%0A%20%20.address-list%20ul%20%7B%0A%20%20%20%20margin%3A%200%3B%0A%20%20%20%20padding%3A%200%3B%0A%20%20%7D%0A%20%20.address-list%20li%20%7B%0A%20%20%20%20list-style%3A%20none%3B%0A%20%20%20%20border-bottom%3A%201px%20solid%20%23f1f1f1%3B%0A%20%20%7D%0A%3C%2Fstyle%3E%0A",description:""},{default:e(()=>[d]),_:1}),A])}const x=C(c,[["render",h]]);export{_ as __pageData,x as default}; diff --git a/assets/zh-CN_hooks_useAddressGeocoder.md.-DV3KvbV.lean.js b/assets/zh-CN_hooks_useAddressGeocoder.md.-DV3KvbV.lean.js new file mode 100644 index 00000000..9e4548be --- /dev/null +++ b/assets/zh-CN_hooks_useAddressGeocoder.md.-DV3KvbV.lean.js @@ -0,0 +1 @@ +import{_ as C,D as p,c as o,k as s,a as E,I as a,w as e,R as n,o as l}from"./chunks/framework.aeLSa5ZG.js";const _=JSON.parse('{"title":"useAddressGeocoder","description":"","frontmatter":{},"headers":[],"relativePath":"zh-CN/hooks/useAddressGeocoder.md","filePath":"zh-CN/hooks/useAddressGeocoder.md","lastUpdated":1710870588000}'),c={name:"zh-CN/hooks/useAddressGeocoder.md"},k={id:"useaddressgeocoder",tabindex:"-1"},F=s("a",{class:"header-anchor",href:"#useaddressgeocoder","aria-label":'Permalink to "useAddressGeocoder "'},"​",-1),u=n("",4),D=s("p",null,"hooks/useAddressGeocoder/index",-1),r=n("",3),d=s("p",null,"hooks/useAddressGeocoder/batch",-1),A=n("",12);function h(B,g,y,m,v,f){const i=p("Badge"),t=p("Demo");return l(),o("div",null,[s("h1",k,[E("useAddressGeocoder "),a(i,{type:"tip",text:"^0.0.39"}),E(),F]),u,a(t,{source:"%3Cpre%20v-pre%3E%3Ccode%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ediv%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%E9%80%89%E6%8B%A9%E5%9C%B0%E5%9D%80%E8%A7%A3%E6%9E%90%3A%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Eselect%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-model%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EcurrentAddress%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Eoption%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-for%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Eitem%20in%20addressList%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Avalue%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Eitem%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%7B%7B%20item.address%20%7D%7D%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Eoption%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Eselect%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ediv%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Eclass%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Estate%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-if%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E!isLoading%20%26amp%3B%26amp%3B%20!isEmpty%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Eh5%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E8%A7%A3%E6%9E%90%E7%BB%93%E6%9E%9C%3A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Eh5%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Espan%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E7%BA%AC%E5%BA%A6%20-%20%7B%7B%20point%3F.lat%20%7D%7D%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Espan%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Espan%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E7%BB%8F%E5%BA%A6%20-%20%7B%7B%20point%3F.lng%20%7D%7D%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Espan%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ediv%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ediv%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Eclass%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Estate%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-else-if%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EisEmpty%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E6%B2%A1%E6%9C%89%E8%A7%A3%E6%9E%90%E5%88%B0%E7%BB%93%E6%9E%9C%20%EF%BC%81%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ediv%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ediv%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Eclass%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Estate%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-else%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E8%A7%A3%E6%9E%90%E4%B8%AD...%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ediv%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ebr%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMap%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Eref%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Emap%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Acenter%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Epoint%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40initd%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EhandleInitd%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-if%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E!isLoading%20%26amp%3B%26amp%3B%20!isEmpty%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMarker%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aposition%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Epoint%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBMarker%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBMap%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ediv%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Escript%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Elang%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ets%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Esetup%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20script%22%3E%3Cspan%20class%3D%22token%20language-javascript%22%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Eimport%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20ref%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20watch%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Efrom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'vue'%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Eimport%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20useAddressGeocoder%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20Point%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Efrom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'vue3-baidu-map-gl'%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20map%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3Eref%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20addressList%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3Eref%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Eaddress%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'%E5%8C%97%E4%BA%AC%E5%B8%82%E6%B5%B7%E6%B7%80%E5%8C%BA%E4%B8%8A%E5%9C%B010%E8%A1%97'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Ecity%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'%E5%8C%97%E4%BA%AC%E5%B8%82'%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Eaddress%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'%E5%8C%97%E4%BA%AC%E5%B8%82%E6%B5%B7%E6%B7%80%E5%8C%BA%E6%B5%B7%E6%B7%80%E4%B8%89%E5%B1%B1%E4%BA%94%E5%9B%AD%E7%BB%BF%E9%81%93'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Ecity%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'%E5%8C%97%E4%BA%AC%E5%B8%82'%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Eaddress%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'%E5%8C%97%E4%BA%AC%E5%B8%82%E4%B8%9C%E5%9F%8E%E5%8C%BA%E5%A4%A9%E5%AE%89%E9%97%A8%E4%B8%9C%E9%80%9A%E9%81%93'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Ecity%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'%E5%8C%97%E4%BA%AC%E5%B8%82'%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20currentAddress%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3Eref%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3EaddressList%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E0%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%0A%20%20%3Cspan%20class%3D%22token%20function%22%3Ewatch%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3E%3C%2Fspan%3E%20currentAddress%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20parameter%22%3En%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20function%22%3Eget%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3En%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Eaddress%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20n%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Ecity%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Edeep%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20boolean%22%3Etrue%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20get%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20point%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20isLoading%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20isEmpty%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20useAddressGeocoder%3Cspan%20class%3D%22token%20operator%22%3E%26lt%3B%3C%2Fspan%3EPoint%3Cspan%20class%3D%22token%20operator%22%3E%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20map%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3EresetCenter%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Efunction%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3EhandleInitd%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20function%22%3Eget%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3EcurrentAddress%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Eaddress%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20currentAddress%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Ecity%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Escript%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Estyle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20style%22%3E%3Cspan%20class%3D%22token%20language-css%22%3E%0A%20%20%3Cspan%20class%3D%22token%20selector%22%3E.state%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Emargin-top%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%2015px%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20selector%22%3E.state%20span%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Emargin-right%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%2025px%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Estyle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3C%2Fcode%3E%3C%2Fpre%3E",path:"hooks/useAddressGeocoder/index","raw-source":"%3Ctemplate%3E%0A%20%20%3Cdiv%3E%0A%20%20%20%20%E9%80%89%E6%8B%A9%E5%9C%B0%E5%9D%80%E8%A7%A3%E6%9E%90%3A%0A%20%20%20%20%3Cselect%20class%3D%22mySelect%22%20v-model%3D%22currentAddress%22%3E%0A%20%20%20%20%20%20%3Coption%20v-for%3D%22item%20in%20addressList%22%20%3Avalue%3D%22item%22%3E%7B%7B%20item.address%20%7D%7D%3C%2Foption%3E%0A%20%20%20%20%3C%2Fselect%3E%0A%20%20%20%20%3Cdiv%20class%3D%22state%22%20v-if%3D%22!isLoading%20%26%26%20!isEmpty%22%3E%0A%20%20%20%20%20%20%3Ch5%3E%E8%A7%A3%E6%9E%90%E7%BB%93%E6%9E%9C%3A%3C%2Fh5%3E%0A%20%20%20%20%20%20%3Cspan%3E%E7%BA%AC%E5%BA%A6%20-%20%7B%7B%20point%3F.lat%20%7D%7D%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%3E%E7%BB%8F%E5%BA%A6%20-%20%7B%7B%20point%3F.lng%20%7D%7D%3C%2Fspan%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3Cdiv%20class%3D%22state%22%20v-else-if%3D%22isEmpty%22%3E%E6%B2%A1%E6%9C%89%E8%A7%A3%E6%9E%90%E5%88%B0%E7%BB%93%E6%9E%9C%20%EF%BC%81%3C%2Fdiv%3E%0A%20%20%20%20%3Cdiv%20class%3D%22state%22%20v-else%3E%E8%A7%A3%E6%9E%90%E4%B8%AD...%3C%2Fdiv%3E%0A%20%20%20%20%3Cbr%20%2F%3E%0A%20%20%20%20%3CBMap%20v-bind%3D%22%24attrs%22%20ref%3D%22map%22%20%3Acenter%3D%22point%22%20%40initd%3D%22handleInitd%22%3E%0A%20%20%20%20%20%20%3Ctemplate%20v-if%3D%22!isLoading%20%26%26%20!isEmpty%22%3E%0A%20%20%20%20%20%20%20%20%3CBMarker%20%3Aposition%3D%22point%22%3E%3C%2FBMarker%3E%0A%20%20%20%20%20%20%3C%2Ftemplate%3E%0A%20%20%20%20%3C%2FBMap%3E%0A%20%20%3C%2Fdiv%3E%0A%3C%2Ftemplate%3E%0A%0A%3Cscript%20lang%3D%22ts%22%20setup%3E%0A%20%20import%20%7B%20ref%2C%20watch%20%7D%20from%20'vue'%0A%20%20import%20%7B%20useAddressGeocoder%2C%20Point%20%7D%20from%20'vue3-baidu-map-gl'%0A%20%20const%20map%20%3D%20ref()%0A%20%20const%20addressList%20%3D%20ref(%5B%0A%20%20%20%20%7B%0A%20%20%20%20%20%20address%3A%20'%E5%8C%97%E4%BA%AC%E5%B8%82%E6%B5%B7%E6%B7%80%E5%8C%BA%E4%B8%8A%E5%9C%B010%E8%A1%97'%2C%0A%20%20%20%20%20%20city%3A%20'%E5%8C%97%E4%BA%AC%E5%B8%82'%0A%20%20%20%20%7D%2C%0A%20%20%20%20%7B%0A%20%20%20%20%20%20address%3A%20'%E5%8C%97%E4%BA%AC%E5%B8%82%E6%B5%B7%E6%B7%80%E5%8C%BA%E6%B5%B7%E6%B7%80%E4%B8%89%E5%B1%B1%E4%BA%94%E5%9B%AD%E7%BB%BF%E9%81%93'%2C%0A%20%20%20%20%20%20city%3A%20'%E5%8C%97%E4%BA%AC%E5%B8%82'%0A%20%20%20%20%7D%2C%0A%20%20%20%20%7B%0A%20%20%20%20%20%20address%3A%20'%E5%8C%97%E4%BA%AC%E5%B8%82%E4%B8%9C%E5%9F%8E%E5%8C%BA%E5%A4%A9%E5%AE%89%E9%97%A8%E4%B8%9C%E9%80%9A%E9%81%93'%2C%0A%20%20%20%20%20%20city%3A%20'%E5%8C%97%E4%BA%AC%E5%B8%82'%0A%20%20%20%20%7D%0A%20%20%5D)%0A%20%20const%20currentAddress%20%3D%20ref(addressList.value%5B0%5D)%0A%0A%20%20watch(%0A%20%20%20%20()%20%3D%3E%20currentAddress%2C%0A%20%20%20%20(n)%20%3D%3E%20%7B%0A%20%20%20%20%20%20get(n.value.address%2C%20n.value.city)%0A%20%20%20%20%7D%2C%0A%20%20%20%20%7B%0A%20%20%20%20%20%20deep%3A%20true%0A%20%20%20%20%7D%0A%20%20)%0A%20%20const%20%7B%20get%2C%20point%2C%20isLoading%2C%20isEmpty%20%7D%20%3D%20useAddressGeocoder%3CPoint%3E(()%20%3D%3E%20%7B%0A%20%20%20%20map.value.resetCenter()%0A%20%20%7D)%0A%0A%20%20function%20handleInitd()%20%7B%0A%20%20%20%20get(currentAddress.value.address%2C%20currentAddress.value.city)%0A%20%20%7D%0A%3C%2Fscript%3E%0A%0A%3Cstyle%3E%0A%20%20.state%20%7B%0A%20%20%20%20margin-top%3A%2015px%3B%0A%20%20%7D%0A%20%20.state%20span%20%7B%0A%20%20%20%20margin-right%3A%2025px%3B%0A%20%20%7D%0A%3C%2Fstyle%3E%0A",description:"%3Cp%3E%E9%80%9A%E8%BF%87%E4%B8%8B%E6%8B%89%E6%A1%86%E5%88%87%E6%8D%A2%E5%9C%B0%E5%9D%80%E8%A7%A3%E6%9E%90%E5%9D%90%E6%A0%87%E7%82%B9%3C%2Fp%3E%0A"},{default:e(()=>[D]),_:1}),r,a(t,{source:"%3Cpre%20v-pre%3E%3Ccode%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ediv%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMap%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Azoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E13%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ecenter%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%E5%90%88%E8%82%A5%E5%B8%82%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40initd%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EhandleInitd%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBControl%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Eclass%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Eaddress-list%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aoffset%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%7B%20x%3A%2010%2C%20y%3A%2010%20%7D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Eul%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Eli%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-for%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Eitem%20in%20addressList%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Akey%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Eitem%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%7B%7B%20item%20%7D%7D%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Eli%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Eul%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBControl%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-if%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E!isLoading%20%26amp%3B%26amp%3B%20!isEmpty%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-for%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E(item%2C%20index)%20in%20points%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMarker%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aposition%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Eitem%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBMarker%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBLabel%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20special-attr%22%3E%3Cspan%20class%3D%22token%20attr-name%22%3Estyle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3Cspan%20class%3D%22token%20value%20css%20language-css%22%3E%3Cspan%20class%3D%22token%20property%22%3Ecolor%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%20%23333%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20property%22%3Efont-size%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%209px%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aposition%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Eitem%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Acontent%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EaddressList%5Bindex%5D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBLabel%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBMap%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ediv%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Escript%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Elang%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ets%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Esetup%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20script%22%3E%3Cspan%20class%3D%22token%20language-javascript%22%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Eimport%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20useAddressGeocoder%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20Point%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Efrom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'vue3-baidu-map-gl'%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20addressList%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20string%22%3E'%E5%8C%85%E6%B2%B3%E5%8C%BA%E9%87%91%E5%AF%A8%E8%B7%AF1%E5%8F%B7%EF%BC%88%E9%87%91%E5%AF%A8%E8%B7%AF%E4%B8%8E%E6%9C%9B%E6%B1%9F%E8%A5%BF%E8%B7%AF%E4%BA%A4%E5%8F%89%E5%8F%A3%EF%BC%89'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20string%22%3E'%E5%BA%90%E9%98%B3%E5%8C%BA%E5%87%A4%E5%8F%B0%E8%B7%AF209%E5%8F%B7%EF%BC%88%E5%87%A4%E5%8F%B0%E8%B7%AF%E4%B8%8E%E8%92%99%E5%9F%8E%E5%8C%97%E8%B7%AF%E4%BA%A4%E5%8F%89%E5%8F%A3%EF%BC%89'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20string%22%3E'%E8%9C%80%E5%B1%B1%E5%8C%BA%E9%87%91%E5%AF%A8%E8%B7%AF217%E5%8F%B7(%E8%BF%91%E5%AE%89%E5%8C%BB%E9%99%84%E9%99%A2%E5%85%AC%E4%BA%A4%E8%BD%A6%E7%AB%99)'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20string%22%3E'%E8%9C%80%E5%B1%B1%E5%8C%BA%E6%A2%85%E5%B1%B1%E8%B7%AF10%E5%8F%B7(%E8%BF%91%E5%AE%89%E5%BE%BD%E9%A5%AD%E5%BA%97)%20'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20string%22%3E'%E8%9C%80%E5%B1%B1%E5%8C%BA%20%E9%95%BF%E4%B8%B0%E5%8D%97%E8%B7%AF159%E5%8F%B7%E9%93%9C%E9%94%A3%E6%B9%BE%E5%B9%BF%E5%9C%BA312%E5%AE%A4'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20string%22%3E'%E5%90%88%E8%82%A5%E5%B8%82%E5%AF%BF%E6%98%A5%E8%B7%AF93%E5%8F%B7%E9%92%B1%E6%9F%9C%E6%98%9F%E4%B9%90%E7%94%BAKTV%EF%BC%88%E9%80%8D%E9%81%A5%E6%B4%A5%E5%85%AC%E5%9B%AD%E5%AF%B9%E9%9D%A2%EF%BC%89'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20string%22%3E'%E5%BA%90%E9%98%B3%E5%8C%BA%E9%95%BF%E6%B1%9F%E4%B8%AD%E8%B7%AF177%E5%8F%B7'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20get%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Epoint%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20points%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20isLoading%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20isEmpty%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20useAddressGeocoder%3Cspan%20class%3D%22token%20operator%22%3E%26lt%3B%3C%2Fspan%3EPoint%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Efunction%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3EhandleInitd%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20function%22%3Eget%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3EaddressList%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'%E5%90%88%E8%82%A5%E5%B8%82'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Escript%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Estyle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20style%22%3E%3Cspan%20class%3D%22token%20language-css%22%3E%0A%20%20%3Cspan%20class%3D%22token%20selector%22%3E.address-list%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Ecolor%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%20%23333%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Ebackground-color%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%20%23fff%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Efont-size%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%2010px%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Epadding%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%2010px%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Eborder-radius%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%208px%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Ebox-shadow%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3Ergb%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E0%200%200%20%2F%2015%25%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%201px%202px%201px%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20selector%22%3E.address-list%20ul%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Emargin%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%200%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Epadding%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%200%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20selector%22%3E.address-list%20li%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Elist-style%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%20none%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Eborder-bottom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%201px%20solid%20%23f1f1f1%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Estyle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3C%2Fcode%3E%3C%2Fpre%3E",path:"hooks/useAddressGeocoder/batch","raw-source":"%3Ctemplate%3E%0A%20%20%3Cdiv%3E%0A%20%20%20%20%3CBMap%20v-bind%3D%22%24attrs%22%20%3Azoom%3D%2213%22%20center%3D%22%E5%90%88%E8%82%A5%E5%B8%82%22%20%40initd%3D%22handleInitd%22%3E%0A%20%20%20%20%20%20%3CBControl%20class%3D%22address-list%22%20%3Aoffset%3D%22%7B%20x%3A%2010%2C%20y%3A%2010%20%7D%22%3E%0A%20%20%20%20%20%20%20%20%3Cul%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cli%20v-for%3D%22item%20in%20addressList%22%20%3Akey%3D%22item%22%3E%7B%7B%20item%20%7D%7D%3C%2Fli%3E%0A%20%20%20%20%20%20%20%20%3C%2Ful%3E%0A%20%20%20%20%20%20%3C%2FBControl%3E%0A%20%20%20%20%20%20%3Ctemplate%20v-if%3D%22!isLoading%20%26%26%20!isEmpty%22%3E%0A%20%20%20%20%20%20%20%20%3Ctemplate%20v-for%3D%22(item%2C%20index)%20in%20points%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3CBMarker%20%3Aposition%3D%22item%22%3E%3C%2FBMarker%3E%0A%20%20%20%20%20%20%20%20%20%20%3CBLabel%20style%3D%22color%3A%20%23333%3B%20font-size%3A%209px%22%20%3Aposition%3D%22item%22%20%3Acontent%3D%22addressList%5Bindex%5D%22%3E%3C%2FBLabel%3E%0A%20%20%20%20%20%20%20%20%3C%2Ftemplate%3E%0A%20%20%20%20%20%20%3C%2Ftemplate%3E%0A%20%20%20%20%3C%2FBMap%3E%0A%20%20%3C%2Fdiv%3E%0A%3C%2Ftemplate%3E%0A%3Cscript%20lang%3D%22ts%22%20setup%3E%0A%20%20import%20%7B%20useAddressGeocoder%2C%20Point%20%7D%20from%20'vue3-baidu-map-gl'%0A%20%20const%20addressList%20%3D%20%5B%0A%20%20%20%20'%E5%8C%85%E6%B2%B3%E5%8C%BA%E9%87%91%E5%AF%A8%E8%B7%AF1%E5%8F%B7%EF%BC%88%E9%87%91%E5%AF%A8%E8%B7%AF%E4%B8%8E%E6%9C%9B%E6%B1%9F%E8%A5%BF%E8%B7%AF%E4%BA%A4%E5%8F%89%E5%8F%A3%EF%BC%89'%2C%0A%20%20%20%20'%E5%BA%90%E9%98%B3%E5%8C%BA%E5%87%A4%E5%8F%B0%E8%B7%AF209%E5%8F%B7%EF%BC%88%E5%87%A4%E5%8F%B0%E8%B7%AF%E4%B8%8E%E8%92%99%E5%9F%8E%E5%8C%97%E8%B7%AF%E4%BA%A4%E5%8F%89%E5%8F%A3%EF%BC%89'%2C%0A%20%20%20%20'%E8%9C%80%E5%B1%B1%E5%8C%BA%E9%87%91%E5%AF%A8%E8%B7%AF217%E5%8F%B7(%E8%BF%91%E5%AE%89%E5%8C%BB%E9%99%84%E9%99%A2%E5%85%AC%E4%BA%A4%E8%BD%A6%E7%AB%99)'%2C%0A%20%20%20%20'%E8%9C%80%E5%B1%B1%E5%8C%BA%E6%A2%85%E5%B1%B1%E8%B7%AF10%E5%8F%B7(%E8%BF%91%E5%AE%89%E5%BE%BD%E9%A5%AD%E5%BA%97)%20'%2C%0A%20%20%20%20'%E8%9C%80%E5%B1%B1%E5%8C%BA%20%E9%95%BF%E4%B8%B0%E5%8D%97%E8%B7%AF159%E5%8F%B7%E9%93%9C%E9%94%A3%E6%B9%BE%E5%B9%BF%E5%9C%BA312%E5%AE%A4'%2C%0A%20%20%20%20'%E5%90%88%E8%82%A5%E5%B8%82%E5%AF%BF%E6%98%A5%E8%B7%AF93%E5%8F%B7%E9%92%B1%E6%9F%9C%E6%98%9F%E4%B9%90%E7%94%BAKTV%EF%BC%88%E9%80%8D%E9%81%A5%E6%B4%A5%E5%85%AC%E5%9B%AD%E5%AF%B9%E9%9D%A2%EF%BC%89'%2C%0A%20%20%20%20'%E5%BA%90%E9%98%B3%E5%8C%BA%E9%95%BF%E6%B1%9F%E4%B8%AD%E8%B7%AF177%E5%8F%B7'%2C%0A%20%20%20%20%0A%20%20%5D%0A%20%20const%20%7B%20get%2C%20point%3A%20points%2C%20isLoading%2C%20isEmpty%20%7D%20%3D%20useAddressGeocoder%3CPoint%5B%5D%3E()%0A%0A%20%20function%20handleInitd()%20%7B%0A%20%20%20%20get(addressList%2C%20'%E5%90%88%E8%82%A5%E5%B8%82')%0A%20%20%7D%0A%3C%2Fscript%3E%0A%3Cstyle%3E%0A%20%20.address-list%20%7B%0A%20%20%20%20color%3A%20%23333%3B%0A%20%20%20%20background-color%3A%20%23fff%3B%0A%20%20%20%20font-size%3A%2010px%3B%0A%20%20%20%20padding%3A%2010px%3B%0A%20%20%20%20border-radius%3A%208px%3B%0A%20%20%20%20box-shadow%3A%20rgb(0%200%200%20%2F%2015%25)%201px%202px%201px%3B%0A%20%20%7D%0A%20%20.address-list%20ul%20%7B%0A%20%20%20%20margin%3A%200%3B%0A%20%20%20%20padding%3A%200%3B%0A%20%20%7D%0A%20%20.address-list%20li%20%7B%0A%20%20%20%20list-style%3A%20none%3B%0A%20%20%20%20border-bottom%3A%201px%20solid%20%23f1f1f1%3B%0A%20%20%7D%0A%3C%2Fstyle%3E%0A",description:""},{default:e(()=>[d]),_:1}),A])}const x=C(c,[["render",h]]);export{_ as __pageData,x as default}; diff --git a/assets/zh-CN_hooks_useAreaBoundary.md.oyoylJmf.js b/assets/zh-CN_hooks_useAreaBoundary.md.oyoylJmf.js new file mode 100644 index 00000000..dfb14dac --- /dev/null +++ b/assets/zh-CN_hooks_useAreaBoundary.md.oyoylJmf.js @@ -0,0 +1,33 @@ +import{_ as n,D as t,c as p,I as i,w as e,R as s,o as E,k as l}from"./chunks/framework.aeLSa5ZG.js";const B=JSON.parse('{"title":"useAreaBoundary","description":"","frontmatter":{},"headers":[],"relativePath":"zh-CN/hooks/useAreaBoundary.md","filePath":"zh-CN/hooks/useAreaBoundary.md","lastUpdated":1710870588000}'),o={name:"zh-CN/hooks/useAreaBoundary.md"},k=s('

useAreaBoundary ​

通过该 hooks 可获取行政区域的边界。

ts
import { useAreaBoundary } from 'vue3-baidu-map-gl'

示例 ​

',4),C=l("p",null,"overlay/polygon/boundaries",-1),c=s(`

用法 ​

ts
const { isLoading, boundaries, get } = useAreaBoundary(cal)

TIP

该 hooks 依赖于 BMapGL ，所以需要在 Map 组件初始化完毕调用 get 方法后数据才可用

参数 ​

参数描述类型默认值
cal获取行政区域成功后的回调函数(boundaries: string[]) => void-

返回值 ​

返回值描述类型
isLoading是否加载中boolean
boundaries区域边界数据，默认为空数组，get方法调用后才可用Ref<string[]>
get获取指定区域边界方法({string}) => void

代码示例 ​

html
<Map @initd="handleInitd"></Map>
+
+<script setup lang="ts">
+  import { useAreaBoundary } from 'vue3-baidu-map-gl'
+
+  const { isLoading, boundaries, get } = useAreaBoundary()
+
+  function handleInitd() {
+    get('北京市')
+  }
+</script>

TS 类型定义参考 ​

ts
import { Ref } from 'vue'
+export declare type AreaBoundary = string[]
+/**
+ * 获取地图区域边界
+ * @param cal 获取成功后的回调函数
+ * @returns { isLoading, boundaries, get }
+ */
+export declare function useAreaBoundary(cal?: (boundaries: Ref<AreaBoundary>) => void): {
+  /**
+   * 是否加载中
+   */
+  isLoading: Ref<boolean>
+  /**
+   * 区域边界数据
+   */
+  boundaries: Ref<string[]>
+  /**
+   * 获取指定区域边界
+   * @param {string} area 区域名
+   * @example get('北京市')
+   */
+  get: (area: string) => void
+}
`,11);function h(r,u,D,F,d,A){const a=t("Demo");return E(),p("div",null,[k,i(a,{source:"%3Cpre%20v-pre%3E%3Ccode%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMap%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3AminZoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E3%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Azoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ezoom%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3EenableScrollWheelZoom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40initd%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EhandleInitd%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBControl%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20special-attr%22%3E%3Cspan%20class%3D%22token%20attr-name%22%3Estyle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20border-radius%3A%204px%3B%0A%20%20%20%20%20%20%20%20box-shadow%3A%200%202px%206px%200%20rgba(27%2C%20142%2C%20236%2C%200.5)%3B%0A%20%20%20%20%20%20%20%20color%3A%20%23666%3B%0A%20%20%20%20%20%20%20%20background%3A%20%23fff%3B%0A%20%20%20%20%20%20%20%20padding%3A%2010px%3B%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aoffset%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%7B%20x%3A%2015%2C%20y%3A%2015%20%7D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Espan%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E5%9C%B0%E5%8C%BA%EF%BC%9A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Espan%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Eselect%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-model%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Earea%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Eoption%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Evalue%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%E5%8C%97%E4%BA%AC%E5%B8%82%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E5%8C%97%E4%BA%AC%E5%B8%82%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Eoption%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Eoption%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Evalue%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%E9%A1%BA%E4%B9%89%E5%8C%BA%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E5%8C%97%E4%BA%AC%E5%B8%82%E9%A1%BA%E4%B9%89%E5%8C%BA%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Eoption%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Eoption%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Evalue%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%E5%9B%9B%E5%B7%9D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E5%9B%9B%E5%B7%9D%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Eoption%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Eoption%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Evalue%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%E6%88%90%E9%83%BD%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E6%88%90%E9%83%BD%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Eoption%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Eselect%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBControl%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBPolygon%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Akey%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Earea%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3EisBoundary%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Apath%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EpathPoints%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Estroke-color%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%23000%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3EfillColor%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Eblue%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Astroke-weight%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E1%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBMap%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Escript%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Esetup%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Elang%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ets%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20script%22%3E%3Cspan%20class%3D%22token%20language-javascript%22%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Eimport%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20ref%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20watch%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Efrom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'vue'%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Eimport%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20useAreaBoundary%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Efrom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'vue3-baidu-map-gl'%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20zoom%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20ref%3Cspan%20class%3D%22token%20operator%22%3E%26lt%3B%3C%2Fspan%3Enumber%3Cspan%20class%3D%22token%20operator%22%3E%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E11%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20area%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20ref%3Cspan%20class%3D%22token%20operator%22%3E%26lt%3B%3C%2Fspan%3Estring%3Cspan%20class%3D%22token%20operator%22%3E%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20string%22%3E'%E9%A1%BA%E4%B9%89%E5%8C%BA'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20areaZoomMap%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3E%E5%8C%97%E4%BA%AC%E5%B8%82%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E9%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3E%E9%A1%BA%E4%B9%89%E5%8C%BA%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E11%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3E%E5%9B%9B%E5%B7%9D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E7%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3E%E6%88%90%E9%83%BD%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E9%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Eboundaries%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20pathPoints%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20get%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3EuseAreaBoundary%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20zoom%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20areaZoomMap%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3Earea%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Efunction%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3EhandleInitd%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20function%22%3Eget%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3Earea%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20function%22%3Ewatch%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3E%3C%2Fspan%3E%20area%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20get%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Escript%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3C%2Fcode%3E%3C%2Fpre%3E",path:"overlay/polygon/boundaries","raw-source":"%3Ctemplate%3E%0A%20%20%3CBMap%20v-bind%3D%22%24attrs%22%20%3AminZoom%3D%223%22%20%3Azoom%3D%22zoom%22%20enableScrollWheelZoom%20%40initd%3D%22handleInitd%22%3E%0A%20%20%20%20%3CBControl%0A%20%20%20%20%20%20style%3D%22%0A%20%20%20%20%20%20%20%20border-radius%3A%204px%3B%0A%20%20%20%20%20%20%20%20box-shadow%3A%200%202px%206px%200%20rgba(27%2C%20142%2C%20236%2C%200.5)%3B%0A%20%20%20%20%20%20%20%20color%3A%20%23666%3B%0A%20%20%20%20%20%20%20%20background%3A%20%23fff%3B%0A%20%20%20%20%20%20%20%20padding%3A%2010px%3B%0A%20%20%20%20%20%20%22%0A%20%20%20%20%20%20%3Aoffset%3D%22%7B%20x%3A%2015%2C%20y%3A%2015%20%7D%22%0A%20%20%20%20%3E%0A%20%20%20%20%20%20%3Cspan%3E%E5%9C%B0%E5%8C%BA%EF%BC%9A%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cselect%20class%3D%22mySelect%20light%20no-m-b%20no-m-t%22%20v-model%3D%22area%22%3E%0A%20%20%20%20%20%20%20%20%3Coption%20value%3D%22%E5%8C%97%E4%BA%AC%E5%B8%82%22%3E%E5%8C%97%E4%BA%AC%E5%B8%82%3C%2Foption%3E%0A%20%20%20%20%20%20%20%20%3Coption%20value%3D%22%E9%A1%BA%E4%B9%89%E5%8C%BA%22%3E%E5%8C%97%E4%BA%AC%E5%B8%82%E9%A1%BA%E4%B9%89%E5%8C%BA%3C%2Foption%3E%0A%20%20%20%20%20%20%20%20%3Coption%20value%3D%22%E5%9B%9B%E5%B7%9D%22%3E%E5%9B%9B%E5%B7%9D%3C%2Foption%3E%0A%20%20%20%20%20%20%20%20%3Coption%20value%3D%22%E6%88%90%E9%83%BD%22%3E%E6%88%90%E9%83%BD%3C%2Foption%3E%0A%20%20%20%20%20%20%3C%2Fselect%3E%0A%20%20%20%20%3C%2FBControl%3E%0A%20%20%20%20%3CBPolygon%20%3Akey%3D%22area%22%20isBoundary%20%3Apath%3D%22pathPoints%22%20stroke-color%3D%22%23000%22%20fillColor%3D%22blue%22%20%3Astroke-weight%3D%221%22%20%2F%3E%0A%20%20%3C%2FBMap%3E%0A%3C%2Ftemplate%3E%0A%0A%3Cscript%20setup%20lang%3D%22ts%22%3E%0A%20%20import%20%7B%20ref%2C%20watch%20%7D%20from%20'vue'%0A%20%20import%20%7B%20useAreaBoundary%20%7D%20from%20'vue3-baidu-map-gl'%0A%20%20const%20zoom%20%3D%20ref%3Cnumber%3E(11)%0A%20%20const%20area%20%3D%20ref%3Cstring%3E('%E9%A1%BA%E4%B9%89%E5%8C%BA')%0A%20%20const%20areaZoomMap%20%3D%20%7B%0A%20%20%20%20%E5%8C%97%E4%BA%AC%E5%B8%82%3A%209%2C%0A%20%20%20%20%E9%A1%BA%E4%B9%89%E5%8C%BA%3A%2011%2C%0A%20%20%20%20%E5%9B%9B%E5%B7%9D%3A%207%2C%0A%20%20%20%20%E6%88%90%E9%83%BD%3A%209%0A%20%20%7D%0A%0A%20%20const%20%7B%20boundaries%3A%20pathPoints%2C%20get%20%7D%20%3D%20useAreaBoundary(()%20%3D%3E%20%7B%0A%20%20%20%20zoom.value%20%3D%20areaZoomMap%5Barea.value%5D%0A%20%20%7D)%0A%0A%20%20function%20handleInitd()%20%7B%0A%20%20%20%20get(area.value)%0A%20%20%7D%0A%20%20watch(()%20%3D%3E%20area.value%2C%20get)%0A%3C%2Fscript%3E%0A",description:"%3Cp%3E%E7%BB%93%E5%90%88%20%3Ca%20href%3D%22..%2Fcomponents%2Foverlay%2Fpolygon%22%3E%3Ccode%3EPolygon%3C%2Fcode%3E%3C%2Fa%3E%20%E7%BB%84%E4%BB%B6%2C%20%E5%B9%B6%E9%80%9A%E8%BF%87%E6%8C%87%E5%AE%9A%20%3Ccode%3Eprops.isBoundary%3C%2Fcode%3E%20%E4%B8%BA%20%3Ccode%3Etrue%3C%2Fcode%3E%20%E5%AE%9E%E7%8E%B0%E8%A1%8C%E6%94%BF%E5%8C%BA%E5%9F%9F%E6%98%BE%E7%A4%BA%E6%95%88%E6%9E%9C%3C%2Fp%3E%0A"},{default:e(()=>[C]),_:1}),c])}const y=n(o,[["render",h]]);export{B as __pageData,y as default}; diff --git a/assets/zh-CN_hooks_useAreaBoundary.md.oyoylJmf.lean.js b/assets/zh-CN_hooks_useAreaBoundary.md.oyoylJmf.lean.js new file mode 100644 index 00000000..d49314ee --- /dev/null +++ b/assets/zh-CN_hooks_useAreaBoundary.md.oyoylJmf.lean.js @@ -0,0 +1 @@ +import{_ as n,D as t,c as p,I as i,w as e,R as s,o as E,k as l}from"./chunks/framework.aeLSa5ZG.js";const B=JSON.parse('{"title":"useAreaBoundary","description":"","frontmatter":{},"headers":[],"relativePath":"zh-CN/hooks/useAreaBoundary.md","filePath":"zh-CN/hooks/useAreaBoundary.md","lastUpdated":1710870588000}'),o={name:"zh-CN/hooks/useAreaBoundary.md"},k=s("",4),C=l("p",null,"overlay/polygon/boundaries",-1),c=s("",11);function h(r,u,D,F,d,A){const a=t("Demo");return E(),p("div",null,[k,i(a,{source:"%3Cpre%20v-pre%3E%3Ccode%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMap%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3AminZoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E3%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Azoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ezoom%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3EenableScrollWheelZoom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40initd%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EhandleInitd%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBControl%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20special-attr%22%3E%3Cspan%20class%3D%22token%20attr-name%22%3Estyle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20border-radius%3A%204px%3B%0A%20%20%20%20%20%20%20%20box-shadow%3A%200%202px%206px%200%20rgba(27%2C%20142%2C%20236%2C%200.5)%3B%0A%20%20%20%20%20%20%20%20color%3A%20%23666%3B%0A%20%20%20%20%20%20%20%20background%3A%20%23fff%3B%0A%20%20%20%20%20%20%20%20padding%3A%2010px%3B%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aoffset%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%7B%20x%3A%2015%2C%20y%3A%2015%20%7D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Espan%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E5%9C%B0%E5%8C%BA%EF%BC%9A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Espan%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Eselect%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-model%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Earea%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Eoption%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Evalue%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%E5%8C%97%E4%BA%AC%E5%B8%82%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E5%8C%97%E4%BA%AC%E5%B8%82%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Eoption%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Eoption%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Evalue%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%E9%A1%BA%E4%B9%89%E5%8C%BA%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E5%8C%97%E4%BA%AC%E5%B8%82%E9%A1%BA%E4%B9%89%E5%8C%BA%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Eoption%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Eoption%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Evalue%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%E5%9B%9B%E5%B7%9D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E5%9B%9B%E5%B7%9D%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Eoption%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Eoption%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Evalue%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%E6%88%90%E9%83%BD%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E6%88%90%E9%83%BD%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Eoption%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Eselect%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBControl%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBPolygon%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Akey%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Earea%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3EisBoundary%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Apath%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EpathPoints%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Estroke-color%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%23000%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3EfillColor%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Eblue%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Astroke-weight%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E1%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBMap%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Escript%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Esetup%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Elang%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ets%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20script%22%3E%3Cspan%20class%3D%22token%20language-javascript%22%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Eimport%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20ref%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20watch%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Efrom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'vue'%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Eimport%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20useAreaBoundary%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Efrom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'vue3-baidu-map-gl'%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20zoom%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20ref%3Cspan%20class%3D%22token%20operator%22%3E%26lt%3B%3C%2Fspan%3Enumber%3Cspan%20class%3D%22token%20operator%22%3E%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E11%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20area%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20ref%3Cspan%20class%3D%22token%20operator%22%3E%26lt%3B%3C%2Fspan%3Estring%3Cspan%20class%3D%22token%20operator%22%3E%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20string%22%3E'%E9%A1%BA%E4%B9%89%E5%8C%BA'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20areaZoomMap%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3E%E5%8C%97%E4%BA%AC%E5%B8%82%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E9%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3E%E9%A1%BA%E4%B9%89%E5%8C%BA%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E11%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3E%E5%9B%9B%E5%B7%9D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E7%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3E%E6%88%90%E9%83%BD%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E9%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Eboundaries%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20pathPoints%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20get%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3EuseAreaBoundary%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20zoom%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20areaZoomMap%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3Earea%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Efunction%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3EhandleInitd%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20function%22%3Eget%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3Earea%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20function%22%3Ewatch%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3E%3C%2Fspan%3E%20area%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20get%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Escript%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3C%2Fcode%3E%3C%2Fpre%3E",path:"overlay/polygon/boundaries","raw-source":"%3Ctemplate%3E%0A%20%20%3CBMap%20v-bind%3D%22%24attrs%22%20%3AminZoom%3D%223%22%20%3Azoom%3D%22zoom%22%20enableScrollWheelZoom%20%40initd%3D%22handleInitd%22%3E%0A%20%20%20%20%3CBControl%0A%20%20%20%20%20%20style%3D%22%0A%20%20%20%20%20%20%20%20border-radius%3A%204px%3B%0A%20%20%20%20%20%20%20%20box-shadow%3A%200%202px%206px%200%20rgba(27%2C%20142%2C%20236%2C%200.5)%3B%0A%20%20%20%20%20%20%20%20color%3A%20%23666%3B%0A%20%20%20%20%20%20%20%20background%3A%20%23fff%3B%0A%20%20%20%20%20%20%20%20padding%3A%2010px%3B%0A%20%20%20%20%20%20%22%0A%20%20%20%20%20%20%3Aoffset%3D%22%7B%20x%3A%2015%2C%20y%3A%2015%20%7D%22%0A%20%20%20%20%3E%0A%20%20%20%20%20%20%3Cspan%3E%E5%9C%B0%E5%8C%BA%EF%BC%9A%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cselect%20class%3D%22mySelect%20light%20no-m-b%20no-m-t%22%20v-model%3D%22area%22%3E%0A%20%20%20%20%20%20%20%20%3Coption%20value%3D%22%E5%8C%97%E4%BA%AC%E5%B8%82%22%3E%E5%8C%97%E4%BA%AC%E5%B8%82%3C%2Foption%3E%0A%20%20%20%20%20%20%20%20%3Coption%20value%3D%22%E9%A1%BA%E4%B9%89%E5%8C%BA%22%3E%E5%8C%97%E4%BA%AC%E5%B8%82%E9%A1%BA%E4%B9%89%E5%8C%BA%3C%2Foption%3E%0A%20%20%20%20%20%20%20%20%3Coption%20value%3D%22%E5%9B%9B%E5%B7%9D%22%3E%E5%9B%9B%E5%B7%9D%3C%2Foption%3E%0A%20%20%20%20%20%20%20%20%3Coption%20value%3D%22%E6%88%90%E9%83%BD%22%3E%E6%88%90%E9%83%BD%3C%2Foption%3E%0A%20%20%20%20%20%20%3C%2Fselect%3E%0A%20%20%20%20%3C%2FBControl%3E%0A%20%20%20%20%3CBPolygon%20%3Akey%3D%22area%22%20isBoundary%20%3Apath%3D%22pathPoints%22%20stroke-color%3D%22%23000%22%20fillColor%3D%22blue%22%20%3Astroke-weight%3D%221%22%20%2F%3E%0A%20%20%3C%2FBMap%3E%0A%3C%2Ftemplate%3E%0A%0A%3Cscript%20setup%20lang%3D%22ts%22%3E%0A%20%20import%20%7B%20ref%2C%20watch%20%7D%20from%20'vue'%0A%20%20import%20%7B%20useAreaBoundary%20%7D%20from%20'vue3-baidu-map-gl'%0A%20%20const%20zoom%20%3D%20ref%3Cnumber%3E(11)%0A%20%20const%20area%20%3D%20ref%3Cstring%3E('%E9%A1%BA%E4%B9%89%E5%8C%BA')%0A%20%20const%20areaZoomMap%20%3D%20%7B%0A%20%20%20%20%E5%8C%97%E4%BA%AC%E5%B8%82%3A%209%2C%0A%20%20%20%20%E9%A1%BA%E4%B9%89%E5%8C%BA%3A%2011%2C%0A%20%20%20%20%E5%9B%9B%E5%B7%9D%3A%207%2C%0A%20%20%20%20%E6%88%90%E9%83%BD%3A%209%0A%20%20%7D%0A%0A%20%20const%20%7B%20boundaries%3A%20pathPoints%2C%20get%20%7D%20%3D%20useAreaBoundary(()%20%3D%3E%20%7B%0A%20%20%20%20zoom.value%20%3D%20areaZoomMap%5Barea.value%5D%0A%20%20%7D)%0A%0A%20%20function%20handleInitd()%20%7B%0A%20%20%20%20get(area.value)%0A%20%20%7D%0A%20%20watch(()%20%3D%3E%20area.value%2C%20get)%0A%3C%2Fscript%3E%0A",description:"%3Cp%3E%E7%BB%93%E5%90%88%20%3Ca%20href%3D%22..%2Fcomponents%2Foverlay%2Fpolygon%22%3E%3Ccode%3EPolygon%3C%2Fcode%3E%3C%2Fa%3E%20%E7%BB%84%E4%BB%B6%2C%20%E5%B9%B6%E9%80%9A%E8%BF%87%E6%8C%87%E5%AE%9A%20%3Ccode%3Eprops.isBoundary%3C%2Fcode%3E%20%E4%B8%BA%20%3Ccode%3Etrue%3C%2Fcode%3E%20%E5%AE%9E%E7%8E%B0%E8%A1%8C%E6%94%BF%E5%8C%BA%E5%9F%9F%E6%98%BE%E7%A4%BA%E6%95%88%E6%9E%9C%3C%2Fp%3E%0A"},{default:e(()=>[C]),_:1}),c])}const y=n(o,[["render",h]]);export{B as __pageData,y as default}; diff --git a/assets/zh-CN_hooks_useBrowserLocation.md.qO0MDNRO.js b/assets/zh-CN_hooks_useBrowserLocation.md.qO0MDNRO.js new file mode 100644 index 00000000..5628256a --- /dev/null +++ b/assets/zh-CN_hooks_useBrowserLocation.md.qO0MDNRO.js @@ -0,0 +1,53 @@ +import{_ as l,D as a,c as o,k as s,a as n,I as t,w as E,R as i,o as k}from"./chunks/framework.aeLSa5ZG.js";const v=JSON.parse('{"title":"useBrowserLocation","description":"","frontmatter":{},"headers":[],"relativePath":"zh-CN/hooks/useBrowserLocation.md","filePath":"zh-CN/hooks/useBrowserLocation.md","lastUpdated":1710870588000}'),c={name:"zh-CN/hooks/useBrowserLocation.md"},C={id:"usebrowserlocation",tabindex:"-1"},h=s("a",{class:"header-anchor",href:"#usebrowserlocation","aria-label":'Permalink to "useBrowserLocation "'},"​",-1),r=i('

用于获取用户所在的城市位置信息(根据浏览器原生定位或者结合安卓定位 SDK 辅助定位)，相比Ip 定位获取的信息更丰富，但稳定性并不高，有时候很精准，有时候飘半个中国。

ts
import { useBrowserLocation } from 'vue3-baidu-map-gl'

注意

  1. 由于 Chrome、iOS10 以上系统等已不再支持非安全域的浏览器定位请求，为保证定位成功率和精度，请尽快升级您的站点到 HTTPS。
  2. iOS15 系统浏览器默认关闭位置请求，需要用户设置手机为允许/询问后方可获取精确的定位,定位权限的开启方式请参见 iOS15 定位问题。
  3. 由于浏览器原生定位成功率并不高，可以尝试 Ip 定位 和 安卓 SDK 定位 进行辅助，如果定位精准在城市级别，可联系百度地图提供 ak 以提高定位精准度。

示例 ​

',4),d=s("p",null,"hooks/useBrowserLocation",-1),F=i(`

用法 ​

ts
const { get, location, isLoading, isError, status } = useBrowserLocation(options, cal)

TIP

该 hooks 依赖于 BMapGL ，所以需要在 Map 组件初始化完毕调用 get 方法后数据才可用

参数 ​

参数描述类型默认值
options浏览器定位配置项UseBrowserLocationOptions-
cal定位成功后的回调函数(location: Ref<Location>) => void-

UseBrowserLocationOptions ​

属性描述类型默认值
enableSDKLocation是否启用安卓定位 SDK 辅助定位，适用于安卓 WebView 页面，详见booleanfalse
enableHighAccuracy是否要求浏览器获取最佳效果，同浏览器定位接口参数booleanfalse
timeout超时时间number10000
maximumAge允许返回指定事件内的缓存结果，单位为毫秒。如果为0，则每次请求都获取最新的定位结果。默认为10分钟number600,000

返回值 ​

返回值描述类型
isLoading是否在获取中boolean
location定位信息Location
get获取定位方法，需要在Map组件initd事件触发后才可调用() => void
isError是否定位出错boolean
status定位状态Status

Location ​

属性描述类型
accuracy定位精度number
point经纬度点{ lng: number lat: number }
address定位地址Address

Status ​

status描述
BMAP_STATUS_SUCCESS定位成功
ERR_POSITION_TIMEOUT定位超时
ERR_POSITION_UNAVAILABLE定位不可用
ERR_PERMISSION_DENIED没有权限，定位被拒绝

Address ​

属性描述类型
country国家string
city城市string
city_code城市 codestring
district行政区string
province省份string
street街道string
street_number城市 codestring

TS 类型定义参考 ​

ts
import { Ref } from 'vue'
+import { type Point } from 'vue3-baidu-map-gl'
+
+interface UseBrowserLocationOptions {
+  /**
+   * 是否开启SDK辅助定位，仅当使用环境为移动web混合开发，且开启了定位sdk辅助定位功能后生效
+   */
+  enableSDKLocation?: boolean
+  /**
+   * 是否要求浏览器获取最佳效果，同浏览器定位接口参数。默认为false
+   */
+  enableHighAccuracy?: boolean
+  /**
+   * 超时事件，单位为毫秒。默认为10秒
+   */
+  timeout?: number
+  /**
+   * 允许返回指定事件内的缓存结果，单位为毫秒。如果为0，则每次请求都获取最新的定位结果。默认为10分钟
+   */
+  maximumAge?: number
+  /**
+   * 是否开启SDK辅助定位
+   */
+  SDKLocation?: boolean
+}
+declare type Status =
+  | 'BMAP_STATUS_SUCCESS'
+  | 'ERR_PERMISSION_DENIED'
+  | 'ERR_POSITION_UNAVAILABLE'
+  | 'ERR_POSITION_TIMEOUT'
+interface Location {
+  accuracy: number
+  point: Point
+  address: {
+    country: string
+    city: string
+    city_code: string
+    district: string
+    province: string
+    street: string
+    street_number: string
+  }
+}
+export declare function useBrowserLocation(
+  options?: UseBrowserLocationOptions,
+  cal?: (location: Ref<Location>) => void
+): {
+  get: () => void
+  isLoading: Ref<boolean>
+  isError: Ref<boolean>
+  status: Ref<Status | undefined>
+  location: Ref<Location>
+}
`,17);function u(D,g,A,B,y,m){const p=a("Badge"),e=a("Demo");return k(),o("div",null,[s("h1",C,[n("useBrowserLocation "),t(p,{type:"tip",text:"^0.0.33"}),n(),h]),r,t(e,{source:"%3Cpre%20v-pre%3E%3Ccode%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ediv%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ediv%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Eclass%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Estate%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-if%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E!isLoading%20%26amp%3B%26amp%3B%20!isError%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Eh5%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E5%AE%9A%E4%BD%8D%3A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Eh5%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Espan%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%E5%9F%8E%E5%B8%82%20-%20%7B%7B%20location.address%3F.province%20%7D%7D-%7B%7B%20location.address%3F.city%20%7D%7D-%7B%7B%20location.address%3F.district%20%7D%7D-%7B%7B%0A%20%20%20%20%20%20%20%20%20%20location.address%3F.street%0A%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Espan%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Espan%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E7%BA%AC%E5%BA%A6%20-%20%7B%7B%20location.point%3F.lat%20%7D%7D%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Espan%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Espan%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E7%BB%8F%E5%BA%A6%20-%20%7B%7B%20location.point%3F.lng%20%7D%7D%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Espan%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ebr%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Espan%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E5%AE%9A%E4%BD%8D%E7%B2%BE%E5%BA%A6%20-%20%7B%7B%20location.accuracy%20%7D%7Dm%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Espan%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ediv%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ediv%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Eclass%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Estate%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-else-if%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EisError%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E5%87%BA%E9%94%99%E4%BA%86%EF%BC%8C%7B%7B%20status%20%7D%7D%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ediv%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ediv%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Eclass%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Estate%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-else%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E5%AE%9A%E4%BD%8D%E4%B8%AD...%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ediv%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ebutton%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-if%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E!isLoading%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40click%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Eget%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E9%87%8D%E6%96%B0%E8%8E%B7%E5%8F%96%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ebutton%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMap%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3EenableScrollWheelZoom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Eref%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Emap%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40initd%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Eget%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Acenter%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Elocation.point%20%7C%7C%20undefined%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-if%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E!isLoading%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMarker%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aposition%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Elocation.point%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBMarker%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBCircle%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3EstrokeStyle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Esolid%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3EstrokeColor%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%230099ff%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3AstrokeOpacity%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E0.8%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3EfillColor%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%230099ff%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3AfillOpacity%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E0.5%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Acenter%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Elocation.point%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aradius%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Elocation.accuracy%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBMap%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ediv%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Escript%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Elang%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ets%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Esetup%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20script%22%3E%3Cspan%20class%3D%22token%20language-javascript%22%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Eimport%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20ref%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Efrom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'vue'%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Eimport%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20useBrowserLocation%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Efrom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'vue3-baidu-map-gl'%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20map%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3Eref%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20get%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20location%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20isLoading%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20isError%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20status%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3EuseBrowserLocation%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20keyword%22%3Enull%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20map%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3EresetCenter%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Escript%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Estyle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20style%22%3E%3Cspan%20class%3D%22token%20language-css%22%3E%0A%20%20%3Cspan%20class%3D%22token%20selector%22%3E.state%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Emargin-top%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%2015px%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20selector%22%3E.state%20span%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Emargin-right%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%2025px%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Estyle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3C%2Fcode%3E%3C%2Fpre%3E",path:"hooks/useBrowserLocation","raw-source":"%3Ctemplate%3E%0A%20%20%3Cdiv%3E%0A%20%20%20%20%3Cdiv%20class%3D%22state%22%20v-if%3D%22!isLoading%20%26%26%20!isError%22%3E%0A%20%20%20%20%20%20%3Ch5%3E%E5%AE%9A%E4%BD%8D%3A%3C%2Fh5%3E%0A%20%20%20%20%20%20%3Cspan%3E%0A%20%20%20%20%20%20%20%20%E5%9F%8E%E5%B8%82%20-%20%7B%7B%20location.address%3F.province%20%7D%7D-%7B%7B%20location.address%3F.city%20%7D%7D-%7B%7B%20location.address%3F.district%20%7D%7D-%7B%7B%0A%20%20%20%20%20%20%20%20%20%20location.address%3F.street%0A%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%3E%E7%BA%AC%E5%BA%A6%20-%20%7B%7B%20location.point%3F.lat%20%7D%7D%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%3E%E7%BB%8F%E5%BA%A6%20-%20%7B%7B%20location.point%3F.lng%20%7D%7D%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cbr%20%2F%3E%0A%20%20%20%20%20%20%3Cspan%3E%E5%AE%9A%E4%BD%8D%E7%B2%BE%E5%BA%A6%20-%20%7B%7B%20location.accuracy%20%7D%7Dm%3C%2Fspan%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3Cdiv%20class%3D%22state%22%20v-else-if%3D%22isError%22%3E%E5%87%BA%E9%94%99%E4%BA%86%EF%BC%8C%7B%7B%20status%20%7D%7D%3C%2Fdiv%3E%0A%20%20%20%20%3Cdiv%20class%3D%22state%22%20v-else%3E%E5%AE%9A%E4%BD%8D%E4%B8%AD...%3C%2Fdiv%3E%0A%20%20%20%20%3Cbutton%20v-if%3D%22!isLoading%22%20class%3D%22myButton%22%20%40click%3D%22get%22%3E%E9%87%8D%E6%96%B0%E8%8E%B7%E5%8F%96%3C%2Fbutton%3E%0A%20%20%20%20%3CBMap%20v-bind%3D%22%24attrs%22%20enableScrollWheelZoom%20ref%3D%22map%22%20%40initd%3D%22get%22%20%3Acenter%3D%22location.point%20%7C%7C%20undefined%22%3E%0A%20%20%20%20%20%20%3Ctemplate%20v-if%3D%22!isLoading%22%3E%0A%20%20%20%20%20%20%20%20%3CBMarker%20%3Aposition%3D%22location.point%22%3E%3C%2FBMarker%3E%0A%20%20%20%20%20%20%20%20%3CBCircle%0A%20%20%20%20%20%20%20%20%20%20strokeStyle%3D%22solid%22%0A%20%20%20%20%20%20%20%20%20%20strokeColor%3D%22%230099ff%22%0A%20%20%20%20%20%20%20%20%20%20%3AstrokeOpacity%3D%220.8%22%0A%20%20%20%20%20%20%20%20%20%20fillColor%3D%22%230099ff%22%0A%20%20%20%20%20%20%20%20%20%20%3AfillOpacity%3D%220.5%22%0A%20%20%20%20%20%20%20%20%20%20%3Acenter%3D%22location.point%22%0A%20%20%20%20%20%20%20%20%20%20%3Aradius%3D%22location.accuracy%22%0A%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%3C%2Ftemplate%3E%0A%20%20%20%20%3C%2FBMap%3E%0A%20%20%3C%2Fdiv%3E%0A%3C%2Ftemplate%3E%0A%0A%3Cscript%20lang%3D%22ts%22%20setup%3E%0A%20%20import%20%7B%20ref%20%7D%20from%20'vue'%0A%20%20import%20%7B%20useBrowserLocation%20%7D%20from%20'vue3-baidu-map-gl'%0A%20%20const%20map%20%3D%20ref()%0A%20%20const%20%7B%20get%2C%20location%2C%20isLoading%2C%20isError%2C%20status%20%7D%20%3D%20useBrowserLocation(null%2C%20()%20%3D%3E%20%7B%0A%20%20%20%20map.value.resetCenter()%0A%20%20%7D)%0A%3C%2Fscript%3E%0A%0A%3Cstyle%3E%0A%20%20.state%20%7B%0A%20%20%20%20margin-top%3A%2015px%3B%0A%20%20%7D%0A%20%20.state%20span%20%7B%0A%20%20%20%20margin-right%3A%2025px%3B%0A%20%20%7D%0A%3C%2Fstyle%3E%0A",description:""},{default:E(()=>[d]),_:1}),F])}const f=l(c,[["render",u]]);export{v as __pageData,f as default}; diff --git a/assets/zh-CN_hooks_useBrowserLocation.md.qO0MDNRO.lean.js b/assets/zh-CN_hooks_useBrowserLocation.md.qO0MDNRO.lean.js new file mode 100644 index 00000000..4683656e --- /dev/null +++ b/assets/zh-CN_hooks_useBrowserLocation.md.qO0MDNRO.lean.js @@ -0,0 +1 @@ +import{_ as l,D as a,c as o,k as s,a as n,I as t,w as E,R as i,o as k}from"./chunks/framework.aeLSa5ZG.js";const v=JSON.parse('{"title":"useBrowserLocation","description":"","frontmatter":{},"headers":[],"relativePath":"zh-CN/hooks/useBrowserLocation.md","filePath":"zh-CN/hooks/useBrowserLocation.md","lastUpdated":1710870588000}'),c={name:"zh-CN/hooks/useBrowserLocation.md"},C={id:"usebrowserlocation",tabindex:"-1"},h=s("a",{class:"header-anchor",href:"#usebrowserlocation","aria-label":'Permalink to "useBrowserLocation "'},"​",-1),r=i("",4),d=s("p",null,"hooks/useBrowserLocation",-1),F=i("",17);function u(D,g,A,B,y,m){const p=a("Badge"),e=a("Demo");return k(),o("div",null,[s("h1",C,[n("useBrowserLocation "),t(p,{type:"tip",text:"^0.0.33"}),n(),h]),r,t(e,{source:"%3Cpre%20v-pre%3E%3Ccode%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ediv%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ediv%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Eclass%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Estate%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-if%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E!isLoading%20%26amp%3B%26amp%3B%20!isError%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Eh5%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E5%AE%9A%E4%BD%8D%3A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Eh5%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Espan%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%E5%9F%8E%E5%B8%82%20-%20%7B%7B%20location.address%3F.province%20%7D%7D-%7B%7B%20location.address%3F.city%20%7D%7D-%7B%7B%20location.address%3F.district%20%7D%7D-%7B%7B%0A%20%20%20%20%20%20%20%20%20%20location.address%3F.street%0A%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Espan%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Espan%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E7%BA%AC%E5%BA%A6%20-%20%7B%7B%20location.point%3F.lat%20%7D%7D%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Espan%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Espan%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E7%BB%8F%E5%BA%A6%20-%20%7B%7B%20location.point%3F.lng%20%7D%7D%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Espan%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ebr%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Espan%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E5%AE%9A%E4%BD%8D%E7%B2%BE%E5%BA%A6%20-%20%7B%7B%20location.accuracy%20%7D%7Dm%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Espan%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ediv%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ediv%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Eclass%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Estate%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-else-if%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EisError%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E5%87%BA%E9%94%99%E4%BA%86%EF%BC%8C%7B%7B%20status%20%7D%7D%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ediv%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ediv%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Eclass%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Estate%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-else%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E5%AE%9A%E4%BD%8D%E4%B8%AD...%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ediv%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ebutton%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-if%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E!isLoading%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40click%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Eget%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E9%87%8D%E6%96%B0%E8%8E%B7%E5%8F%96%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ebutton%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMap%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3EenableScrollWheelZoom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Eref%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Emap%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40initd%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Eget%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Acenter%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Elocation.point%20%7C%7C%20undefined%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-if%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E!isLoading%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMarker%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aposition%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Elocation.point%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBMarker%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBCircle%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3EstrokeStyle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Esolid%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3EstrokeColor%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%230099ff%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3AstrokeOpacity%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E0.8%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3EfillColor%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%230099ff%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3AfillOpacity%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E0.5%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Acenter%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Elocation.point%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aradius%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Elocation.accuracy%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBMap%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ediv%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Escript%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Elang%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ets%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Esetup%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20script%22%3E%3Cspan%20class%3D%22token%20language-javascript%22%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Eimport%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20ref%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Efrom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'vue'%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Eimport%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20useBrowserLocation%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Efrom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'vue3-baidu-map-gl'%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20map%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3Eref%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20get%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20location%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20isLoading%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20isError%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20status%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3EuseBrowserLocation%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20keyword%22%3Enull%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20map%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3EresetCenter%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Escript%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Estyle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20style%22%3E%3Cspan%20class%3D%22token%20language-css%22%3E%0A%20%20%3Cspan%20class%3D%22token%20selector%22%3E.state%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Emargin-top%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%2015px%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20selector%22%3E.state%20span%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Emargin-right%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%2025px%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Estyle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3C%2Fcode%3E%3C%2Fpre%3E",path:"hooks/useBrowserLocation","raw-source":"%3Ctemplate%3E%0A%20%20%3Cdiv%3E%0A%20%20%20%20%3Cdiv%20class%3D%22state%22%20v-if%3D%22!isLoading%20%26%26%20!isError%22%3E%0A%20%20%20%20%20%20%3Ch5%3E%E5%AE%9A%E4%BD%8D%3A%3C%2Fh5%3E%0A%20%20%20%20%20%20%3Cspan%3E%0A%20%20%20%20%20%20%20%20%E5%9F%8E%E5%B8%82%20-%20%7B%7B%20location.address%3F.province%20%7D%7D-%7B%7B%20location.address%3F.city%20%7D%7D-%7B%7B%20location.address%3F.district%20%7D%7D-%7B%7B%0A%20%20%20%20%20%20%20%20%20%20location.address%3F.street%0A%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%3E%E7%BA%AC%E5%BA%A6%20-%20%7B%7B%20location.point%3F.lat%20%7D%7D%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%3E%E7%BB%8F%E5%BA%A6%20-%20%7B%7B%20location.point%3F.lng%20%7D%7D%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cbr%20%2F%3E%0A%20%20%20%20%20%20%3Cspan%3E%E5%AE%9A%E4%BD%8D%E7%B2%BE%E5%BA%A6%20-%20%7B%7B%20location.accuracy%20%7D%7Dm%3C%2Fspan%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3Cdiv%20class%3D%22state%22%20v-else-if%3D%22isError%22%3E%E5%87%BA%E9%94%99%E4%BA%86%EF%BC%8C%7B%7B%20status%20%7D%7D%3C%2Fdiv%3E%0A%20%20%20%20%3Cdiv%20class%3D%22state%22%20v-else%3E%E5%AE%9A%E4%BD%8D%E4%B8%AD...%3C%2Fdiv%3E%0A%20%20%20%20%3Cbutton%20v-if%3D%22!isLoading%22%20class%3D%22myButton%22%20%40click%3D%22get%22%3E%E9%87%8D%E6%96%B0%E8%8E%B7%E5%8F%96%3C%2Fbutton%3E%0A%20%20%20%20%3CBMap%20v-bind%3D%22%24attrs%22%20enableScrollWheelZoom%20ref%3D%22map%22%20%40initd%3D%22get%22%20%3Acenter%3D%22location.point%20%7C%7C%20undefined%22%3E%0A%20%20%20%20%20%20%3Ctemplate%20v-if%3D%22!isLoading%22%3E%0A%20%20%20%20%20%20%20%20%3CBMarker%20%3Aposition%3D%22location.point%22%3E%3C%2FBMarker%3E%0A%20%20%20%20%20%20%20%20%3CBCircle%0A%20%20%20%20%20%20%20%20%20%20strokeStyle%3D%22solid%22%0A%20%20%20%20%20%20%20%20%20%20strokeColor%3D%22%230099ff%22%0A%20%20%20%20%20%20%20%20%20%20%3AstrokeOpacity%3D%220.8%22%0A%20%20%20%20%20%20%20%20%20%20fillColor%3D%22%230099ff%22%0A%20%20%20%20%20%20%20%20%20%20%3AfillOpacity%3D%220.5%22%0A%20%20%20%20%20%20%20%20%20%20%3Acenter%3D%22location.point%22%0A%20%20%20%20%20%20%20%20%20%20%3Aradius%3D%22location.accuracy%22%0A%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%3C%2Ftemplate%3E%0A%20%20%20%20%3C%2FBMap%3E%0A%20%20%3C%2Fdiv%3E%0A%3C%2Ftemplate%3E%0A%0A%3Cscript%20lang%3D%22ts%22%20setup%3E%0A%20%20import%20%7B%20ref%20%7D%20from%20'vue'%0A%20%20import%20%7B%20useBrowserLocation%20%7D%20from%20'vue3-baidu-map-gl'%0A%20%20const%20map%20%3D%20ref()%0A%20%20const%20%7B%20get%2C%20location%2C%20isLoading%2C%20isError%2C%20status%20%7D%20%3D%20useBrowserLocation(null%2C%20()%20%3D%3E%20%7B%0A%20%20%20%20map.value.resetCenter()%0A%20%20%7D)%0A%3C%2Fscript%3E%0A%0A%3Cstyle%3E%0A%20%20.state%20%7B%0A%20%20%20%20margin-top%3A%2015px%3B%0A%20%20%7D%0A%20%20.state%20span%20%7B%0A%20%20%20%20margin-right%3A%2025px%3B%0A%20%20%7D%0A%3C%2Fstyle%3E%0A",description:""},{default:E(()=>[d]),_:1}),F])}const f=l(c,[["render",u]]);export{v as __pageData,f as default}; diff --git a/assets/zh-CN_hooks_useDefaultMarkerIcons.md.dEfYXKrd.js b/assets/zh-CN_hooks_useDefaultMarkerIcons.md.dEfYXKrd.js new file mode 100644 index 00000000..ec576acf --- /dev/null +++ b/assets/zh-CN_hooks_useDefaultMarkerIcons.md.dEfYXKrd.js @@ -0,0 +1,40 @@ +import{_ as s,c as i,o as a,R as n}from"./chunks/framework.aeLSa5ZG.js";const o=JSON.parse('{"title":"useDefaultMarkerIcons","description":"","frontmatter":{},"headers":[],"relativePath":"zh-CN/hooks/useDefaultMarkerIcons.md","filePath":"zh-CN/hooks/useDefaultMarkerIcons.md","lastUpdated":1710870588000}'),l={name:"zh-CN/hooks/useDefaultMarkerIcons.md"},h=n(`

useDefaultMarkerIcons ​

通过该 hooks 可获取一些内置的地图图标(BMapGL.Icon)。

ts
import { useDefaultMarkerIcons } from 'vue3-baidu-map-gl'

参考: marker 图标可选值

用法 ​

ts
const icons = useDefaultMarkerIcons()

TIP

该 hooks 依赖于 BMapGL ，所以需要在 Map 组件初始化完毕调用 set 方法后数据才可用

参数 ​

无

返回值 ​

返回值描述类型
icons所有内置的 BMapGL.Icon 实例对象键值对Record<DefaultMarkerIcons, BMapGL.Icon>

代码示例 ​

vue
<template>
+  <Map @initd="handleInitd"></Map>
+</template>
+
+<script setup lang="ts">
+  import { useAreaBoundary } from 'vue3-baidu-map-gl'
+
+  function handleInitd() {
+    const icons = useDefaultMarkerIcons()
+    // ...
+  }
+</script>

TS 类型定义参考 ​

ts
export declare type DefaultMarkerIcons =
+  | 'simple_red'
+  | 'simple_blue'
+  | 'loc_red'
+  | 'loc_blue'
+  | 'start'
+  | 'end'
+  | 'location'
+  | 'red1'
+  | 'red2'
+  | 'red3'
+  | 'red4'
+  | 'red5'
+  | 'red6'
+  | 'red7'
+  | 'red8'
+  | 'red9'
+  | 'red10'
+  | 'blue1'
+  | 'blue2'
+  | 'blue3'
+  | 'blue4'
+  | 'blue5'
+  | 'blue6'
+  | 'blue7'
+  | 'blue8'
+  | 'blue9'
+  | 'blue10'
+export declare function useDefaultMarkerIcons(): Record<DefaultMarkerIcons, BMapGL.Icon>
`,15),t=[h];function p(k,e,r,d,F,c){return a(),i("div",null,t)}const E=s(l,[["render",p]]);export{o as __pageData,E as default}; diff --git a/assets/zh-CN_hooks_useDefaultMarkerIcons.md.dEfYXKrd.lean.js b/assets/zh-CN_hooks_useDefaultMarkerIcons.md.dEfYXKrd.lean.js new file mode 100644 index 00000000..0e27695c --- /dev/null +++ b/assets/zh-CN_hooks_useDefaultMarkerIcons.md.dEfYXKrd.lean.js @@ -0,0 +1 @@ +import{_ as s,c as i,o as a,R as n}from"./chunks/framework.aeLSa5ZG.js";const o=JSON.parse('{"title":"useDefaultMarkerIcons","description":"","frontmatter":{},"headers":[],"relativePath":"zh-CN/hooks/useDefaultMarkerIcons.md","filePath":"zh-CN/hooks/useDefaultMarkerIcons.md","lastUpdated":1710870588000}'),l={name:"zh-CN/hooks/useDefaultMarkerIcons.md"},h=n("",15),t=[h];function p(k,e,r,d,F,c){return a(),i("div",null,t)}const E=s(l,[["render",p]]);export{o as __pageData,E as default}; diff --git a/assets/zh-CN_hooks_useIpLocation.md.FoLVu7yq.js b/assets/zh-CN_hooks_useIpLocation.md.FoLVu7yq.js new file mode 100644 index 00000000..9f6eed3f --- /dev/null +++ b/assets/zh-CN_hooks_useIpLocation.md.FoLVu7yq.js @@ -0,0 +1,15 @@ +import{_ as E,D as a,c as o,k as s,a as n,I as t,w as l,R as p,o as C}from"./chunks/framework.aeLSa5ZG.js";const _=JSON.parse('{"title":"useIpLocation","description":"","frontmatter":{},"headers":[],"relativePath":"zh-CN/hooks/useIpLocation.md","filePath":"zh-CN/hooks/useIpLocation.md","lastUpdated":1710870588000}'),c={name:"zh-CN/hooks/useIpLocation.md"},k={id:"useiplocation",tabindex:"-1"},F=s("a",{class:"header-anchor",href:"#useiplocation","aria-label":'Permalink to "useIpLocation "'},"​",-1),u=p('

用于获取用户所在的城市位置信息。(根据用户 IP 自动定位到城市)

ts
import { useIpLocation } from 'vue3-baidu-map-gl'

示例 ​

',3),h=s("p",null,"hooks/useIpLocation",-1),D=p(`

用法 ​

ts
const { get, location, isLoading } = useIpLocation(cal)

TIP

该 hooks 依赖于 BMapGL ，所以需要在 Map 组件初始化完毕调用 get 方法后数据才可用

参数 ​

参数描述类型默认值
cal定位成功后的回调函数(location: Ref<Location>) => void-

返回值 ​

返回值描述类型
isLoading是否在获取中boolean
location定位信息{ point: Point code: number name: string }
get获取定位方法，需要在Map组件initd事件触发后才可调用() => void

TS 类型定义参考 ​

ts
import { Ref } from 'vue'
+import { type Point } from 'vue3-baidu-map-gl'
+interface Location {
+  point: Point
+  code: number
+  name: string
+}
+/**
+ * ip定位
+ */
+export declare function useIpLocation(cal?: (location: Ref<Location>) => void): {
+  location: Ref<Location>
+  isLoading: Ref<boolean>
+  get: () => void
+}
`,9);function r(d,g,A,B,y,m){const i=a("Badge"),e=a("Demo");return C(),o("div",null,[s("h1",k,[n("useIpLocation "),t(i,{type:"tip",text:"^0.0.33"}),n(),F]),u,t(e,{source:"%3Cpre%20v-pre%3E%3Ccode%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ediv%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ediv%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Eclass%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Estate%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-if%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E!isLoading%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Eh5%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E5%AE%9A%E4%BD%8D%E7%BB%93%E6%9E%9C%3A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Eh5%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Espan%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E5%9F%8E%E5%B8%82%20-%20%7B%7B%20location.name%20%7D%7D%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Espan%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Espan%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E7%BA%AC%E5%BA%A6%20-%20%7B%7B%20location.point%3F.lat%20%7D%7D%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Espan%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Espan%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E7%BB%8F%E5%BA%A6%20-%20%7B%7B%20location.point%3F.lng%20%7D%7D%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Espan%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ediv%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ediv%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Eclass%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Estate%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-else%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E5%AE%9A%E4%BD%8D%E4%B8%AD...%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ediv%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ebutton%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-if%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E!isLoading%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40click%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Eget%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E9%87%8D%E6%96%B0%E8%8E%B7%E5%8F%96%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ebutton%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMap%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3EenableScrollWheelZoom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Eref%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Emap%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Acenter%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Elocation.point%20%7C%7C%20undefined%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40initd%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Eget%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-if%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E!isLoading%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMarker%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aposition%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Elocation.point%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBMarker%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBMap%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ediv%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Escript%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Elang%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ets%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Esetup%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20script%22%3E%3Cspan%20class%3D%22token%20language-javascript%22%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Eimport%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20ref%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Efrom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'vue'%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Eimport%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20useIpLocation%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Efrom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'vue3-baidu-map-gl'%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20map%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3Eref%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20get%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20location%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20isLoading%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3EuseIpLocation%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20map%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3EresetCenter%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Escript%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Estyle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20style%22%3E%3Cspan%20class%3D%22token%20language-css%22%3E%0A%20%20%3Cspan%20class%3D%22token%20selector%22%3E.state%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Emargin-top%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%2015px%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20selector%22%3E.state%20span%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Emargin-right%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%2025px%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Estyle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3C%2Fcode%3E%3C%2Fpre%3E",path:"hooks/useIpLocation","raw-source":"%3Ctemplate%3E%0A%20%20%3Cdiv%3E%0A%20%20%20%20%3Cdiv%20class%3D%22state%22%20v-if%3D%22!isLoading%22%3E%0A%20%20%20%20%20%20%3Ch5%3E%E5%AE%9A%E4%BD%8D%E7%BB%93%E6%9E%9C%3A%3C%2Fh5%3E%0A%20%20%20%20%20%20%3Cspan%3E%E5%9F%8E%E5%B8%82%20-%20%7B%7B%20location.name%20%7D%7D%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%3E%E7%BA%AC%E5%BA%A6%20-%20%7B%7B%20location.point%3F.lat%20%7D%7D%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%3E%E7%BB%8F%E5%BA%A6%20-%20%7B%7B%20location.point%3F.lng%20%7D%7D%3C%2Fspan%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3Cdiv%20class%3D%22state%22%20v-else%3E%E5%AE%9A%E4%BD%8D%E4%B8%AD...%3C%2Fdiv%3E%0A%20%20%20%20%3Cbutton%20v-if%3D%22!isLoading%22%20class%3D%22myButton%22%20%40click%3D%22get%22%3E%E9%87%8D%E6%96%B0%E8%8E%B7%E5%8F%96%3C%2Fbutton%3E%0A%20%20%20%20%3CBMap%20v-bind%3D%22%24attrs%22%20enableScrollWheelZoom%20ref%3D%22map%22%20%3Acenter%3D%22location.point%20%7C%7C%20undefined%22%20%40initd%3D%22get%22%3E%0A%20%20%20%20%20%20%3Ctemplate%20v-if%3D%22!isLoading%22%3E%0A%20%20%20%20%20%20%20%20%3CBMarker%20%3Aposition%3D%22location.point%22%3E%3C%2FBMarker%3E%0A%20%20%20%20%20%20%3C%2Ftemplate%3E%0A%20%20%20%20%3C%2FBMap%3E%0A%20%20%3C%2Fdiv%3E%0A%3C%2Ftemplate%3E%0A%0A%3Cscript%20lang%3D%22ts%22%20setup%3E%0A%20%20import%20%7B%20ref%20%7D%20from%20'vue'%0A%20%20import%20%7B%20useIpLocation%20%7D%20from%20'vue3-baidu-map-gl'%0A%20%20const%20map%20%3D%20ref()%0A%20%20const%20%7B%20get%2C%20location%2C%20isLoading%20%7D%20%3D%20useIpLocation(()%20%3D%3E%20%7B%0A%20%20%20%20map.value.resetCenter()%0A%20%20%7D)%0A%3C%2Fscript%3E%0A%0A%3Cstyle%3E%0A%20%20.state%20%7B%0A%20%20%20%20margin-top%3A%2015px%3B%0A%20%20%7D%0A%20%20.state%20span%20%7B%0A%20%20%20%20margin-right%3A%2025px%3B%0A%20%20%7D%0A%3C%2Fstyle%3E%0A",description:""},{default:l(()=>[h]),_:1}),D])}const b=E(c,[["render",r]]);export{_ as __pageData,b as default}; diff --git a/assets/zh-CN_hooks_useIpLocation.md.FoLVu7yq.lean.js b/assets/zh-CN_hooks_useIpLocation.md.FoLVu7yq.lean.js new file mode 100644 index 00000000..aff9ef5d --- /dev/null +++ b/assets/zh-CN_hooks_useIpLocation.md.FoLVu7yq.lean.js @@ -0,0 +1 @@ +import{_ as E,D as a,c as o,k as s,a as n,I as t,w as l,R as p,o as C}from"./chunks/framework.aeLSa5ZG.js";const _=JSON.parse('{"title":"useIpLocation","description":"","frontmatter":{},"headers":[],"relativePath":"zh-CN/hooks/useIpLocation.md","filePath":"zh-CN/hooks/useIpLocation.md","lastUpdated":1710870588000}'),c={name:"zh-CN/hooks/useIpLocation.md"},k={id:"useiplocation",tabindex:"-1"},F=s("a",{class:"header-anchor",href:"#useiplocation","aria-label":'Permalink to "useIpLocation "'},"​",-1),u=p("",3),h=s("p",null,"hooks/useIpLocation",-1),D=p("",9);function r(d,g,A,B,y,m){const i=a("Badge"),e=a("Demo");return C(),o("div",null,[s("h1",k,[n("useIpLocation "),t(i,{type:"tip",text:"^0.0.33"}),n(),F]),u,t(e,{source:"%3Cpre%20v-pre%3E%3Ccode%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ediv%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ediv%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Eclass%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Estate%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-if%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E!isLoading%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Eh5%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E5%AE%9A%E4%BD%8D%E7%BB%93%E6%9E%9C%3A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Eh5%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Espan%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E5%9F%8E%E5%B8%82%20-%20%7B%7B%20location.name%20%7D%7D%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Espan%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Espan%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E7%BA%AC%E5%BA%A6%20-%20%7B%7B%20location.point%3F.lat%20%7D%7D%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Espan%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Espan%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E7%BB%8F%E5%BA%A6%20-%20%7B%7B%20location.point%3F.lng%20%7D%7D%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Espan%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ediv%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ediv%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Eclass%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Estate%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-else%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E5%AE%9A%E4%BD%8D%E4%B8%AD...%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ediv%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ebutton%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-if%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E!isLoading%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40click%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Eget%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E9%87%8D%E6%96%B0%E8%8E%B7%E5%8F%96%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ebutton%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMap%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3EenableScrollWheelZoom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Eref%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Emap%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Acenter%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Elocation.point%20%7C%7C%20undefined%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40initd%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Eget%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-if%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E!isLoading%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMarker%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aposition%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Elocation.point%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBMarker%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBMap%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ediv%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Escript%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Elang%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ets%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Esetup%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20script%22%3E%3Cspan%20class%3D%22token%20language-javascript%22%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Eimport%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20ref%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Efrom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'vue'%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Eimport%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20useIpLocation%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Efrom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'vue3-baidu-map-gl'%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20map%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3Eref%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20get%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20location%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20isLoading%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3EuseIpLocation%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20map%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3E%3Cspan%20class%3D%22token%20function%22%3EresetCenter%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Escript%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Estyle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20style%22%3E%3Cspan%20class%3D%22token%20language-css%22%3E%0A%20%20%3Cspan%20class%3D%22token%20selector%22%3E.state%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Emargin-top%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%2015px%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20selector%22%3E.state%20span%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Emargin-right%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%2025px%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Estyle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3C%2Fcode%3E%3C%2Fpre%3E",path:"hooks/useIpLocation","raw-source":"%3Ctemplate%3E%0A%20%20%3Cdiv%3E%0A%20%20%20%20%3Cdiv%20class%3D%22state%22%20v-if%3D%22!isLoading%22%3E%0A%20%20%20%20%20%20%3Ch5%3E%E5%AE%9A%E4%BD%8D%E7%BB%93%E6%9E%9C%3A%3C%2Fh5%3E%0A%20%20%20%20%20%20%3Cspan%3E%E5%9F%8E%E5%B8%82%20-%20%7B%7B%20location.name%20%7D%7D%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%3E%E7%BA%AC%E5%BA%A6%20-%20%7B%7B%20location.point%3F.lat%20%7D%7D%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%3E%E7%BB%8F%E5%BA%A6%20-%20%7B%7B%20location.point%3F.lng%20%7D%7D%3C%2Fspan%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3Cdiv%20class%3D%22state%22%20v-else%3E%E5%AE%9A%E4%BD%8D%E4%B8%AD...%3C%2Fdiv%3E%0A%20%20%20%20%3Cbutton%20v-if%3D%22!isLoading%22%20class%3D%22myButton%22%20%40click%3D%22get%22%3E%E9%87%8D%E6%96%B0%E8%8E%B7%E5%8F%96%3C%2Fbutton%3E%0A%20%20%20%20%3CBMap%20v-bind%3D%22%24attrs%22%20enableScrollWheelZoom%20ref%3D%22map%22%20%3Acenter%3D%22location.point%20%7C%7C%20undefined%22%20%40initd%3D%22get%22%3E%0A%20%20%20%20%20%20%3Ctemplate%20v-if%3D%22!isLoading%22%3E%0A%20%20%20%20%20%20%20%20%3CBMarker%20%3Aposition%3D%22location.point%22%3E%3C%2FBMarker%3E%0A%20%20%20%20%20%20%3C%2Ftemplate%3E%0A%20%20%20%20%3C%2FBMap%3E%0A%20%20%3C%2Fdiv%3E%0A%3C%2Ftemplate%3E%0A%0A%3Cscript%20lang%3D%22ts%22%20setup%3E%0A%20%20import%20%7B%20ref%20%7D%20from%20'vue'%0A%20%20import%20%7B%20useIpLocation%20%7D%20from%20'vue3-baidu-map-gl'%0A%20%20const%20map%20%3D%20ref()%0A%20%20const%20%7B%20get%2C%20location%2C%20isLoading%20%7D%20%3D%20useIpLocation(()%20%3D%3E%20%7B%0A%20%20%20%20map.value.resetCenter()%0A%20%20%7D)%0A%3C%2Fscript%3E%0A%0A%3Cstyle%3E%0A%20%20.state%20%7B%0A%20%20%20%20margin-top%3A%2015px%3B%0A%20%20%7D%0A%20%20.state%20span%20%7B%0A%20%20%20%20margin-right%3A%2025px%3B%0A%20%20%7D%0A%3C%2Fstyle%3E%0A",description:""},{default:l(()=>[h]),_:1}),D])}const b=E(c,[["render",r]]);export{_ as __pageData,b as default}; diff --git a/assets/zh-CN_hooks_usePoint.md.XMOvWuf7.js b/assets/zh-CN_hooks_usePoint.md.XMOvWuf7.js new file mode 100644 index 00000000..fb8c537a --- /dev/null +++ b/assets/zh-CN_hooks_usePoint.md.XMOvWuf7.js @@ -0,0 +1,35 @@ +import{_ as s,c as i,o as a,R as n}from"./chunks/framework.aeLSa5ZG.js";const c=JSON.parse('{"title":"usePoint","description":"","frontmatter":{},"headers":[],"relativePath":"zh-CN/hooks/usePoint.md","filePath":"zh-CN/hooks/usePoint.md","lastUpdated":1710870588000}'),t={name:"zh-CN/hooks/usePoint.md"},h=n(`

usePoint ​

通过该 hooks 可获取一个地图实例点(BMapGL.Point)。

ts
import { usePoint } from 'vue3-baidu-map-gl'

用法 ​

ts
const { point, set } = usePoint()

TIP

该 hooks 依赖于 BMapGL ，所以需要在 Map 组件初始化完毕调用 set 方法后数据才可用

参数 ​

无

返回值 ​

返回值描述类型
pointBMapGL.Point 实例对象，默认为 null，调用 set 方法后才可用BMapGL.Point
set设置实例点坐标方法，需要在Map组件initd事件触发后才可调用({ lng: number; lat: number }) => void

代码示例 ​

html
<Map @initd="handleInitd"></Map>
+
+<script setup lang="ts">
+  import { useAreaBoundary } from 'vue3-baidu-map-gl'
+
+  const { point, set } = usePoint()
+
+  function handleInitd() {
+    set({
+      lng: 116.297611,
+      lat: 40.047363
+    })
+  }
+</script>

TS 类型定义参考 ​

ts
import { Ref } from 'vue'
+import { Point } from '../utils'
+/**
+ * 地图经纬度点
+ */
+export declare type Point = {
+  lng: number
+  lat: number
+}
+/**
+ * 获取一个地图经纬度点实例
+ */
+export declare function usePoint(): {
+  /**
+   * BMapGL.Point 实例对象
+   */
+  point: Ref<BMapGL.Point | null>
+  /**
+   * 设置实例点坐标
+   */
+  set: ({ lng, lat }: Point) => void
+}
`,14),l=[h];function p(k,e,d,r,E,o){return a(),i("div",null,l)}const y=s(t,[["render",p]]);export{c as __pageData,y as default}; diff --git a/assets/zh-CN_hooks_usePoint.md.XMOvWuf7.lean.js b/assets/zh-CN_hooks_usePoint.md.XMOvWuf7.lean.js new file mode 100644 index 00000000..8f529cf6 --- /dev/null +++ b/assets/zh-CN_hooks_usePoint.md.XMOvWuf7.lean.js @@ -0,0 +1 @@ +import{_ as s,c as i,o as a,R as n}from"./chunks/framework.aeLSa5ZG.js";const c=JSON.parse('{"title":"usePoint","description":"","frontmatter":{},"headers":[],"relativePath":"zh-CN/hooks/usePoint.md","filePath":"zh-CN/hooks/usePoint.md","lastUpdated":1710870588000}'),t={name:"zh-CN/hooks/usePoint.md"},h=n("",14),l=[h];function p(k,e,d,r,E,o){return a(),i("div",null,l)}const y=s(t,[["render",p]]);export{c as __pageData,y as default}; diff --git a/assets/zh-CN_hooks_usePointConvertor.md.HGNPWjzq.js b/assets/zh-CN_hooks_usePointConvertor.md.HGNPWjzq.js new file mode 100644 index 00000000..dae4a229 --- /dev/null +++ b/assets/zh-CN_hooks_usePointConvertor.md.HGNPWjzq.js @@ -0,0 +1,80 @@ +import{_ as n,D as t,c as i,I as p,w as l,R as s,o as e,k}from"./chunks/framework.aeLSa5ZG.js";const y=JSON.parse('{"title":"usePointConvertor 坐标点转换","description":"","frontmatter":{},"headers":[],"relativePath":"zh-CN/hooks/usePointConvertor.md","filePath":"zh-CN/hooks/usePointConvertor.md","lastUpdated":1710870588000}'),E={name:"zh-CN/hooks/usePointConvertor.md"},o=s('

usePointConvertor 坐标点转换 ​

用于将其他坐标系的坐标转换为百度坐标。

ts
import { usePointConvertor } from 'vue3-baidu-map-gl'

示例 ​

',4),h=k("p",null,"hooks/usePointConvertor",-1),C=s(`

用法 ​

ts
const { result, convert, isLoading, isError, status } = usePointConvertor()

TIP

该 hooks 依赖于 BMapGL ，所以需要在 Map 组件初始化完毕调用 convert 方法后数据才可用

参数 ​

无

返回值 ​

返回值描述类型
result目标坐标点数组{ lng: number; lat: number }[]
isLoading是否加载中boolean
isError是否出错boolean
status当前状态UsePointConvertorStatus
convert点坐标转换方法，需要在Map组件initd事件触发后才可调用({ lng: number; lat: number }[], CoordinatesFromType, CoordinatesToType) => void

CoordinatesFromType ​

原坐标类型

ts
export enum CoordinatesFromType {
+  /**
+   *  WGS84坐标（GPS标准坐标）
+   */
+  'COORDINATES_WGS84' = 1,
+  /**
+   *  WGS84的平面墨卡托坐标（搜狗地图坐标）
+   */
+  'COORDINATES_WGS84_MC' = 2,
+  /**
+   * GCJ02坐标(火星坐标)，即高德地图、腾讯地图、谷歌坐标和MapABC等地图使用的坐标；
+   */
+  'COORDINATES_GCJ02' = 3,
+  /**
+   *  GCJ02的平面墨卡托坐标（火星坐标对应的墨卡托平面坐标）
+   */
+  'COORDINATES_GCJ02_MC' = 4,
+  /**
+   *  百度地图采用的经纬度坐标（bd09ll）
+   */
+  'COORDINATES_BD09' = 5,
+  /**
+   * 百度地图采用的墨卡托平面坐标（bd09mc）
+   */
+  'COORDINATES_BD09_MC' = 6,
+  /**
+   * 图吧地图坐标
+   */
+  'COORDINATES_MAPBAR' = 7,
+  /**
+   * 51地图坐标
+   */
+  'COORDINATES_51' = 8
+}

CoordinatesToType ​

目标坐标类型

ts
export enum CoordinatesToType {
+  /**
+   * GCJ02坐标(火星坐标)，即高德地图、腾讯地图、谷歌坐标和MapABC等地图使用的坐标；
+   */
+  'COORDINATES_GCJ02' = 3,
+  /**
+   * 百度地图采用的经纬度坐标（bd09ll）
+   */
+  'COORDINATES_BD09' = 5,
+  /**
+   * 百度地图采用的墨卡托平面坐标（bd09mc）
+   */
+  'COORDINATES_BD09_MC' = 6
+}

UsePointConvertorStatus ​

警告

当转换不被允许的坐标系，如：X→GPS，可能不会响应返回以下错误 code，会拒绝响应，浏览器直接报跨域请求

code描述
0ok 正常 服务请求正常召回
1内部错误
4转换失败 X→GPS 时必现，根据法律规定，不支持将任何类型的坐标转换为 GPS 坐标
21from 非法
22to 非法
24coords 格式非法
25coords 个数非法，超过限制
26参数错误

代码示例 ​

html
<Map @initd="handleInitd"></Map>
+
+<script setup lang="ts">
+  import { useAreaBoundary } from 'vue3-baidu-map-gl'
+
+  const { point, set } = usePoint()
+
+  function handleInitd() {
+    set({
+      lng: 116.297611,
+      lat: 40.047363
+    })
+  }
+</script>

TS 类型定义参考 ​

ts
import { Ref } from 'vue'
+/**
+ * 地图经纬度点
+ */
+export declare type Point = {
+  lng: number
+  lat: number
+}
+/**
+ * 获取一个地图经纬度点实例
+ */
+export declare function usePoint(): {
+  /**
+   * BMapGL.Point 实例对象
+   */
+  point: Ref<BMapGL.Point | null>
+  /**
+   * 设置实例点坐标
+   */
+  set: ({ lng, lat }: { lng: number; lat: number }) => void
+}
`,20);function r(c,d,F,D,u,g){const a=t("Demo");return e(),i("div",null,[o,p(a,{source:"%3Cpre%20v-pre%3E%3Ccode%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMap%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40initd%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EhandleInitd%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Acenter%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EgooglePoint%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-if%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E!isLoading%20%26amp%3B%26amp%3B%20!isError%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-for%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E(point%2C%20index)%20in%20result%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMarker%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aposition%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Epoint%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBMarker%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBLabel%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aposition%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Epoint%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20special-attr%22%3E%3Cspan%20class%3D%22token%20attr-name%22%3Estyle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3Cspan%20class%3D%22token%20value%20css%20language-css%22%3E%3Cspan%20class%3D%22token%20property%22%3Ecolor%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%20%23333%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20property%22%3Efont-size%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%209px%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Econtent%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%E8%BD%AC%E6%8D%A2%E5%90%8E%E7%9A%84%E7%99%BE%E5%BA%A6%E6%A0%87%E6%B3%A8%EF%BC%88%E6%AD%A3%E7%A1%AE%EF%BC%89%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBLabel%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMarker%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aposition%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EgooglePoint%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBMarker%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBLabel%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aposition%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EgooglePoint%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20special-attr%22%3E%3Cspan%20class%3D%22token%20attr-name%22%3Estyle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3Cspan%20class%3D%22token%20value%20css%20language-css%22%3E%3Cspan%20class%3D%22token%20property%22%3Ecolor%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%20%23333%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20property%22%3Efont-size%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%209px%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Econtent%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%E6%9C%AA%E8%BD%AC%E6%8D%A2%E7%9A%84%E8%B0%B7%E6%AD%8C%E6%A0%87%E6%B3%A8%EF%BC%88%E9%94%99%E8%AF%AF%EF%BC%89%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBLabel%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBMap%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Escript%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Elang%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ets%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Esetup%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20script%22%3E%3Cspan%20class%3D%22token%20language-javascript%22%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Eimport%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20CoordinatesFromType%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20CoordinatesToType%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20usePointConvertor%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Efrom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'vue3-baidu-map-gl'%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20convert%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20result%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20isLoading%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20isError%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3EusePointConvertor%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20googlePoint%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elng%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E116.32715863448607%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elat%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E39.990912172420714%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Efunction%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3EhandleInitd%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20function%22%3Econvert%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3EgooglePoint%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20CoordinatesFromType%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3E%3Cspan%20class%3D%22token%20string%22%3E'COORDINATES_GCJ02'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20CoordinatesToType%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3E%3Cspan%20class%3D%22token%20string%22%3E'COORDINATES_BD09'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Escript%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3C%2Fcode%3E%3C%2Fpre%3E",path:"hooks/usePointConvertor","raw-source":"%3Ctemplate%3E%0A%20%20%3CBMap%20v-bind%3D%22%24attrs%22%20%40initd%3D%22handleInitd%22%20%3Acenter%3D%22googlePoint%22%3E%0A%20%20%20%20%3Ctemplate%20v-if%3D%22!isLoading%20%26%26%20!isError%22%3E%0A%20%20%20%20%20%20%3Ctemplate%20v-for%3D%22(point%2C%20index)%20in%20result%22%3E%0A%20%20%20%20%20%20%20%20%3CBMarker%20%3Aposition%3D%22point%22%3E%3C%2FBMarker%3E%0A%20%20%20%20%20%20%20%20%3CBLabel%20%3Aposition%3D%22point%22%20style%3D%22color%3A%20%23333%3B%20font-size%3A%209px%22%20content%3D%22%E8%BD%AC%E6%8D%A2%E5%90%8E%E7%9A%84%E7%99%BE%E5%BA%A6%E6%A0%87%E6%B3%A8%EF%BC%88%E6%AD%A3%E7%A1%AE%EF%BC%89%22%3E%3C%2FBLabel%3E%0A%20%20%20%20%20%20%3C%2Ftemplate%3E%0A%20%20%20%20%3C%2Ftemplate%3E%0A%20%20%20%20%3CBMarker%20%3Aposition%3D%22googlePoint%22%3E%3C%2FBMarker%3E%0A%20%20%20%20%3CBLabel%20%3Aposition%3D%22googlePoint%22%20style%3D%22color%3A%20%23333%3B%20font-size%3A%209px%22%20content%3D%22%E6%9C%AA%E8%BD%AC%E6%8D%A2%E7%9A%84%E8%B0%B7%E6%AD%8C%E6%A0%87%E6%B3%A8%EF%BC%88%E9%94%99%E8%AF%AF%EF%BC%89%22%3E%3C%2FBLabel%3E%0A%20%20%3C%2FBMap%3E%0A%3C%2Ftemplate%3E%0A%0A%3Cscript%20lang%3D%22ts%22%20setup%3E%0A%20%20import%20%7B%20CoordinatesFromType%2C%20CoordinatesToType%2C%20usePointConvertor%20%7D%20from%20'vue3-baidu-map-gl'%0A%20%20const%20%7B%20convert%2C%20result%2C%20isLoading%2C%20isError%20%7D%20%3D%20usePointConvertor()%0A%20%20const%20googlePoint%20%3D%20%7B%20lng%3A%20116.32715863448607%2C%20lat%3A%2039.990912172420714%20%7D%0A%20%20function%20handleInitd()%20%7B%0A%20%20%20%20convert(%5BgooglePoint%5D%2C%20CoordinatesFromType%5B'COORDINATES_GCJ02'%5D%2C%20CoordinatesToType%5B'COORDINATES_BD09'%5D)%0A%20%20%7D%0A%3C%2Fscript%3E%0A",description:"%3Cp%3E%E5%B0%86%E8%B0%B7%E6%AD%8C%E5%9D%90%E6%A0%87%E8%BD%AC%E6%8D%A2%E4%B8%BA%E7%99%BE%E5%BA%A6%E5%9D%90%E6%A0%87%3C%2Fp%3E%0A"},{default:l(()=>[h]),_:1}),C])}const B=n(E,[["render",r]]);export{y as __pageData,B as default}; diff --git a/assets/zh-CN_hooks_usePointConvertor.md.HGNPWjzq.lean.js b/assets/zh-CN_hooks_usePointConvertor.md.HGNPWjzq.lean.js new file mode 100644 index 00000000..ddb65e68 --- /dev/null +++ b/assets/zh-CN_hooks_usePointConvertor.md.HGNPWjzq.lean.js @@ -0,0 +1 @@ +import{_ as n,D as t,c as i,I as p,w as l,R as s,o as e,k}from"./chunks/framework.aeLSa5ZG.js";const y=JSON.parse('{"title":"usePointConvertor 坐标点转换","description":"","frontmatter":{},"headers":[],"relativePath":"zh-CN/hooks/usePointConvertor.md","filePath":"zh-CN/hooks/usePointConvertor.md","lastUpdated":1710870588000}'),E={name:"zh-CN/hooks/usePointConvertor.md"},o=s("",4),h=k("p",null,"hooks/usePointConvertor",-1),C=s("",20);function r(c,d,F,D,u,g){const a=t("Demo");return e(),i("div",null,[o,p(a,{source:"%3Cpre%20v-pre%3E%3Ccode%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMap%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40initd%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EhandleInitd%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Acenter%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EgooglePoint%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-if%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E!isLoading%20%26amp%3B%26amp%3B%20!isError%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-for%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E(point%2C%20index)%20in%20result%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMarker%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aposition%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Epoint%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBMarker%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBLabel%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aposition%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Epoint%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20special-attr%22%3E%3Cspan%20class%3D%22token%20attr-name%22%3Estyle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3Cspan%20class%3D%22token%20value%20css%20language-css%22%3E%3Cspan%20class%3D%22token%20property%22%3Ecolor%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%20%23333%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20property%22%3Efont-size%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%209px%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Econtent%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%E8%BD%AC%E6%8D%A2%E5%90%8E%E7%9A%84%E7%99%BE%E5%BA%A6%E6%A0%87%E6%B3%A8%EF%BC%88%E6%AD%A3%E7%A1%AE%EF%BC%89%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBLabel%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMarker%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aposition%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EgooglePoint%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBMarker%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBLabel%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aposition%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EgooglePoint%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20special-attr%22%3E%3Cspan%20class%3D%22token%20attr-name%22%3Estyle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3Cspan%20class%3D%22token%20value%20css%20language-css%22%3E%3Cspan%20class%3D%22token%20property%22%3Ecolor%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%20%23333%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20property%22%3Efont-size%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%209px%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Econtent%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%E6%9C%AA%E8%BD%AC%E6%8D%A2%E7%9A%84%E8%B0%B7%E6%AD%8C%E6%A0%87%E6%B3%A8%EF%BC%88%E9%94%99%E8%AF%AF%EF%BC%89%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBLabel%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBMap%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Escript%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Elang%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ets%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Esetup%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20script%22%3E%3Cspan%20class%3D%22token%20language-javascript%22%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Eimport%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20CoordinatesFromType%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20CoordinatesToType%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20usePointConvertor%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Efrom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'vue3-baidu-map-gl'%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20convert%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20result%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20isLoading%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20isError%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3EusePointConvertor%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20googlePoint%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elng%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E116.32715863448607%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elat%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E39.990912172420714%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Efunction%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3EhandleInitd%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20function%22%3Econvert%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3EgooglePoint%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20CoordinatesFromType%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3E%3Cspan%20class%3D%22token%20string%22%3E'COORDINATES_GCJ02'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20CoordinatesToType%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3E%3Cspan%20class%3D%22token%20string%22%3E'COORDINATES_BD09'%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Escript%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3C%2Fcode%3E%3C%2Fpre%3E",path:"hooks/usePointConvertor","raw-source":"%3Ctemplate%3E%0A%20%20%3CBMap%20v-bind%3D%22%24attrs%22%20%40initd%3D%22handleInitd%22%20%3Acenter%3D%22googlePoint%22%3E%0A%20%20%20%20%3Ctemplate%20v-if%3D%22!isLoading%20%26%26%20!isError%22%3E%0A%20%20%20%20%20%20%3Ctemplate%20v-for%3D%22(point%2C%20index)%20in%20result%22%3E%0A%20%20%20%20%20%20%20%20%3CBMarker%20%3Aposition%3D%22point%22%3E%3C%2FBMarker%3E%0A%20%20%20%20%20%20%20%20%3CBLabel%20%3Aposition%3D%22point%22%20style%3D%22color%3A%20%23333%3B%20font-size%3A%209px%22%20content%3D%22%E8%BD%AC%E6%8D%A2%E5%90%8E%E7%9A%84%E7%99%BE%E5%BA%A6%E6%A0%87%E6%B3%A8%EF%BC%88%E6%AD%A3%E7%A1%AE%EF%BC%89%22%3E%3C%2FBLabel%3E%0A%20%20%20%20%20%20%3C%2Ftemplate%3E%0A%20%20%20%20%3C%2Ftemplate%3E%0A%20%20%20%20%3CBMarker%20%3Aposition%3D%22googlePoint%22%3E%3C%2FBMarker%3E%0A%20%20%20%20%3CBLabel%20%3Aposition%3D%22googlePoint%22%20style%3D%22color%3A%20%23333%3B%20font-size%3A%209px%22%20content%3D%22%E6%9C%AA%E8%BD%AC%E6%8D%A2%E7%9A%84%E8%B0%B7%E6%AD%8C%E6%A0%87%E6%B3%A8%EF%BC%88%E9%94%99%E8%AF%AF%EF%BC%89%22%3E%3C%2FBLabel%3E%0A%20%20%3C%2FBMap%3E%0A%3C%2Ftemplate%3E%0A%0A%3Cscript%20lang%3D%22ts%22%20setup%3E%0A%20%20import%20%7B%20CoordinatesFromType%2C%20CoordinatesToType%2C%20usePointConvertor%20%7D%20from%20'vue3-baidu-map-gl'%0A%20%20const%20%7B%20convert%2C%20result%2C%20isLoading%2C%20isError%20%7D%20%3D%20usePointConvertor()%0A%20%20const%20googlePoint%20%3D%20%7B%20lng%3A%20116.32715863448607%2C%20lat%3A%2039.990912172420714%20%7D%0A%20%20function%20handleInitd()%20%7B%0A%20%20%20%20convert(%5BgooglePoint%5D%2C%20CoordinatesFromType%5B'COORDINATES_GCJ02'%5D%2C%20CoordinatesToType%5B'COORDINATES_BD09'%5D)%0A%20%20%7D%0A%3C%2Fscript%3E%0A",description:"%3Cp%3E%E5%B0%86%E8%B0%B7%E6%AD%8C%E5%9D%90%E6%A0%87%E8%BD%AC%E6%8D%A2%E4%B8%BA%E7%99%BE%E5%BA%A6%E5%9D%90%E6%A0%87%3C%2Fp%3E%0A"},{default:l(()=>[h]),_:1}),C])}const B=n(E,[["render",r]]);export{y as __pageData,B as default}; diff --git a/assets/zh-CN_hooks_usePointGeocoder.md.X4Yxkn4A.js b/assets/zh-CN_hooks_usePointGeocoder.md.X4Yxkn4A.js new file mode 100644 index 00000000..154dccf9 --- /dev/null +++ b/assets/zh-CN_hooks_usePointGeocoder.md.X4Yxkn4A.js @@ -0,0 +1,46 @@ +import{_ as l,D as p,c as E,k as s,a as i,I as a,w as e,R as n,o as C}from"./chunks/framework.aeLSa5ZG.js";const f=JSON.parse('{"title":"usePointGeocoder","description":"","frontmatter":{},"headers":[],"relativePath":"zh-CN/hooks/usePointGeocoder.md","filePath":"zh-CN/hooks/usePointGeocoder.md","lastUpdated":1710870588000}'),c={name:"zh-CN/hooks/usePointGeocoder.md"},k={id:"usepointgeocoder",tabindex:"-1"},r=s("a",{class:"header-anchor",href:"#usepointgeocoder","aria-label":'Permalink to "usePointGeocoder "'},"​",-1),u=n('

由坐标点解析地址信息

ts
import { usePointGeocoder } from 'vue3-baidu-map-gl'

单个坐标点解析 ​

使用坐标点对象作为 get 方法参数解析单个坐标点

',4),F=s("p",null,"hooks/usePointGeocoder/index",-1),d=n(`

TIP

在 Ts 中使用批量解析坐标点时，使用泛型PointGeocoderResult内部可推断result为可推断为PointGeocoderResult，从而避免读取值时 ts 的报错。

ts
import { usePointGeocoder, PointGeocoderResult } from 'vue3-baidu-map-gl'
+const { result } = usePointGeocoder<PointGeocoderResult>()

批量解析坐标点 ​

使用坐标点对象数组作为 get 方法参数批量解析坐标点

`,3),D=s("p",null,"hooks/usePointGeocoder/batch",-1),h=n(`

TIP

在 Ts 中使用批量解析坐标点时，使用泛型PointGeocoderResult[]内部可推断result为可推断为PointGeocoderResult[]，从而避免遍历时 ts 的报错。

ts
import { usePointGeocoder, PointGeocoderResult } from 'vue3-baidu-map-gl'
+const { result } = usePointGeocoder<PointGeocoderResult[]>()

用法 ​

ts
const { get, result, isLoading, isEmpty } = usePointGeocoder(options, cal)

TIP

该 hooks 依赖于 BMapGL ，所以需要在 Map 组件初始化完毕调用 get 方法后数据才可用

参数 ​

参数描述类型默认值
options解析配置UsePointGeocoderOptions-
cal定位成功后的回调函数(result: Ref<PointGeocoderResult | PointGeocoderResult[] | null>) => void-

UsePointGeocoderOptions ​

属性描述类型
poiRadius附近 POI 所处于的最大半径，默认为 100 米number
numPois返回的 POI 点个数，默认为 10 个。取值范围number

返回值 ​

返回值描述类型
isLoading是否在获取中boolean
isEmpty是否有解析结果boolean
result坐标点解析结果Ref<PointGeocoderResult | PointGeocoderResult[] | null>
get获取坐标点信息方法，需要在Map组件initd事件触发后才可调用(point: Point | Point[]) => void]

Point ​

ts
type Point = { lng: number; lat: number }

PointGeocoderResult ​

属性描述类型
point坐标点boolean
string地址描述string
AddressComponent结构化的地址描述AddressComponent
surroundingPois附近的 POI 点LocalResultPoi
business商圈字段，代表此点所属的商圈string
AddressComponent ​
属性描述类型
streetNumber门牌号码string
street街道名称string
district区县名称string
city城市名称string
province省份名称string
LocalResultPoi ​
属性描述类型
title结果的名称标题string
point该结果所在的地理位置point
url在百度地图中展示该结果点的详情信息链接string
address地址（根据数据部分提供）。注：当结果点类型为公交站或地铁站时，地址信息为经过该站点的所有车次string
city所在城市string
phoneNumber电话，根据数据部分提供string
postcode邮政编码，根据数据部分提供string
type类型，根据数据部分提供PoiType
uid地点 idstring
tagsPOI 的标签，如商务大厦、餐馆等。string[]
PoiType ​
值描述
0一般位置点
1公交车站位置点
3地铁车站位置点

TS 类型定义参考 ​

ts
import { Ref } from 'vue'
+import { Point } from 'vue3-baidu-map-gl'
+export interface PointGeocoderResult {
+  /**
+   * 坐标点
+   */
+  point: Point
+  /**
+   * 地址描述
+   */
+  address: string
+  /**
+   * 结构化的地址描述
+   */
+  addressComponents: {
+    city: string
+    district: string
+    province: string
+    street: string
+    streetNumber: string
+  }
+  /**
+   * 附近的POI点
+   */
+  surroundingPois: Array<BMapGL.LocalResultPoi>
+  /**
+   * 商圈字段，代表此点所属的商圈
+   */
+  business: string
+}
+/**
+ * 由地址解析坐标点
+ */
+export declare function usePointGeocoder<
+  T extends PointGeocoderResult | PointGeocoderResult[] = PointGeocoderResult | PointGeocoderResult[]
+>(
+  options?: BMapGL.LocationOptions | null,
+  cal?: (point: Ref<T>) => void
+): {
+  get: (point: T extends PointGeocoderResult ? Point : Point[]) => void
+  result: Ref<T | null | undefined>
+  isLoading: Ref<boolean>
+  isEmpty: Ref<boolean>
+}
`,22);function A(g,y,B,m,b,P){const o=p("Badge"),t=p("Demo");return C(),E("div",null,[s("h1",k,[i("usePointGeocoder "),a(o,{type:"tip",text:"^0.0.39"}),i(),r]),u,a(t,{source:"%3Cpre%20v-pre%3E%3Ccode%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ediv%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMap%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3EenableScrollWheelZoom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Eref%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Emap%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Acenter%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Epoint%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40initd%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EhandleInitd%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40click%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EhandleClick%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-if%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E!isLoading%20%26amp%3B%26amp%3B%20!isEmpty%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMarker%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aposition%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Epoint%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBMarker%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBLabel%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20special-attr%22%3E%3Cspan%20class%3D%22token%20attr-name%22%3Estyle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3Cspan%20class%3D%22token%20value%20css%20language-css%22%3E%3Cspan%20class%3D%22token%20property%22%3Ecolor%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%20%23333%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20property%22%3Efont-size%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%209px%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aposition%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Eresult.point%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Acontent%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%60%E5%9C%B0%E5%9D%80%3A%20%24%7Bresult%3F.address%7D%20%E6%89%80%E5%B1%9E%E5%95%86%E5%9C%88%3A%24%7Bresult%3F.business%7D%20%E6%9C%80%E5%8C%B9%E9%85%8D%E5%9C%B0%E7%82%B9%3A%20%24%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20result%3F.surroundingPois%5B0%5D%3F.title%20%7C%7C%20'%E6%97%A0'%0A%20%20%20%20%20%20%20%20%20%20%7D%60%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBMap%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ediv%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Escript%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Elang%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ets%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Esetup%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20script%22%3E%3Cspan%20class%3D%22token%20language-javascript%22%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Eimport%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20ref%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Efrom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'vue'%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Eimport%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20usePointGeocoder%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20PointGeocoderResult%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Efrom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'vue3-baidu-map-gl'%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20map%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3Eref%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20get%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20result%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20isLoading%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20isEmpty%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20usePointGeocoder%3Cspan%20class%3D%22token%20operator%22%3E%26lt%3B%3C%2Fspan%3EPointGeocoderResult%3Cspan%20class%3D%22token%20operator%22%3E%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20point%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3Eref%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elng%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E116.30793520652882%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elat%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E40.05861561613348%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20markerPoint%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20point%0A%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Efunction%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3EhandleInitd%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20function%22%3Eget%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3Epoint%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Efunction%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3EhandleClick%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20parameter%22%3Ee%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20markerPoint%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20e%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Elatlng%0A%20%20%20%20%3Cspan%20class%3D%22token%20function%22%3Eget%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3Ee%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Elatlng%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Escript%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Estyle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20style%22%3E%3Cspan%20class%3D%22token%20language-css%22%3E%0A%20%20%3Cspan%20class%3D%22token%20selector%22%3E.state%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Emargin-top%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%2015px%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20selector%22%3E.state%20span%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Emargin-right%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%2025px%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Estyle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3C%2Fcode%3E%3C%2Fpre%3E",path:"hooks/usePointGeocoder/index","raw-source":"%3Ctemplate%3E%0A%20%20%3Cdiv%3E%0A%20%20%20%20%3CBMap%20v-bind%3D%22%24attrs%22%20enableScrollWheelZoom%20ref%3D%22map%22%20%3Acenter%3D%22point%22%20%40initd%3D%22handleInitd%22%20%40click%3D%22handleClick%22%3E%0A%20%20%20%20%20%20%3Ctemplate%20v-if%3D%22!isLoading%20%26%26%20!isEmpty%22%3E%0A%20%20%20%20%20%20%20%20%3CBMarker%20%3Aposition%3D%22point%22%3E%3C%2FBMarker%3E%0A%20%20%20%20%20%20%20%20%3CBLabel%0A%20%20%20%20%20%20%20%20%20%20style%3D%22color%3A%20%23333%3B%20font-size%3A%209px%22%0A%20%20%20%20%20%20%20%20%20%20%3Aposition%3D%22result.point%22%0A%20%20%20%20%20%20%20%20%20%20%3Acontent%3D%22%60%E5%9C%B0%E5%9D%80%3A%20%24%7Bresult%3F.address%7D%20%E6%89%80%E5%B1%9E%E5%95%86%E5%9C%88%3A%24%7Bresult%3F.business%7D%20%E6%9C%80%E5%8C%B9%E9%85%8D%E5%9C%B0%E7%82%B9%3A%20%24%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20result%3F.surroundingPois%5B0%5D%3F.title%20%7C%7C%20'%E6%97%A0'%0A%20%20%20%20%20%20%20%20%20%20%7D%60%22%0A%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%3C%2Ftemplate%3E%0A%20%20%20%20%3C%2FBMap%3E%0A%20%20%3C%2Fdiv%3E%0A%3C%2Ftemplate%3E%0A%0A%3Cscript%20lang%3D%22ts%22%20setup%3E%0A%20%20import%20%7B%20ref%20%7D%20from%20'vue'%0A%20%20import%20%7B%20usePointGeocoder%2C%20PointGeocoderResult%20%7D%20from%20'vue3-baidu-map-gl'%0A%20%20const%20map%20%3D%20ref()%0A%20%20const%20%7B%20get%2C%20result%2C%20isLoading%2C%20isEmpty%20%7D%20%3D%20usePointGeocoder%3CPointGeocoderResult%3E()%0A%20%20const%20point%20%3D%20ref(%7B%20lng%3A%20116.30793520652882%2C%20lat%3A%2040.05861561613348%20%7D)%0A%20%20const%20markerPoint%20%3D%20point%0A%0A%20%20function%20handleInitd()%20%7B%0A%20%20%20%20get(point.value)%0A%20%20%7D%0A%20%20function%20handleClick(e)%20%7B%0A%20%20%20%20markerPoint.value%20%3D%20e.latlng%0A%20%20%20%20get(e.latlng)%0A%20%20%7D%0A%3C%2Fscript%3E%0A%0A%3Cstyle%3E%0A%20%20.state%20%7B%0A%20%20%20%20margin-top%3A%2015px%3B%0A%20%20%7D%0A%20%20.state%20span%20%7B%0A%20%20%20%20margin-right%3A%2025px%3B%0A%20%20%7D%0A%3C%2Fstyle%3E%0A",description:"%3Cp%3E%E9%BC%A0%E6%A0%87%E7%82%B9%E5%87%BB%E5%9C%B0%E5%9B%BE%E9%80%89%E6%8B%A9%E5%9D%90%E6%A0%87%E7%82%B9%E8%A7%A3%E6%9E%90%3C%2Fp%3E%0A"},{default:e(()=>[F]),_:1}),d,a(t,{source:"%3Cpre%20v-pre%3E%3Ccode%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ediv%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMap%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3EenableScrollWheelZoom%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Azoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E13%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Acenter%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%7B%20lng%3A%20116.328749%2C%20lat%3A%2040.026922%20%7D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40initd%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EhandleInitd%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBControl%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Eclass%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Epoint-list%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aoffset%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%7B%20x%3A%2010%2C%20y%3A%2010%20%7D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Eul%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Eli%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-for%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E(item%2C%20index)%20in%20points%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Akey%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Eindex%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ediv%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Espan%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%7B%7B%20index%20%2B%201%20%7D%7D.%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Espan%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Espan%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E7%BA%AC%E5%BA%A6%20-%20%7B%7B%20item.lat%20%7D%7D%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Espan%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Espan%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E7%BB%8F%E5%BA%A6%20-%20%7B%7B%20item.lng%20%7D%7D%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Espan%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ediv%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Eli%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Eul%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBControl%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-if%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E!isLoading%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-for%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E(item%2C%20index)%20in%20result%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMarker%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aposition%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Eitem.point%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBMarker%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBLabel%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20special-attr%22%3E%3Cspan%20class%3D%22token%20attr-name%22%3Estyle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3Cspan%20class%3D%22token%20value%20css%20language-css%22%3E%3Cspan%20class%3D%22token%20property%22%3Ecolor%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%20%23333%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20property%22%3Efont-size%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%209px%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aposition%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Eitem.point%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Acontent%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%60%24%7Bindex%7D.%20%E5%9C%B0%E5%9D%80%3A%20%24%7Bitem.address%7D%20%E6%89%80%E5%B1%9E%E5%95%86%E5%9C%88%3A%24%7Bitem.business%7D%20%E6%9C%80%E5%8C%B9%E9%85%8D%E5%9C%B0%E7%82%B9%3A%20%24%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20item%3F.surroundingPois%5B0%5D%3F.title%20%7C%7C%20'%E6%97%A0'%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%60%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBLabel%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBMap%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ediv%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Escript%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Elang%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ets%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Esetup%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20script%22%3E%3Cspan%20class%3D%22token%20language-javascript%22%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Eimport%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20usePointGeocoder%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20PointGeocoderResult%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Efrom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'vue3-baidu-map-gl'%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20points%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elng%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E116.307852%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elat%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E40.057031%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elng%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E116.313082%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elat%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E40.047674%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elng%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E116.328749%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elat%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E40.026922%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elng%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E116.347571%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elat%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E39.988698%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elng%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E116.316163%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elat%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E39.997753%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elng%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E116.345867%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elat%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E39.998333%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elng%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E116.403472%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elat%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E39.999411%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elng%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E116.307901%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elat%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E40.05901%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20get%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20result%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20isLoading%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20usePointGeocoder%3Cspan%20class%3D%22token%20operator%22%3E%26lt%3B%3C%2Fspan%3EPointGeocoderResult%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Efunction%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3EhandleInitd%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20function%22%3Eget%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3Epoints%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Escript%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Estyle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20style%22%3E%3Cspan%20class%3D%22token%20language-css%22%3E%0A%20%20%3Cspan%20class%3D%22token%20selector%22%3E.point-list%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Ecolor%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%20%23333%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Ebackground-color%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%20%23fff%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Efont-size%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%2010px%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Epadding%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%2010px%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Eborder-radius%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%208px%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Ebox-shadow%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3Ergb%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E0%200%200%20%2F%2015%25%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%201px%202px%201px%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20selector%22%3E.point-list%20ul%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Emargin%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%200%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Epadding%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%200%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20selector%22%3E.point-list%20li%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Elist-style%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%20none%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Eborder-bottom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%201px%20solid%20%23f1f1f1%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20selector%22%3E.point-list%20span%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Emargin-right%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%2015px%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Estyle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3C%2Fcode%3E%3C%2Fpre%3E",path:"hooks/usePointGeocoder/batch","raw-source":"%3Ctemplate%3E%0A%20%20%3Cdiv%3E%0A%20%20%20%20%3CBMap%0A%20%20%20%20%20%20v-bind%3D%22%24attrs%22%0A%20%20%20%20%20%20enableScrollWheelZoom%0A%20%20%20%20%20%20%3Azoom%3D%2213%22%0A%20%20%20%20%20%20%3Acenter%3D%22%7B%20lng%3A%20116.328749%2C%20lat%3A%2040.026922%20%7D%22%0A%20%20%20%20%20%20%40initd%3D%22handleInitd%22%0A%20%20%20%20%3E%0A%20%20%20%20%20%20%3CBControl%20class%3D%22point-list%22%20%3Aoffset%3D%22%7B%20x%3A%2010%2C%20y%3A%2010%20%7D%22%3E%0A%20%20%20%20%20%20%20%20%3Cul%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cli%20v-for%3D%22(item%2C%20index)%20in%20points%22%20%3Akey%3D%22index%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cspan%3E%7B%7B%20index%20%2B%201%20%7D%7D.%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cspan%3E%E7%BA%AC%E5%BA%A6%20-%20%7B%7B%20item.lat%20%7D%7D%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cspan%3E%E7%BB%8F%E5%BA%A6%20-%20%7B%7B%20item.lng%20%7D%7D%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2Fli%3E%0A%20%20%20%20%20%20%20%20%3C%2Ful%3E%0A%20%20%20%20%20%20%3C%2FBControl%3E%0A%20%20%20%20%20%20%3Ctemplate%20v-if%3D%22!isLoading%22%3E%0A%20%20%20%20%20%20%20%20%3Ctemplate%20v-for%3D%22(item%2C%20index)%20in%20result%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3CBMarker%20%3Aposition%3D%22item.point%22%3E%3C%2FBMarker%3E%0A%20%20%20%20%20%20%20%20%20%20%3CBLabel%0A%20%20%20%20%20%20%20%20%20%20%20%20style%3D%22color%3A%20%23333%3B%20font-size%3A%209px%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Aposition%3D%22item.point%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Acontent%3D%22%60%24%7Bindex%7D.%20%E5%9C%B0%E5%9D%80%3A%20%24%7Bitem.address%7D%20%E6%89%80%E5%B1%9E%E5%95%86%E5%9C%88%3A%24%7Bitem.business%7D%20%E6%9C%80%E5%8C%B9%E9%85%8D%E5%9C%B0%E7%82%B9%3A%20%24%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20item%3F.surroundingPois%5B0%5D%3F.title%20%7C%7C%20'%E6%97%A0'%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%60%22%0A%20%20%20%20%20%20%20%20%20%20%3E%3C%2FBLabel%3E%0A%20%20%20%20%20%20%20%20%3C%2Ftemplate%3E%0A%20%20%20%20%20%20%3C%2Ftemplate%3E%0A%20%20%20%20%3C%2FBMap%3E%0A%20%20%3C%2Fdiv%3E%0A%3C%2Ftemplate%3E%0A%0A%3Cscript%20lang%3D%22ts%22%20setup%3E%0A%20%20import%20%7B%20usePointGeocoder%2C%20PointGeocoderResult%20%7D%20from%20'vue3-baidu-map-gl'%0A%20%20const%20points%20%3D%20%5B%0A%20%20%20%20%7B%20lng%3A%20116.307852%2C%20lat%3A%2040.057031%20%7D%2C%0A%20%20%20%20%7B%20lng%3A%20116.313082%2C%20lat%3A%2040.047674%20%7D%2C%0A%20%20%20%20%7B%20lng%3A%20116.328749%2C%20lat%3A%2040.026922%20%7D%2C%0A%20%20%20%20%7B%20lng%3A%20116.347571%2C%20lat%3A%2039.988698%20%7D%2C%0A%20%20%20%20%7B%20lng%3A%20116.316163%2C%20lat%3A%2039.997753%20%7D%2C%0A%20%20%20%20%7B%20lng%3A%20116.345867%2C%20lat%3A%2039.998333%20%7D%2C%0A%20%20%20%20%7B%20lng%3A%20116.403472%2C%20lat%3A%2039.999411%20%7D%2C%0A%20%20%20%20%7B%20lng%3A%20116.307901%2C%20lat%3A%2040.05901%20%7D%0A%20%20%5D%0A%20%20const%20%7B%20get%2C%20result%2C%20isLoading%20%7D%20%3D%20usePointGeocoder%3CPointGeocoderResult%5B%5D%3E()%0A%20%20function%20handleInitd()%20%7B%0A%20%20%20%20get(points)%0A%20%20%7D%0A%3C%2Fscript%3E%0A%0A%3Cstyle%3E%0A%20%20.point-list%20%7B%0A%20%20%20%20color%3A%20%23333%3B%0A%20%20%20%20background-color%3A%20%23fff%3B%0A%20%20%20%20font-size%3A%2010px%3B%0A%20%20%20%20padding%3A%2010px%3B%0A%20%20%20%20border-radius%3A%208px%3B%0A%20%20%20%20box-shadow%3A%20rgb(0%200%200%20%2F%2015%25)%201px%202px%201px%3B%0A%20%20%7D%0A%20%20.point-list%20ul%20%7B%0A%20%20%20%20margin%3A%200%3B%0A%20%20%20%20padding%3A%200%3B%0A%20%20%7D%0A%20%20.point-list%20li%20%7B%0A%20%20%20%20list-style%3A%20none%3B%0A%20%20%20%20border-bottom%3A%201px%20solid%20%23f1f1f1%3B%0A%20%20%7D%0A%20%20.point-list%20span%20%7B%0A%20%20%20%20margin-right%3A%2015px%3B%0A%20%20%7D%0A%3C%2Fstyle%3E%0A",description:""},{default:e(()=>[D]),_:1}),h])}const _=l(c,[["render",A]]);export{f as __pageData,_ as default}; diff --git a/assets/zh-CN_hooks_usePointGeocoder.md.X4Yxkn4A.lean.js b/assets/zh-CN_hooks_usePointGeocoder.md.X4Yxkn4A.lean.js new file mode 100644 index 00000000..276ee4d6 --- /dev/null +++ b/assets/zh-CN_hooks_usePointGeocoder.md.X4Yxkn4A.lean.js @@ -0,0 +1 @@ +import{_ as l,D as p,c as E,k as s,a as i,I as a,w as e,R as n,o as C}from"./chunks/framework.aeLSa5ZG.js";const f=JSON.parse('{"title":"usePointGeocoder","description":"","frontmatter":{},"headers":[],"relativePath":"zh-CN/hooks/usePointGeocoder.md","filePath":"zh-CN/hooks/usePointGeocoder.md","lastUpdated":1710870588000}'),c={name:"zh-CN/hooks/usePointGeocoder.md"},k={id:"usepointgeocoder",tabindex:"-1"},r=s("a",{class:"header-anchor",href:"#usepointgeocoder","aria-label":'Permalink to "usePointGeocoder "'},"​",-1),u=n("",4),F=s("p",null,"hooks/usePointGeocoder/index",-1),d=n("",3),D=s("p",null,"hooks/usePointGeocoder/batch",-1),h=n("",22);function A(g,y,B,m,b,P){const o=p("Badge"),t=p("Demo");return C(),E("div",null,[s("h1",k,[i("usePointGeocoder "),a(o,{type:"tip",text:"^0.0.39"}),i(),r]),u,a(t,{source:"%3Cpre%20v-pre%3E%3Ccode%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ediv%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMap%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3EenableScrollWheelZoom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Eref%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Emap%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Acenter%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Epoint%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40initd%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EhandleInitd%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40click%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EhandleClick%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-if%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E!isLoading%20%26amp%3B%26amp%3B%20!isEmpty%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMarker%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aposition%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Epoint%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBMarker%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBLabel%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20special-attr%22%3E%3Cspan%20class%3D%22token%20attr-name%22%3Estyle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3Cspan%20class%3D%22token%20value%20css%20language-css%22%3E%3Cspan%20class%3D%22token%20property%22%3Ecolor%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%20%23333%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20property%22%3Efont-size%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%209px%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aposition%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Eresult.point%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Acontent%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%60%E5%9C%B0%E5%9D%80%3A%20%24%7Bresult%3F.address%7D%20%E6%89%80%E5%B1%9E%E5%95%86%E5%9C%88%3A%24%7Bresult%3F.business%7D%20%E6%9C%80%E5%8C%B9%E9%85%8D%E5%9C%B0%E7%82%B9%3A%20%24%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20result%3F.surroundingPois%5B0%5D%3F.title%20%7C%7C%20'%E6%97%A0'%0A%20%20%20%20%20%20%20%20%20%20%7D%60%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBMap%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ediv%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Escript%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Elang%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ets%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Esetup%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20script%22%3E%3Cspan%20class%3D%22token%20language-javascript%22%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Eimport%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20ref%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Efrom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'vue'%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Eimport%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20usePointGeocoder%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20PointGeocoderResult%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Efrom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'vue3-baidu-map-gl'%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20map%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3Eref%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20get%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20result%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20isLoading%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20isEmpty%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20usePointGeocoder%3Cspan%20class%3D%22token%20operator%22%3E%26lt%3B%3C%2Fspan%3EPointGeocoderResult%3Cspan%20class%3D%22token%20operator%22%3E%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20point%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3Eref%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elng%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E116.30793520652882%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elat%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E40.05861561613348%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20markerPoint%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20point%0A%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Efunction%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3EhandleInitd%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20function%22%3Eget%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3Epoint%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Efunction%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3EhandleClick%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20parameter%22%3Ee%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20markerPoint%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Evalue%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20e%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Elatlng%0A%20%20%20%20%3Cspan%20class%3D%22token%20function%22%3Eget%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3Ee%3Cspan%20class%3D%22token%20punctuation%22%3E.%3C%2Fspan%3Elatlng%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Escript%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Estyle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20style%22%3E%3Cspan%20class%3D%22token%20language-css%22%3E%0A%20%20%3Cspan%20class%3D%22token%20selector%22%3E.state%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Emargin-top%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%2015px%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20selector%22%3E.state%20span%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Emargin-right%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%2025px%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Estyle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3C%2Fcode%3E%3C%2Fpre%3E",path:"hooks/usePointGeocoder/index","raw-source":"%3Ctemplate%3E%0A%20%20%3Cdiv%3E%0A%20%20%20%20%3CBMap%20v-bind%3D%22%24attrs%22%20enableScrollWheelZoom%20ref%3D%22map%22%20%3Acenter%3D%22point%22%20%40initd%3D%22handleInitd%22%20%40click%3D%22handleClick%22%3E%0A%20%20%20%20%20%20%3Ctemplate%20v-if%3D%22!isLoading%20%26%26%20!isEmpty%22%3E%0A%20%20%20%20%20%20%20%20%3CBMarker%20%3Aposition%3D%22point%22%3E%3C%2FBMarker%3E%0A%20%20%20%20%20%20%20%20%3CBLabel%0A%20%20%20%20%20%20%20%20%20%20style%3D%22color%3A%20%23333%3B%20font-size%3A%209px%22%0A%20%20%20%20%20%20%20%20%20%20%3Aposition%3D%22result.point%22%0A%20%20%20%20%20%20%20%20%20%20%3Acontent%3D%22%60%E5%9C%B0%E5%9D%80%3A%20%24%7Bresult%3F.address%7D%20%E6%89%80%E5%B1%9E%E5%95%86%E5%9C%88%3A%24%7Bresult%3F.business%7D%20%E6%9C%80%E5%8C%B9%E9%85%8D%E5%9C%B0%E7%82%B9%3A%20%24%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20result%3F.surroundingPois%5B0%5D%3F.title%20%7C%7C%20'%E6%97%A0'%0A%20%20%20%20%20%20%20%20%20%20%7D%60%22%0A%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%3C%2Ftemplate%3E%0A%20%20%20%20%3C%2FBMap%3E%0A%20%20%3C%2Fdiv%3E%0A%3C%2Ftemplate%3E%0A%0A%3Cscript%20lang%3D%22ts%22%20setup%3E%0A%20%20import%20%7B%20ref%20%7D%20from%20'vue'%0A%20%20import%20%7B%20usePointGeocoder%2C%20PointGeocoderResult%20%7D%20from%20'vue3-baidu-map-gl'%0A%20%20const%20map%20%3D%20ref()%0A%20%20const%20%7B%20get%2C%20result%2C%20isLoading%2C%20isEmpty%20%7D%20%3D%20usePointGeocoder%3CPointGeocoderResult%3E()%0A%20%20const%20point%20%3D%20ref(%7B%20lng%3A%20116.30793520652882%2C%20lat%3A%2040.05861561613348%20%7D)%0A%20%20const%20markerPoint%20%3D%20point%0A%0A%20%20function%20handleInitd()%20%7B%0A%20%20%20%20get(point.value)%0A%20%20%7D%0A%20%20function%20handleClick(e)%20%7B%0A%20%20%20%20markerPoint.value%20%3D%20e.latlng%0A%20%20%20%20get(e.latlng)%0A%20%20%7D%0A%3C%2Fscript%3E%0A%0A%3Cstyle%3E%0A%20%20.state%20%7B%0A%20%20%20%20margin-top%3A%2015px%3B%0A%20%20%7D%0A%20%20.state%20span%20%7B%0A%20%20%20%20margin-right%3A%2025px%3B%0A%20%20%7D%0A%3C%2Fstyle%3E%0A",description:"%3Cp%3E%E9%BC%A0%E6%A0%87%E7%82%B9%E5%87%BB%E5%9C%B0%E5%9B%BE%E9%80%89%E6%8B%A9%E5%9D%90%E6%A0%87%E7%82%B9%E8%A7%A3%E6%9E%90%3C%2Fp%3E%0A"},{default:e(()=>[F]),_:1}),d,a(t,{source:"%3Cpre%20v-pre%3E%3Ccode%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ediv%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMap%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3EenableScrollWheelZoom%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Azoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E13%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Acenter%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%7B%20lng%3A%20116.328749%2C%20lat%3A%2040.026922%20%7D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40initd%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EhandleInitd%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBControl%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Eclass%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Epoint-list%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aoffset%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%7B%20x%3A%2010%2C%20y%3A%2010%20%7D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Eul%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Eli%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-for%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E(item%2C%20index)%20in%20points%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Akey%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Eindex%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ediv%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Espan%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%7B%7B%20index%20%2B%201%20%7D%7D.%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Espan%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Espan%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E7%BA%AC%E5%BA%A6%20-%20%7B%7B%20item.lat%20%7D%7D%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Espan%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Espan%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E7%BB%8F%E5%BA%A6%20-%20%7B%7B%20item.lng%20%7D%7D%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Espan%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ediv%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Eli%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Eul%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBControl%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-if%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E!isLoading%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Ev-for%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E(item%2C%20index)%20in%20result%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMarker%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aposition%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Eitem.point%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBMarker%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBLabel%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20special-attr%22%3E%3Cspan%20class%3D%22token%20attr-name%22%3Estyle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3Cspan%20class%3D%22token%20value%20css%20language-css%22%3E%3Cspan%20class%3D%22token%20property%22%3Ecolor%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%20%23333%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20property%22%3Efont-size%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%209px%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aposition%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Eitem.point%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Acontent%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%60%24%7Bindex%7D.%20%E5%9C%B0%E5%9D%80%3A%20%24%7Bitem.address%7D%20%E6%89%80%E5%B1%9E%E5%95%86%E5%9C%88%3A%24%7Bitem.business%7D%20%E6%9C%80%E5%8C%B9%E9%85%8D%E5%9C%B0%E7%82%B9%3A%20%24%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20item%3F.surroundingPois%5B0%5D%3F.title%20%7C%7C%20'%E6%97%A0'%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%60%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBLabel%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3EBMap%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ediv%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Escript%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Elang%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ets%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Esetup%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20script%22%3E%3Cspan%20class%3D%22token%20language-javascript%22%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Eimport%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20usePointGeocoder%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20PointGeocoderResult%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Efrom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'vue3-baidu-map-gl'%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20points%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elng%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E116.307852%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elat%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E40.057031%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elng%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E116.313082%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elat%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E40.047674%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elng%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E116.328749%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elat%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E40.026922%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elng%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E116.347571%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elat%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E39.988698%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elng%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E116.316163%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elat%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E39.997753%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elng%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E116.345867%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elat%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E39.998333%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elng%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E116.403472%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elat%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E39.999411%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elng%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E116.307901%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elat%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E40.05901%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20get%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20result%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20isLoading%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20usePointGeocoder%3Cspan%20class%3D%22token%20operator%22%3E%26lt%3B%3C%2Fspan%3EPointGeocoderResult%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Efunction%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3EhandleInitd%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20function%22%3Eget%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3Epoints%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Escript%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Estyle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20style%22%3E%3Cspan%20class%3D%22token%20language-css%22%3E%0A%20%20%3Cspan%20class%3D%22token%20selector%22%3E.point-list%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Ecolor%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%20%23333%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Ebackground-color%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%20%23fff%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Efont-size%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%2010px%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Epadding%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%2010px%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Eborder-radius%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%208px%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Ebox-shadow%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3Ergb%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E0%200%200%20%2F%2015%25%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%201px%202px%201px%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20selector%22%3E.point-list%20ul%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Emargin%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%200%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Epadding%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%200%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20selector%22%3E.point-list%20li%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Elist-style%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%20none%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Eborder-bottom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%201px%20solid%20%23f1f1f1%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20selector%22%3E.point-list%20span%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Emargin-right%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%2015px%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Estyle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3C%2Fcode%3E%3C%2Fpre%3E",path:"hooks/usePointGeocoder/batch","raw-source":"%3Ctemplate%3E%0A%20%20%3Cdiv%3E%0A%20%20%20%20%3CBMap%0A%20%20%20%20%20%20v-bind%3D%22%24attrs%22%0A%20%20%20%20%20%20enableScrollWheelZoom%0A%20%20%20%20%20%20%3Azoom%3D%2213%22%0A%20%20%20%20%20%20%3Acenter%3D%22%7B%20lng%3A%20116.328749%2C%20lat%3A%2040.026922%20%7D%22%0A%20%20%20%20%20%20%40initd%3D%22handleInitd%22%0A%20%20%20%20%3E%0A%20%20%20%20%20%20%3CBControl%20class%3D%22point-list%22%20%3Aoffset%3D%22%7B%20x%3A%2010%2C%20y%3A%2010%20%7D%22%3E%0A%20%20%20%20%20%20%20%20%3Cul%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cli%20v-for%3D%22(item%2C%20index)%20in%20points%22%20%3Akey%3D%22index%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cspan%3E%7B%7B%20index%20%2B%201%20%7D%7D.%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cspan%3E%E7%BA%AC%E5%BA%A6%20-%20%7B%7B%20item.lat%20%7D%7D%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cspan%3E%E7%BB%8F%E5%BA%A6%20-%20%7B%7B%20item.lng%20%7D%7D%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2Fli%3E%0A%20%20%20%20%20%20%20%20%3C%2Ful%3E%0A%20%20%20%20%20%20%3C%2FBControl%3E%0A%20%20%20%20%20%20%3Ctemplate%20v-if%3D%22!isLoading%22%3E%0A%20%20%20%20%20%20%20%20%3Ctemplate%20v-for%3D%22(item%2C%20index)%20in%20result%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3CBMarker%20%3Aposition%3D%22item.point%22%3E%3C%2FBMarker%3E%0A%20%20%20%20%20%20%20%20%20%20%3CBLabel%0A%20%20%20%20%20%20%20%20%20%20%20%20style%3D%22color%3A%20%23333%3B%20font-size%3A%209px%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Aposition%3D%22item.point%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Acontent%3D%22%60%24%7Bindex%7D.%20%E5%9C%B0%E5%9D%80%3A%20%24%7Bitem.address%7D%20%E6%89%80%E5%B1%9E%E5%95%86%E5%9C%88%3A%24%7Bitem.business%7D%20%E6%9C%80%E5%8C%B9%E9%85%8D%E5%9C%B0%E7%82%B9%3A%20%24%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20item%3F.surroundingPois%5B0%5D%3F.title%20%7C%7C%20'%E6%97%A0'%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%60%22%0A%20%20%20%20%20%20%20%20%20%20%3E%3C%2FBLabel%3E%0A%20%20%20%20%20%20%20%20%3C%2Ftemplate%3E%0A%20%20%20%20%20%20%3C%2Ftemplate%3E%0A%20%20%20%20%3C%2FBMap%3E%0A%20%20%3C%2Fdiv%3E%0A%3C%2Ftemplate%3E%0A%0A%3Cscript%20lang%3D%22ts%22%20setup%3E%0A%20%20import%20%7B%20usePointGeocoder%2C%20PointGeocoderResult%20%7D%20from%20'vue3-baidu-map-gl'%0A%20%20const%20points%20%3D%20%5B%0A%20%20%20%20%7B%20lng%3A%20116.307852%2C%20lat%3A%2040.057031%20%7D%2C%0A%20%20%20%20%7B%20lng%3A%20116.313082%2C%20lat%3A%2040.047674%20%7D%2C%0A%20%20%20%20%7B%20lng%3A%20116.328749%2C%20lat%3A%2040.026922%20%7D%2C%0A%20%20%20%20%7B%20lng%3A%20116.347571%2C%20lat%3A%2039.988698%20%7D%2C%0A%20%20%20%20%7B%20lng%3A%20116.316163%2C%20lat%3A%2039.997753%20%7D%2C%0A%20%20%20%20%7B%20lng%3A%20116.345867%2C%20lat%3A%2039.998333%20%7D%2C%0A%20%20%20%20%7B%20lng%3A%20116.403472%2C%20lat%3A%2039.999411%20%7D%2C%0A%20%20%20%20%7B%20lng%3A%20116.307901%2C%20lat%3A%2040.05901%20%7D%0A%20%20%5D%0A%20%20const%20%7B%20get%2C%20result%2C%20isLoading%20%7D%20%3D%20usePointGeocoder%3CPointGeocoderResult%5B%5D%3E()%0A%20%20function%20handleInitd()%20%7B%0A%20%20%20%20get(points)%0A%20%20%7D%0A%3C%2Fscript%3E%0A%0A%3Cstyle%3E%0A%20%20.point-list%20%7B%0A%20%20%20%20color%3A%20%23333%3B%0A%20%20%20%20background-color%3A%20%23fff%3B%0A%20%20%20%20font-size%3A%2010px%3B%0A%20%20%20%20padding%3A%2010px%3B%0A%20%20%20%20border-radius%3A%208px%3B%0A%20%20%20%20box-shadow%3A%20rgb(0%200%200%20%2F%2015%25)%201px%202px%201px%3B%0A%20%20%7D%0A%20%20.point-list%20ul%20%7B%0A%20%20%20%20margin%3A%200%3B%0A%20%20%20%20padding%3A%200%3B%0A%20%20%7D%0A%20%20.point-list%20li%20%7B%0A%20%20%20%20list-style%3A%20none%3B%0A%20%20%20%20border-bottom%3A%201px%20solid%20%23f1f1f1%3B%0A%20%20%7D%0A%20%20.point-list%20span%20%7B%0A%20%20%20%20margin-right%3A%2015px%3B%0A%20%20%7D%0A%3C%2Fstyle%3E%0A",description:""},{default:e(()=>[D]),_:1}),h])}const _=l(c,[["render",A]]);export{f as __pageData,_ as default}; diff --git a/assets/zh-CN_hooks_useTrackAnimation.md.4LlO1R22.js b/assets/zh-CN_hooks_useTrackAnimation.md.4LlO1R22.js new file mode 100644 index 00000000..a4da0f31 --- /dev/null +++ b/assets/zh-CN_hooks_useTrackAnimation.md.4LlO1R22.js @@ -0,0 +1,71 @@ +import{_ as n,D as t,c as p,I as i,w as l,R as s,o as e,k}from"./chunks/framework.aeLSa5ZG.js";const y=JSON.parse('{"title":"useTrackAnimation","description":"","frontmatter":{},"headers":[],"relativePath":"zh-CN/hooks/useTrackAnimation.md","filePath":"zh-CN/hooks/useTrackAnimation.md","lastUpdated":1710870588000}'),o={name:"zh-CN/hooks/useTrackAnimation.md"},E=s('

useTrackAnimation ​

通过该 hooks 可实现轨迹动画, 在轨迹动态播放的同时，视角跟随移动.

ts
import { useTrackAnimation } from 'vue3-baidu-map-gl'

注意

  1. 使用该 hooks 前，请确保TrackAnimation插件正确的 注册 了。
  2. 由于在渲染动画时，数据资源是随着当前方位和坐标的改变而实时加载的，刚开始播放动画时画面可能会卡顿，属于正常现象。
  3. 为了减少加载数据资源的性能损耗，在播放动画时隐藏了地图上的 POI 点。

示例 ​

',5),c=k("p",null,"hooks/useTrackAnimation",-1),C=s(`

用法 ​

ts
const { setPath, start, cancel, stop, proceed, status } = useTrackAnimation(map, options)

TIP

该 hooks 依赖于 BMapGL ，所以需要在 Map 组件初始化完毕调用 setPath 初始化路径后，方法和数据才可用

参数 ​

参数描述类型默认值
mapMap地图组件ref引用Ref<Map>required
options地图视角动画的配置TrackAnimationOptions-

TrackAnimationOptions ​

属性描述类型默认值
duration动画持续时常，单位 msnumber10000
delay动画开始延迟number0
overallView是否在动画结束后总览视图缩放（调整地图到能看到整个轨迹的视野），默认开启booleantrue
tilt设置动画中的地图倾斜角度，默认 55 度number55
zoom设置动画中的缩放级别，默认会根据轨迹情况调整到一个合适的级别booleanauto

返回值 ​

返回值描述类型
setPath设置路径动画路径，需要在Map组件initd事件触发后才可调用(path: PathPoint[]) => void
start开始动画，setPath 设置路径后且 status 为 INITIAL 才可调用() => void
stop暂停动画函数() => void
cancel取消动画函数() => void
proceed继续播放动画函数() => void
status动画状态Ref<AnimationStatus>

PathPoint ​

ts
type PathPoint = { lng: number lat: number }

AnimationStatus ​

ts
// PLAYING 播放中
+// STOPPING 暂停中
+// INITIAL 默认状态
+type AnimationStatus = 'PLAYING' | 'STOPPING' | 'INITIAL'

TS 类型定义参考 ​

ts
import { Ref } from 'vue'
+export declare type PathPoint = {
+  lng: number
+  lat: number
+}
+export declare type UseTrackAnimationOptions = {
+  /**
+   * 动画持续时常，单位ms
+   * @default 10000
+   */
+  duration?: number
+  /**
+   * 动画开始延迟
+   * @default 0
+   */
+  delay?: number
+  /**
+   * 是否在动画结束后总览视图缩放（调整地图到能看到整个轨迹的视野），默认开启
+   * @default true
+   */
+  overallView?: boolean
+  /**
+   * 设置动画中的地图倾斜角度，默认55度
+   * @default 55
+   */
+  tilt?: number
+  /**
+   * 设置动画中的缩放级别，默认会根据轨迹情况调整到一个合适的级别
+   * @default auto
+   */
+  zoom?: number
+}
+declare type AnimationStatus = 'PLAYING' | 'STOPPING' | 'INITIAL'
+/**
+ * 轨迹动画
+ * @param {any} map 地图组件实例返回值
+ * @param {TrackAnimationOptions} options 轨迹动画配置
+ * @returns { setPath, start, stop}
+ */
+export declare function useTrackAnimation(
+  map: any,
+  options: UseTrackAnimationOptions
+): {
+  /**
+   * 设置路径动画路径
+   */
+  setPath: (path: PathPoint[]) => void
+  /**
+   * 开始动画
+   */
+  start: () => void
+  /**
+   * 暂停动画
+   */
+  stop: () => void
+  /**
+   * 取消动画
+   */
+  cancel: () => void
+  /**
+   * 继续播放动画
+   */
+  proceed: () => void
+  /**
+   * 动画状态
+   */
+  status: Ref<AnimationStatus>
+}
`,15);function h(r,D,d,u,F,A){const a=t("Demo");return e(),p("div",null,[E,i(a,{class:"p-bottom",source:"%3Cpre%20v-pre%3E%3Ccode%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ediv%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMap%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Acenter%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%7B%0A%20%20%20%20%20%20%20%20lng%3A%20116.308301%2C%0A%20%20%20%20%20%20%20%20lat%3A%2040.050566%0A%20%20%20%20%20%20%7D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Azoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E16%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aplugins%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%5B'TrackAnimation'%5D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3Eref%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Emap%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40pluginReady%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EhandleInitd%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ediv%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Eclass%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Estate%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Espan%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E5%8A%A8%E7%94%BB%E7%8A%B6%E6%80%81%3A%20%7B%7B%20status%20!%3D%3D%20'INITIAL'%20%3F%20'%E5%B7%B2%E5%BC%80%E5%A7%8B'%20%3A%20'%E6%9C%AA%E5%BC%80%E5%A7%8B'%20%7D%7D%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Espan%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Espan%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E6%92%AD%E6%94%BE%E7%8A%B6%E6%80%81%3A%20%7B%7B%20status%20%3D%3D%3D%20'INITIAL'%20%7C%7C%20status%20%3D%3D%3D%20'STOPPING'%20%3F%20'%E6%9C%AA%E6%92%AD%E6%94%BE'%20%3A%20'%E6%92%AD%E6%94%BE%E4%B8%AD'%20%7D%7D%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Espan%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ediv%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ebutton%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Etype%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ebutton%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40click%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Estart%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E5%BC%80%E5%A7%8B%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ebutton%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ebutton%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Etype%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ebutton%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40click%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Estop%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E6%9A%82%E5%81%9C%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ebutton%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ebutton%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Etype%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ebutton%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40click%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Eproceed%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E7%BB%A7%E7%BB%AD%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ebutton%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ebutton%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Etype%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ebutton%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40click%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ecancel%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E5%8F%96%E6%B6%88%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ebutton%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ediv%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Escript%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Esetup%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Elang%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ets%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20script%22%3E%3Cspan%20class%3D%22token%20language-javascript%22%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Eimport%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20ref%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Efrom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'vue'%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Eimport%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20useTrackAnimation%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Efrom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'vue3-baidu-map-gl'%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20map%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3Eref%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20keyword%22%3Enull%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20setPath%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20start%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20cancel%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20stop%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20proceed%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20status%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3EuseTrackAnimation%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3Emap%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Eduration%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E10000%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Edelay%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E0%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20path%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elng%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E116.297611%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elat%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E40.047363%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elng%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E116.302839%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elat%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E40.048219%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elng%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E116.308301%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elat%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E40.050566%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elng%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E116.305732%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elat%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E40.054957%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elng%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E116.304754%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elat%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E40.057953%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elng%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E116.306487%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elat%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E40.058312%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elng%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E116.307223%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elat%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E40.056379%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Efunction%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3EhandleInitd%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20function%22%3EsetPath%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3Epath%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Escript%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Estyle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20style%22%3E%3Cspan%20class%3D%22token%20language-css%22%3E%0A%20%20%3Cspan%20class%3D%22token%20selector%22%3E.state%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Emargin-top%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%2015px%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20selector%22%3E.state%20span%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Emargin-right%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%2025px%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Estyle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3C%2Fcode%3E%3C%2Fpre%3E",path:"hooks/useTrackAnimation","raw-source":"%3Ctemplate%3E%0A%20%20%3Cdiv%3E%0A%20%20%20%20%3CBMap%0A%20%20%20%20%20%20v-bind%3D%22%24attrs%22%0A%20%20%20%20%20%20%3Acenter%3D%22%7B%0A%20%20%20%20%20%20%20%20lng%3A%20116.308301%2C%0A%20%20%20%20%20%20%20%20lat%3A%2040.050566%0A%20%20%20%20%20%20%7D%22%0A%20%20%20%20%20%20%3Azoom%3D%2216%22%0A%20%20%20%20%20%20%3Aplugins%3D%22%5B'TrackAnimation'%5D%22%0A%20%20%20%20%20%20ref%3D%22map%22%0A%20%20%20%20%20%20%40pluginReady%3D%22handleInitd%22%0A%20%20%20%20%2F%3E%0A%20%20%20%20%3Cdiv%20class%3D%22state%22%3E%0A%20%20%20%20%20%20%3Cspan%3E%E5%8A%A8%E7%94%BB%E7%8A%B6%E6%80%81%3A%20%7B%7B%20status%20!%3D%3D%20'INITIAL'%20%3F%20'%E5%B7%B2%E5%BC%80%E5%A7%8B'%20%3A%20'%E6%9C%AA%E5%BC%80%E5%A7%8B'%20%7D%7D%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%3E%E6%92%AD%E6%94%BE%E7%8A%B6%E6%80%81%3A%20%7B%7B%20status%20%3D%3D%3D%20'INITIAL'%20%7C%7C%20status%20%3D%3D%3D%20'STOPPING'%20%3F%20'%E6%9C%AA%E6%92%AD%E6%94%BE'%20%3A%20'%E6%92%AD%E6%94%BE%E4%B8%AD'%20%7D%7D%3C%2Fspan%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3Cbutton%20class%3D%22myButton%20no-m-b%22%20type%3D%22button%22%20%40click%3D%22start%22%3E%E5%BC%80%E5%A7%8B%3C%2Fbutton%3E%0A%20%20%20%20%3Cbutton%20class%3D%22myButton%20no-m-b%22%20type%3D%22button%22%20%40click%3D%22stop%22%3E%E6%9A%82%E5%81%9C%3C%2Fbutton%3E%0A%20%20%20%20%3Cbutton%20class%3D%22myButton%20no-m-b%22%20type%3D%22button%22%20%40click%3D%22proceed%22%3E%E7%BB%A7%E7%BB%AD%3C%2Fbutton%3E%0A%20%20%20%20%3Cbutton%20class%3D%22myButton%20no-m-b%22%20type%3D%22button%22%20%40click%3D%22cancel%22%3E%E5%8F%96%E6%B6%88%3C%2Fbutton%3E%0A%20%20%3C%2Fdiv%3E%0A%3C%2Ftemplate%3E%0A%0A%3Cscript%20setup%20lang%3D%22ts%22%3E%0A%20%20import%20%7B%20ref%20%7D%20from%20'vue'%0A%20%20import%20%7B%20useTrackAnimation%20%7D%20from%20'vue3-baidu-map-gl'%0A%20%20const%20map%20%3D%20ref(null)%0A%20%20const%20%7B%20setPath%2C%20start%2C%20cancel%2C%20stop%2C%20proceed%2C%20status%20%7D%20%3D%20useTrackAnimation(map%2C%20%7B%0A%20%20%20%20duration%3A%2010000%2C%0A%20%20%20%20delay%3A%200%0A%20%20%7D)%0A%20%20const%20path%20%3D%20%5B%0A%20%20%20%20%7B%0A%20%20%20%20%20%20lng%3A%20116.297611%2C%0A%20%20%20%20%20%20lat%3A%2040.047363%0A%20%20%20%20%7D%2C%0A%20%20%20%20%7B%0A%20%20%20%20%20%20lng%3A%20116.302839%2C%0A%20%20%20%20%20%20lat%3A%2040.048219%0A%20%20%20%20%7D%2C%0A%20%20%20%20%7B%0A%20%20%20%20%20%20lng%3A%20116.308301%2C%0A%20%20%20%20%20%20lat%3A%2040.050566%0A%20%20%20%20%7D%2C%0A%20%20%20%20%7B%0A%20%20%20%20%20%20lng%3A%20116.305732%2C%0A%20%20%20%20%20%20lat%3A%2040.054957%0A%20%20%20%20%7D%2C%0A%20%20%20%20%7B%0A%20%20%20%20%20%20lng%3A%20116.304754%2C%0A%20%20%20%20%20%20lat%3A%2040.057953%0A%20%20%20%20%7D%2C%0A%20%20%20%20%7B%0A%20%20%20%20%20%20lng%3A%20116.306487%2C%0A%20%20%20%20%20%20lat%3A%2040.058312%0A%20%20%20%20%7D%2C%0A%20%20%20%20%7B%0A%20%20%20%20%20%20lng%3A%20116.307223%2C%0A%20%20%20%20%20%20lat%3A%2040.056379%0A%20%20%20%20%7D%0A%20%20%5D%0A%20%20function%20handleInitd()%20%7B%0A%20%20%20%20setPath(path)%0A%20%20%7D%0A%3C%2Fscript%3E%0A%0A%3Cstyle%3E%0A%20%20.state%20%7B%0A%20%20%20%20margin-top%3A%2015px%3B%0A%20%20%7D%0A%20%20.state%20span%20%7B%0A%20%20%20%20margin-right%3A%2025px%3B%0A%20%20%7D%0A%3C%2Fstyle%3E%0A",description:""},{default:l(()=>[c]),_:1}),C])}const B=n(o,[["render",h]]);export{y as __pageData,B as default}; diff --git a/assets/zh-CN_hooks_useTrackAnimation.md.4LlO1R22.lean.js b/assets/zh-CN_hooks_useTrackAnimation.md.4LlO1R22.lean.js new file mode 100644 index 00000000..97f3d357 --- /dev/null +++ b/assets/zh-CN_hooks_useTrackAnimation.md.4LlO1R22.lean.js @@ -0,0 +1 @@ +import{_ as n,D as t,c as p,I as i,w as l,R as s,o as e,k}from"./chunks/framework.aeLSa5ZG.js";const y=JSON.parse('{"title":"useTrackAnimation","description":"","frontmatter":{},"headers":[],"relativePath":"zh-CN/hooks/useTrackAnimation.md","filePath":"zh-CN/hooks/useTrackAnimation.md","lastUpdated":1710870588000}'),o={name:"zh-CN/hooks/useTrackAnimation.md"},E=s("",5),c=k("p",null,"hooks/useTrackAnimation",-1),C=s("",15);function h(r,D,d,u,F,A){const a=t("Demo");return e(),p("div",null,[E,i(a,{class:"p-bottom",source:"%3Cpre%20v-pre%3E%3Ccode%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ediv%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMap%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Acenter%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%7B%0A%20%20%20%20%20%20%20%20lng%3A%20116.308301%2C%0A%20%20%20%20%20%20%20%20lat%3A%2040.050566%0A%20%20%20%20%20%20%7D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Azoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E16%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aplugins%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%5B'TrackAnimation'%5D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3Eref%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Emap%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40pluginReady%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EhandleInitd%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ediv%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Eclass%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Estate%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Espan%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E5%8A%A8%E7%94%BB%E7%8A%B6%E6%80%81%3A%20%7B%7B%20status%20!%3D%3D%20'INITIAL'%20%3F%20'%E5%B7%B2%E5%BC%80%E5%A7%8B'%20%3A%20'%E6%9C%AA%E5%BC%80%E5%A7%8B'%20%7D%7D%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Espan%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Espan%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E6%92%AD%E6%94%BE%E7%8A%B6%E6%80%81%3A%20%7B%7B%20status%20%3D%3D%3D%20'INITIAL'%20%7C%7C%20status%20%3D%3D%3D%20'STOPPING'%20%3F%20'%E6%9C%AA%E6%92%AD%E6%94%BE'%20%3A%20'%E6%92%AD%E6%94%BE%E4%B8%AD'%20%7D%7D%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Espan%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ediv%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ebutton%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Etype%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ebutton%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40click%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Estart%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E5%BC%80%E5%A7%8B%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ebutton%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ebutton%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Etype%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ebutton%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40click%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Estop%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E6%9A%82%E5%81%9C%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ebutton%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ebutton%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Etype%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ebutton%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40click%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Eproceed%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E7%BB%A7%E7%BB%AD%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ebutton%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ebutton%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Etype%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ebutton%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40click%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ecancel%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E5%8F%96%E6%B6%88%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ebutton%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ediv%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Escript%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Esetup%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Elang%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ets%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20script%22%3E%3Cspan%20class%3D%22token%20language-javascript%22%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Eimport%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20ref%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Efrom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'vue'%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Eimport%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20useTrackAnimation%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Efrom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'vue3-baidu-map-gl'%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20map%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3Eref%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20keyword%22%3Enull%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20setPath%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20start%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20cancel%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20stop%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20proceed%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20status%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3EuseTrackAnimation%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3Emap%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Eduration%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E10000%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Edelay%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E0%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20path%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elng%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E116.297611%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elat%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E40.047363%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elng%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E116.302839%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elat%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E40.048219%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elng%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E116.308301%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elat%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E40.050566%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elng%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E116.305732%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elat%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E40.054957%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elng%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E116.304754%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elat%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E40.057953%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elng%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E116.306487%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elat%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E40.058312%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elng%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E116.307223%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elat%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E40.056379%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Efunction%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3EhandleInitd%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20function%22%3EsetPath%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3Epath%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Escript%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Estyle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20style%22%3E%3Cspan%20class%3D%22token%20language-css%22%3E%0A%20%20%3Cspan%20class%3D%22token%20selector%22%3E.state%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Emargin-top%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%2015px%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20selector%22%3E.state%20span%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Emargin-right%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%2025px%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Estyle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3C%2Fcode%3E%3C%2Fpre%3E",path:"hooks/useTrackAnimation","raw-source":"%3Ctemplate%3E%0A%20%20%3Cdiv%3E%0A%20%20%20%20%3CBMap%0A%20%20%20%20%20%20v-bind%3D%22%24attrs%22%0A%20%20%20%20%20%20%3Acenter%3D%22%7B%0A%20%20%20%20%20%20%20%20lng%3A%20116.308301%2C%0A%20%20%20%20%20%20%20%20lat%3A%2040.050566%0A%20%20%20%20%20%20%7D%22%0A%20%20%20%20%20%20%3Azoom%3D%2216%22%0A%20%20%20%20%20%20%3Aplugins%3D%22%5B'TrackAnimation'%5D%22%0A%20%20%20%20%20%20ref%3D%22map%22%0A%20%20%20%20%20%20%40pluginReady%3D%22handleInitd%22%0A%20%20%20%20%2F%3E%0A%20%20%20%20%3Cdiv%20class%3D%22state%22%3E%0A%20%20%20%20%20%20%3Cspan%3E%E5%8A%A8%E7%94%BB%E7%8A%B6%E6%80%81%3A%20%7B%7B%20status%20!%3D%3D%20'INITIAL'%20%3F%20'%E5%B7%B2%E5%BC%80%E5%A7%8B'%20%3A%20'%E6%9C%AA%E5%BC%80%E5%A7%8B'%20%7D%7D%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%3E%E6%92%AD%E6%94%BE%E7%8A%B6%E6%80%81%3A%20%7B%7B%20status%20%3D%3D%3D%20'INITIAL'%20%7C%7C%20status%20%3D%3D%3D%20'STOPPING'%20%3F%20'%E6%9C%AA%E6%92%AD%E6%94%BE'%20%3A%20'%E6%92%AD%E6%94%BE%E4%B8%AD'%20%7D%7D%3C%2Fspan%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3Cbutton%20class%3D%22myButton%20no-m-b%22%20type%3D%22button%22%20%40click%3D%22start%22%3E%E5%BC%80%E5%A7%8B%3C%2Fbutton%3E%0A%20%20%20%20%3Cbutton%20class%3D%22myButton%20no-m-b%22%20type%3D%22button%22%20%40click%3D%22stop%22%3E%E6%9A%82%E5%81%9C%3C%2Fbutton%3E%0A%20%20%20%20%3Cbutton%20class%3D%22myButton%20no-m-b%22%20type%3D%22button%22%20%40click%3D%22proceed%22%3E%E7%BB%A7%E7%BB%AD%3C%2Fbutton%3E%0A%20%20%20%20%3Cbutton%20class%3D%22myButton%20no-m-b%22%20type%3D%22button%22%20%40click%3D%22cancel%22%3E%E5%8F%96%E6%B6%88%3C%2Fbutton%3E%0A%20%20%3C%2Fdiv%3E%0A%3C%2Ftemplate%3E%0A%0A%3Cscript%20setup%20lang%3D%22ts%22%3E%0A%20%20import%20%7B%20ref%20%7D%20from%20'vue'%0A%20%20import%20%7B%20useTrackAnimation%20%7D%20from%20'vue3-baidu-map-gl'%0A%20%20const%20map%20%3D%20ref(null)%0A%20%20const%20%7B%20setPath%2C%20start%2C%20cancel%2C%20stop%2C%20proceed%2C%20status%20%7D%20%3D%20useTrackAnimation(map%2C%20%7B%0A%20%20%20%20duration%3A%2010000%2C%0A%20%20%20%20delay%3A%200%0A%20%20%7D)%0A%20%20const%20path%20%3D%20%5B%0A%20%20%20%20%7B%0A%20%20%20%20%20%20lng%3A%20116.297611%2C%0A%20%20%20%20%20%20lat%3A%2040.047363%0A%20%20%20%20%7D%2C%0A%20%20%20%20%7B%0A%20%20%20%20%20%20lng%3A%20116.302839%2C%0A%20%20%20%20%20%20lat%3A%2040.048219%0A%20%20%20%20%7D%2C%0A%20%20%20%20%7B%0A%20%20%20%20%20%20lng%3A%20116.308301%2C%0A%20%20%20%20%20%20lat%3A%2040.050566%0A%20%20%20%20%7D%2C%0A%20%20%20%20%7B%0A%20%20%20%20%20%20lng%3A%20116.305732%2C%0A%20%20%20%20%20%20lat%3A%2040.054957%0A%20%20%20%20%7D%2C%0A%20%20%20%20%7B%0A%20%20%20%20%20%20lng%3A%20116.304754%2C%0A%20%20%20%20%20%20lat%3A%2040.057953%0A%20%20%20%20%7D%2C%0A%20%20%20%20%7B%0A%20%20%20%20%20%20lng%3A%20116.306487%2C%0A%20%20%20%20%20%20lat%3A%2040.058312%0A%20%20%20%20%7D%2C%0A%20%20%20%20%7B%0A%20%20%20%20%20%20lng%3A%20116.307223%2C%0A%20%20%20%20%20%20lat%3A%2040.056379%0A%20%20%20%20%7D%0A%20%20%5D%0A%20%20function%20handleInitd()%20%7B%0A%20%20%20%20setPath(path)%0A%20%20%7D%0A%3C%2Fscript%3E%0A%0A%3Cstyle%3E%0A%20%20.state%20%7B%0A%20%20%20%20margin-top%3A%2015px%3B%0A%20%20%7D%0A%20%20.state%20span%20%7B%0A%20%20%20%20margin-right%3A%2025px%3B%0A%20%20%7D%0A%3C%2Fstyle%3E%0A",description:""},{default:l(()=>[c]),_:1}),C])}const B=n(o,[["render",h]]);export{y as __pageData,B as default}; diff --git a/assets/zh-CN_hooks_useViewAnimation.md.Weq2cXpt.js b/assets/zh-CN_hooks_useViewAnimation.md.Weq2cXpt.js new file mode 100644 index 00000000..303b37bc --- /dev/null +++ b/assets/zh-CN_hooks_useViewAnimation.md.Weq2cXpt.js @@ -0,0 +1,84 @@ +import{_ as l,D as a,c as o,k as s,a as n,I as t,w as E,R as p,o as k}from"./chunks/framework.aeLSa5ZG.js";const v=JSON.parse('{"title":"useViewAnimation","description":"","frontmatter":{},"headers":[],"relativePath":"zh-CN/hooks/useViewAnimation.md","filePath":"zh-CN/hooks/useViewAnimation.md","lastUpdated":1710870588000}'),C={name:"zh-CN/hooks/useViewAnimation.md"},r={id:"useviewanimation",tabindex:"-1"},c=s("a",{class:"header-anchor",href:"#useviewanimation","aria-label":'Permalink to "useViewAnimation "'},"​",-1),h=p('

该 hooks 用于展示地图的 3D 动画，您可以自定义从地图上某一地点切换到另一地点的 3D 过渡动画效果。

ts
import { useViewAnimation } from 'vue3-baidu-map-gl'

注意

  • 由于在渲染动画时，数据资源是随着当前方位和坐标的改变而实时加载的，刚开始播放动画时画面可能会卡顿，属于正常现象；此外，为了减少加载数据资源的性能损耗，在播放动画时隐藏了地图上的 POI 点。
  • 其次，在定义关键帧时相邻两个关键帧的坐标点不宜距离太远，否则会导致当前帧的资源还未加载完毕，就已经进入下一帧的播放，出现视野中看不到地图的现象。

示例 ​

',4),F=s("p",null,"hooks/useViewAnimation",-1),D=p(`

用法 ​

ts
const { setKeyFrames, start, cancel, stop, proceed, status } = useViewAnimation(map, options)

TIP

该 hooks 依赖于 BMapGL ，所以需要在 Map 组件初始化完毕调用 setKeyFrames 方法后其他方法和数据才可用

参数 ​

参数描述类型默认值
mapMap地图组件ref引用Ref<Map>required
options地图视角动画的配置ViewAnimationOptions-

ViewAnimationOptions ​

属性描述类型默认值
duration动画持续时常，单位 msnumber1000
delay动画开始延迟number0
loop循环次数，参数类型为数字时循环固定次数，参数为'INFINITE'无限循环number | 'INFINITE'1
disableDragging动画播放时禁止鼠标拖动booleantrue

返回值 ​

返回值描述类型
viewAnimation视角动画实例BMapGL.ViewAnimation
setKeyFrames设置动画关键帧函数，需要在Map组件initd事件触发后才可调用(path: ViewAnimationKeyFrames[]) => void
start开始动画函数，setKeyFrames 设置路径后且 status 为 INITIAL 才可调用() => void
stop暂停动画函数() => void
cancel取消动画函数() => void
proceed继续播放动画函数() => void
status动画状态Ref<AnimationStatus>

ViewAnimationKeyFrames ​

ts
type Point = { lng: number; lat: number }
+interface ViewAnimationKeyFrames {
+  /**
+   * 	地图中心点
+   */
+  center: Point
+  /**
+   * 	地图缩放级别，默认值为地图当前状态缩放级别
+   */
+  zoom?: number
+  /**
+   * 	地图倾斜角度，默认值为地图当前状态倾斜角度
+   */
+  tilt?: number
+  /**
+   * 	地图旋转角度，默认值为地图当前旋转角度
+   */
+  heading?: number
+  /**
+   * 	表示当前关键帧处于动画过程的百分比，取值范围0~1
+   */
+  percentage: number
+}

AnimationStatus ​

ts
// PLAYING 播放中
+// STOPPING 暂停中
+// INITIAL 默认状态
+type AnimationStatus = 'PLAYING' | 'STOPPING' | 'INITIAL'

事件监听 ​

调用useViewAnimation后，即可通过viewAnimation返回值来添加事件监听，无需等待setKeyFrames方法调用

事件参数描述
animationstart-动画开始时触发，如果配置了 delay，则在 delay 后触发
animationiterations-当动画循环大于 1 次时，上一次结束既下一次开始时触发。最后一次循环结束时不触发
animationend-动画结束时触发，如果动画中途被终止，则不会触发
animationcancel-动画中途被终止时触发

FAQ ​

为什么事件监听可以同步，而其他方法需要等到 setKeyFrames 方法调用后才可以使用 ？ ​

之所以事件监听可以同步，是因为useViewAnimationhooks 内部做了处理，先缓存了视角动画初始化前的事件监听，等到setKeyFrames方法调用后，再由内部添加监听到视角动画实例上。

这只是为了使用开发者使用体验更好，这和你等到setKeyFrames调用时，在后面添加监听，是一样的效果。

TS 类型定义参考 ​

ts
import { Ref } from 'vue'
+type Point = { lng: number; lat: number }
+export interface ViewAnimationKeyFrames {
+  /**
+   * 	地图中心点，默认值为地图当前状态中心点
+   */
+  center: Point
+  /**
+   * 	地图缩放级别，默认值为地图当前状态缩放级别
+   */
+  zoom?: number
+  /**
+   * 	地图倾斜角度，默认值为地图当前状态倾斜角度
+   */
+  tilt?: number
+  /**
+   * 	地图旋转角度，默认值为地图当前旋转角度
+   */
+  heading?: number
+  /**
+   * 	表示当前关键帧处于动画过程的百分比，取值范围0~1
+   */
+  percentage: number
+}
+export interface UseViewAnimationOptions {
+  /**
+   * 	动画开始延迟时间，单位ms，默认0
+   */
+  delay: number
+  /**
+   * 	动画持续时间，单位ms，默认1000
+   */
+  duration: number
+  /**
+   * 循环次数，参数类型为数字时循环固定次数，参数为'INFINITE'无限循环，默认为1
+   */
+  loop: number | 'INFINITE'
+  /**
+   * 动画播放时禁止鼠标拖动
+   */
+  disableDragging: boolean
+}
+declare type AnimationListenerType = 'animationstart' | 'animationiterations' | 'animationend' | 'animationcancel'
+declare type AnimationStatus = 'PLAYING' | 'STOPPING' | 'INITIAL'
+export declare function useViewAnimation(
+  map: any,
+  options: UseViewAnimationOptions
+): {
+  viewAnimation: {
+    addEventListener(event: AnimationListenerType, cal: BMapGL.Callback): void
+    removeEventListener(event: AnimationListenerType, cal: BMapGL.Callback): void
+  }
+  start: () => void
+  cancel: () => void
+  stop: () => void
+  proceed: () => void
+  status: Ref<AnimationStatus>
+  setKeyFrames: (keyFrames: ViewAnimationKeyFrames[]) => void
+}
`,22);function u(A,d,y,g,m,B){const i=a("Badge"),e=a("Demo");return k(),o("div",null,[s("h1",r,[n("useViewAnimation "),t(i,{type:"tip",text:"^0.0.30"}),n(),c]),h,t(e,{class:"p-bottom",source:"%3Cpre%20v-pre%3E%3Ccode%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ediv%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMap%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Acenter%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%7B%0A%20%20%20%20%20%20%20%20lng%3A%20116.308301%2C%0A%20%20%20%20%20%20%20%20lat%3A%2040.050566%0A%20%20%20%20%20%20%7D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Azoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E16%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aplugins%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%5B'TrackAnimation'%5D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3Eref%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Emap%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40initd%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EhandleInitd%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ediv%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Eclass%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Estate%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Espan%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E5%8A%A8%E7%94%BB%E7%8A%B6%E6%80%81%3A%20%7B%7B%20status%20!%3D%3D%20'INITIAL'%20%3F%20'%E5%B7%B2%E5%BC%80%E5%A7%8B'%20%3A%20'%E6%9C%AA%E5%BC%80%E5%A7%8B'%20%7D%7D%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Espan%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Espan%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E6%92%AD%E6%94%BE%E7%8A%B6%E6%80%81%3A%20%7B%7B%20status%20%3D%3D%3D%20'INITIAL'%20%7C%7C%20status%20%3D%3D%3D%20'STOPPING'%20%3F%20'%E6%9C%AA%E6%92%AD%E6%94%BE'%20%3A%20'%E6%92%AD%E6%94%BE%E4%B8%AD'%20%7D%7D%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Espan%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ediv%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ebutton%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Etype%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ebutton%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40click%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Estart%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E5%BC%80%E5%A7%8B%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ebutton%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ebutton%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Etype%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ebutton%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40click%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Estop%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E6%9A%82%E5%81%9C%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ebutton%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ebutton%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Etype%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ebutton%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40click%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Eproceed%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E7%BB%A7%E7%BB%AD%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ebutton%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ebutton%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Etype%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ebutton%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40click%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ecancel%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E5%8F%96%E6%B6%88%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ebutton%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ediv%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Escript%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Esetup%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Elang%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ets%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20script%22%3E%3Cspan%20class%3D%22token%20language-javascript%22%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Eimport%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20ref%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Efrom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'vue'%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Eimport%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20useViewAnimation%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20ViewAnimationKeyFrames%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Efrom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'vue3-baidu-map-gl'%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20map%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3Eref%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20keyword%22%3Enull%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20setKeyFrames%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20start%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20stop%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20proceed%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20cancel%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20status%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3EuseViewAnimation%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3Emap%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Eduration%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E10000%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Edelay%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E0%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Eloop%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'INFINITE'%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Efunction%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3EhandleInitd%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EkeyFrames%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20ViewAnimationKeyFrames%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Ecenter%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elng%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E116.307092%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elat%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E40.054922%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Ezoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E18%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Etilt%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E50%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Eheading%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E0%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Epercentage%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E0%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Ecenter%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elng%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E116.307631%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elat%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E40.055391%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Ezoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E19%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Etilt%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E70%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Eheading%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E0%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Epercentage%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E0.1%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Ecenter%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elng%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E116.306858%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elat%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E40.057887%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Ezoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E19%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Etilt%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E70%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Eheading%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E0%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Epercentage%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E0.25%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Ecenter%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elng%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E116.306858%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elat%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E40.057887%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Ezoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E19%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Etilt%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E70%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Eheading%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E-%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E90%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Epercentage%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E0.35%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Ecenter%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elng%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E116.307904%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elat%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E40.058118%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Ezoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E19%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Etilt%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E70%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Eheading%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E-%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E90%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Epercentage%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E0.45%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Ecenter%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elng%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E116.307904%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elat%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E40.058118%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Ezoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E19%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Etilt%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E70%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Eheading%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E-%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E180%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Epercentage%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E0.55%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Ecenter%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elng%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E116.308902%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elat%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E40.055954%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Ezoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E19%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Etilt%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E70%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Eheading%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E-%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E180%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Epercentage%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E0.75%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Ecenter%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elng%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E116.308902%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elat%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E40.055954%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Ezoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E19%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Etilt%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E70%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Eheading%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E-%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E270%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Epercentage%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E0.85%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Ecenter%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elng%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E116.307779%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elat%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E40.055754%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Ezoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E19%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Etilt%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E70%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Eheading%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E-%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E360%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Epercentage%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E0.95%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Ecenter%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elng%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E116.307092%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elat%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E40.054922%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Ezoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E18%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Etilt%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E50%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Eheading%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E-%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E360%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Epercentage%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E1%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20function%22%3EsetKeyFrames%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3EkeyFrames%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Escript%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Estyle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20style%22%3E%3Cspan%20class%3D%22token%20language-css%22%3E%0A%20%20%3Cspan%20class%3D%22token%20selector%22%3E.state%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Emargin-top%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%2015px%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20selector%22%3E.state%20span%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Emargin-right%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%2025px%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Estyle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3C%2Fcode%3E%3C%2Fpre%3E",path:"hooks/useViewAnimation","raw-source":"%3Ctemplate%3E%0A%20%20%3Cdiv%3E%0A%20%20%20%20%3CBMap%0A%20%20%20%20%20%20v-bind%3D%22%24attrs%22%0A%20%20%20%20%20%20%3Acenter%3D%22%7B%0A%20%20%20%20%20%20%20%20lng%3A%20116.308301%2C%0A%20%20%20%20%20%20%20%20lat%3A%2040.050566%0A%20%20%20%20%20%20%7D%22%0A%20%20%20%20%20%20%3Azoom%3D%2216%22%0A%20%20%20%20%20%20%3Aplugins%3D%22%5B'TrackAnimation'%5D%22%0A%20%20%20%20%20%20ref%3D%22map%22%0A%20%20%20%20%20%20%40initd%3D%22handleInitd%22%0A%20%20%20%20%2F%3E%0A%20%20%20%20%3Cdiv%20class%3D%22state%22%3E%0A%20%20%20%20%20%20%3Cspan%3E%E5%8A%A8%E7%94%BB%E7%8A%B6%E6%80%81%3A%20%7B%7B%20status%20!%3D%3D%20'INITIAL'%20%3F%20'%E5%B7%B2%E5%BC%80%E5%A7%8B'%20%3A%20'%E6%9C%AA%E5%BC%80%E5%A7%8B'%20%7D%7D%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%3E%E6%92%AD%E6%94%BE%E7%8A%B6%E6%80%81%3A%20%7B%7B%20status%20%3D%3D%3D%20'INITIAL'%20%7C%7C%20status%20%3D%3D%3D%20'STOPPING'%20%3F%20'%E6%9C%AA%E6%92%AD%E6%94%BE'%20%3A%20'%E6%92%AD%E6%94%BE%E4%B8%AD'%20%7D%7D%3C%2Fspan%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3Cbutton%20class%3D%22myButton%20no-m-b%22%20type%3D%22button%22%20%40click%3D%22start%22%3E%E5%BC%80%E5%A7%8B%3C%2Fbutton%3E%0A%20%20%20%20%3Cbutton%20class%3D%22myButton%20no-m-b%22%20type%3D%22button%22%20%40click%3D%22stop%22%3E%E6%9A%82%E5%81%9C%3C%2Fbutton%3E%0A%20%20%20%20%3Cbutton%20class%3D%22myButton%20no-m-b%22%20type%3D%22button%22%20%40click%3D%22proceed%22%3E%E7%BB%A7%E7%BB%AD%3C%2Fbutton%3E%0A%20%20%20%20%3Cbutton%20class%3D%22myButton%20no-m-b%22%20type%3D%22button%22%20%40click%3D%22cancel%22%3E%E5%8F%96%E6%B6%88%3C%2Fbutton%3E%0A%20%20%3C%2Fdiv%3E%0A%3C%2Ftemplate%3E%0A%0A%3Cscript%20setup%20lang%3D%22ts%22%3E%0A%20%20import%20%7B%20ref%20%7D%20from%20'vue'%0A%20%20import%20%7B%20useViewAnimation%2C%20ViewAnimationKeyFrames%20%7D%20from%20'vue3-baidu-map-gl'%0A%20%20const%20map%20%3D%20ref(null)%0A%20%20const%20%7B%20setKeyFrames%2C%20start%2C%20stop%2C%20proceed%2C%20cancel%2C%20status%20%7D%20%3D%20useViewAnimation(map%2C%20%7B%0A%20%20%20%20duration%3A%2010000%2C%0A%20%20%20%20delay%3A%200%2C%0A%20%20%20%20loop%3A%20'INFINITE'%0A%20%20%7D)%0A%20%20function%20handleInitd()%20%7B%0A%20%20%20%20const%20keyFrames%3A%20ViewAnimationKeyFrames%5B%5D%20%3D%20%5B%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20center%3A%20%7B%20lng%3A%20116.307092%2C%20lat%3A%2040.054922%20%7D%2C%0A%20%20%20%20%20%20%20%20zoom%3A%2018%2C%0A%20%20%20%20%20%20%20%20tilt%3A%2050%2C%0A%20%20%20%20%20%20%20%20heading%3A%200%2C%0A%20%20%20%20%20%20%20%20percentage%3A%200%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20center%3A%20%7B%20lng%3A%20116.307631%2C%20lat%3A%2040.055391%20%7D%2C%0A%20%20%20%20%20%20%20%20zoom%3A%2019%2C%0A%20%20%20%20%20%20%20%20tilt%3A%2070%2C%0A%20%20%20%20%20%20%20%20heading%3A%200%2C%0A%20%20%20%20%20%20%20%20percentage%3A%200.1%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20center%3A%20%7B%20lng%3A%20116.306858%2C%20lat%3A%2040.057887%20%7D%2C%0A%20%20%20%20%20%20%20%20zoom%3A%2019%2C%0A%20%20%20%20%20%20%20%20tilt%3A%2070%2C%0A%20%20%20%20%20%20%20%20heading%3A%200%2C%0A%20%20%20%20%20%20%20%20percentage%3A%200.25%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20center%3A%20%7B%20lng%3A%20116.306858%2C%20lat%3A%2040.057887%20%7D%2C%0A%20%20%20%20%20%20%20%20zoom%3A%2019%2C%0A%20%20%20%20%20%20%20%20tilt%3A%2070%2C%0A%20%20%20%20%20%20%20%20heading%3A%20-90%2C%0A%20%20%20%20%20%20%20%20percentage%3A%200.35%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20center%3A%20%7B%20lng%3A%20116.307904%2C%20lat%3A%2040.058118%20%7D%2C%0A%20%20%20%20%20%20%20%20zoom%3A%2019%2C%0A%20%20%20%20%20%20%20%20tilt%3A%2070%2C%0A%20%20%20%20%20%20%20%20heading%3A%20-90%2C%0A%20%20%20%20%20%20%20%20percentage%3A%200.45%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20center%3A%20%7B%20lng%3A%20116.307904%2C%20lat%3A%2040.058118%20%7D%2C%0A%20%20%20%20%20%20%20%20zoom%3A%2019%2C%0A%20%20%20%20%20%20%20%20tilt%3A%2070%2C%0A%20%20%20%20%20%20%20%20heading%3A%20-180%2C%0A%20%20%20%20%20%20%20%20percentage%3A%200.55%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20center%3A%20%7B%20lng%3A%20116.308902%2C%20lat%3A%2040.055954%20%7D%2C%0A%20%20%20%20%20%20%20%20zoom%3A%2019%2C%0A%20%20%20%20%20%20%20%20tilt%3A%2070%2C%0A%20%20%20%20%20%20%20%20heading%3A%20-180%2C%0A%20%20%20%20%20%20%20%20percentage%3A%200.75%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20center%3A%20%7B%20lng%3A%20116.308902%2C%20lat%3A%2040.055954%20%7D%2C%0A%20%20%20%20%20%20%20%20zoom%3A%2019%2C%0A%20%20%20%20%20%20%20%20tilt%3A%2070%2C%0A%20%20%20%20%20%20%20%20heading%3A%20-270%2C%0A%20%20%20%20%20%20%20%20percentage%3A%200.85%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20center%3A%20%7B%20lng%3A%20116.307779%2C%20lat%3A%2040.055754%20%7D%2C%0A%20%20%20%20%20%20%20%20zoom%3A%2019%2C%0A%20%20%20%20%20%20%20%20tilt%3A%2070%2C%0A%20%20%20%20%20%20%20%20heading%3A%20-360%2C%0A%20%20%20%20%20%20%20%20percentage%3A%200.95%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20center%3A%20%7B%20lng%3A%20116.307092%2C%20lat%3A%2040.054922%20%7D%2C%0A%20%20%20%20%20%20%20%20zoom%3A%2018%2C%0A%20%20%20%20%20%20%20%20tilt%3A%2050%2C%0A%20%20%20%20%20%20%20%20heading%3A%20-360%2C%0A%20%20%20%20%20%20%20%20percentage%3A%201%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%5D%0A%20%20%20%20setKeyFrames(keyFrames)%0A%20%20%7D%0A%3C%2Fscript%3E%0A%0A%3Cstyle%3E%0A%20%20.state%20%7B%0A%20%20%20%20margin-top%3A%2015px%3B%0A%20%20%7D%0A%20%20.state%20span%20%7B%0A%20%20%20%20margin-right%3A%2025px%3B%0A%20%20%7D%0A%3C%2Fstyle%3E%0A",description:""},{default:E(()=>[F]),_:1}),D])}const I=l(C,[["render",u]]);export{v as __pageData,I as default}; diff --git a/assets/zh-CN_hooks_useViewAnimation.md.Weq2cXpt.lean.js b/assets/zh-CN_hooks_useViewAnimation.md.Weq2cXpt.lean.js new file mode 100644 index 00000000..364118d6 --- /dev/null +++ b/assets/zh-CN_hooks_useViewAnimation.md.Weq2cXpt.lean.js @@ -0,0 +1 @@ +import{_ as l,D as a,c as o,k as s,a as n,I as t,w as E,R as p,o as k}from"./chunks/framework.aeLSa5ZG.js";const v=JSON.parse('{"title":"useViewAnimation","description":"","frontmatter":{},"headers":[],"relativePath":"zh-CN/hooks/useViewAnimation.md","filePath":"zh-CN/hooks/useViewAnimation.md","lastUpdated":1710870588000}'),C={name:"zh-CN/hooks/useViewAnimation.md"},r={id:"useviewanimation",tabindex:"-1"},c=s("a",{class:"header-anchor",href:"#useviewanimation","aria-label":'Permalink to "useViewAnimation "'},"​",-1),h=p("",4),F=s("p",null,"hooks/useViewAnimation",-1),D=p("",22);function u(A,d,y,g,m,B){const i=a("Badge"),e=a("Demo");return k(),o("div",null,[s("h1",r,[n("useViewAnimation "),t(i,{type:"tip",text:"^0.0.30"}),n(),c]),h,t(e,{class:"p-bottom",source:"%3Cpre%20v-pre%3E%3Ccode%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ediv%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3EBMap%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Acenter%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%7B%0A%20%20%20%20%20%20%20%20lng%3A%20116.308301%2C%0A%20%20%20%20%20%20%20%20lat%3A%2040.050566%0A%20%20%20%20%20%20%7D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Azoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E16%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aplugins%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%5B'TrackAnimation'%5D%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3Eref%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Emap%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40initd%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3EhandleInitd%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ediv%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Eclass%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Estate%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Espan%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E5%8A%A8%E7%94%BB%E7%8A%B6%E6%80%81%3A%20%7B%7B%20status%20!%3D%3D%20'INITIAL'%20%3F%20'%E5%B7%B2%E5%BC%80%E5%A7%8B'%20%3A%20'%E6%9C%AA%E5%BC%80%E5%A7%8B'%20%7D%7D%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Espan%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Espan%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E6%92%AD%E6%94%BE%E7%8A%B6%E6%80%81%3A%20%7B%7B%20status%20%3D%3D%3D%20'INITIAL'%20%7C%7C%20status%20%3D%3D%3D%20'STOPPING'%20%3F%20'%E6%9C%AA%E6%92%AD%E6%94%BE'%20%3A%20'%E6%92%AD%E6%94%BE%E4%B8%AD'%20%7D%7D%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Espan%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ediv%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ebutton%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Etype%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ebutton%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40click%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Estart%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E5%BC%80%E5%A7%8B%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ebutton%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ebutton%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Etype%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ebutton%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40click%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Estop%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E6%9A%82%E5%81%9C%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ebutton%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ebutton%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Etype%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ebutton%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40click%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Eproceed%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E7%BB%A7%E7%BB%AD%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ebutton%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ebutton%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Etype%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ebutton%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%40click%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ecancel%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%E5%8F%96%E6%B6%88%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ebutton%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ediv%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Escript%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Esetup%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Elang%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Ets%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20script%22%3E%3Cspan%20class%3D%22token%20language-javascript%22%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Eimport%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20ref%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Efrom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'vue'%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Eimport%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20useViewAnimation%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20ViewAnimationKeyFrames%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20keyword%22%3Efrom%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'vue3-baidu-map-gl'%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20map%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3Eref%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20keyword%22%3Enull%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20setKeyFrames%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20start%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20stop%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20proceed%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20cancel%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20status%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3EuseViewAnimation%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3Emap%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Eduration%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E10000%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Edelay%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E0%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Eloop%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20string%22%3E'INFINITE'%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20keyword%22%3Efunction%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20function%22%3EhandleInitd%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20keyword%22%3Econst%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3EkeyFrames%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20ViewAnimationKeyFrames%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E%3D%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%5B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Ecenter%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elng%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E116.307092%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elat%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E40.054922%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Ezoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E18%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Etilt%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E50%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Eheading%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E0%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Epercentage%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E0%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Ecenter%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elng%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E116.307631%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elat%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E40.055391%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Ezoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E19%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Etilt%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E70%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Eheading%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E0%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Epercentage%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E0.1%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Ecenter%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elng%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E116.306858%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elat%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E40.057887%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Ezoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E19%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Etilt%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E70%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Eheading%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E0%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Epercentage%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E0.25%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Ecenter%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elng%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E116.306858%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elat%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E40.057887%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Ezoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E19%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Etilt%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E70%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Eheading%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E-%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E90%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Epercentage%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E0.35%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Ecenter%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elng%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E116.307904%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elat%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E40.058118%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Ezoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E19%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Etilt%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E70%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Eheading%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E-%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E90%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Epercentage%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E0.45%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Ecenter%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elng%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E116.307904%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elat%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E40.058118%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Ezoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E19%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Etilt%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E70%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Eheading%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E-%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E180%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Epercentage%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E0.55%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Ecenter%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elng%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E116.308902%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elat%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E40.055954%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Ezoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E19%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Etilt%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E70%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Eheading%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E-%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E180%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Epercentage%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E0.75%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Ecenter%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elng%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E116.308902%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elat%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E40.055954%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Ezoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E19%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Etilt%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E70%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Eheading%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E-%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E270%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Epercentage%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E0.85%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Ecenter%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elng%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E116.307779%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elat%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E40.055754%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Ezoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E19%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Etilt%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E70%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Eheading%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E-%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E360%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Epercentage%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E0.95%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Ecenter%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elng%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E116.307092%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Elat%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E40.054922%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Ezoom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E18%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Etilt%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E50%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Eheading%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20operator%22%3E-%3C%2Fspan%3E%3Cspan%20class%3D%22token%20number%22%3E360%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%2C%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22token%20literal-property%20property%22%3Epercentage%3C%2Fspan%3E%3Cspan%20class%3D%22token%20operator%22%3E%3A%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20number%22%3E1%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%5D%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20function%22%3EsetKeyFrames%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E(%3C%2Fspan%3EkeyFrames%3Cspan%20class%3D%22token%20punctuation%22%3E)%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Escript%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Estyle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20style%22%3E%3Cspan%20class%3D%22token%20language-css%22%3E%0A%20%20%3Cspan%20class%3D%22token%20selector%22%3E.state%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Emargin-top%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%2015px%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20selector%22%3E.state%20span%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20property%22%3Emargin-right%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3A%3C%2Fspan%3E%2025px%3Cspan%20class%3D%22token%20punctuation%22%3E%3B%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%7D%3C%2Fspan%3E%0A%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Estyle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3C%2Fcode%3E%3C%2Fpre%3E",path:"hooks/useViewAnimation","raw-source":"%3Ctemplate%3E%0A%20%20%3Cdiv%3E%0A%20%20%20%20%3CBMap%0A%20%20%20%20%20%20v-bind%3D%22%24attrs%22%0A%20%20%20%20%20%20%3Acenter%3D%22%7B%0A%20%20%20%20%20%20%20%20lng%3A%20116.308301%2C%0A%20%20%20%20%20%20%20%20lat%3A%2040.050566%0A%20%20%20%20%20%20%7D%22%0A%20%20%20%20%20%20%3Azoom%3D%2216%22%0A%20%20%20%20%20%20%3Aplugins%3D%22%5B'TrackAnimation'%5D%22%0A%20%20%20%20%20%20ref%3D%22map%22%0A%20%20%20%20%20%20%40initd%3D%22handleInitd%22%0A%20%20%20%20%2F%3E%0A%20%20%20%20%3Cdiv%20class%3D%22state%22%3E%0A%20%20%20%20%20%20%3Cspan%3E%E5%8A%A8%E7%94%BB%E7%8A%B6%E6%80%81%3A%20%7B%7B%20status%20!%3D%3D%20'INITIAL'%20%3F%20'%E5%B7%B2%E5%BC%80%E5%A7%8B'%20%3A%20'%E6%9C%AA%E5%BC%80%E5%A7%8B'%20%7D%7D%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%3E%E6%92%AD%E6%94%BE%E7%8A%B6%E6%80%81%3A%20%7B%7B%20status%20%3D%3D%3D%20'INITIAL'%20%7C%7C%20status%20%3D%3D%3D%20'STOPPING'%20%3F%20'%E6%9C%AA%E6%92%AD%E6%94%BE'%20%3A%20'%E6%92%AD%E6%94%BE%E4%B8%AD'%20%7D%7D%3C%2Fspan%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3Cbutton%20class%3D%22myButton%20no-m-b%22%20type%3D%22button%22%20%40click%3D%22start%22%3E%E5%BC%80%E5%A7%8B%3C%2Fbutton%3E%0A%20%20%20%20%3Cbutton%20class%3D%22myButton%20no-m-b%22%20type%3D%22button%22%20%40click%3D%22stop%22%3E%E6%9A%82%E5%81%9C%3C%2Fbutton%3E%0A%20%20%20%20%3Cbutton%20class%3D%22myButton%20no-m-b%22%20type%3D%22button%22%20%40click%3D%22proceed%22%3E%E7%BB%A7%E7%BB%AD%3C%2Fbutton%3E%0A%20%20%20%20%3Cbutton%20class%3D%22myButton%20no-m-b%22%20type%3D%22button%22%20%40click%3D%22cancel%22%3E%E5%8F%96%E6%B6%88%3C%2Fbutton%3E%0A%20%20%3C%2Fdiv%3E%0A%3C%2Ftemplate%3E%0A%0A%3Cscript%20setup%20lang%3D%22ts%22%3E%0A%20%20import%20%7B%20ref%20%7D%20from%20'vue'%0A%20%20import%20%7B%20useViewAnimation%2C%20ViewAnimationKeyFrames%20%7D%20from%20'vue3-baidu-map-gl'%0A%20%20const%20map%20%3D%20ref(null)%0A%20%20const%20%7B%20setKeyFrames%2C%20start%2C%20stop%2C%20proceed%2C%20cancel%2C%20status%20%7D%20%3D%20useViewAnimation(map%2C%20%7B%0A%20%20%20%20duration%3A%2010000%2C%0A%20%20%20%20delay%3A%200%2C%0A%20%20%20%20loop%3A%20'INFINITE'%0A%20%20%7D)%0A%20%20function%20handleInitd()%20%7B%0A%20%20%20%20const%20keyFrames%3A%20ViewAnimationKeyFrames%5B%5D%20%3D%20%5B%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20center%3A%20%7B%20lng%3A%20116.307092%2C%20lat%3A%2040.054922%20%7D%2C%0A%20%20%20%20%20%20%20%20zoom%3A%2018%2C%0A%20%20%20%20%20%20%20%20tilt%3A%2050%2C%0A%20%20%20%20%20%20%20%20heading%3A%200%2C%0A%20%20%20%20%20%20%20%20percentage%3A%200%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20center%3A%20%7B%20lng%3A%20116.307631%2C%20lat%3A%2040.055391%20%7D%2C%0A%20%20%20%20%20%20%20%20zoom%3A%2019%2C%0A%20%20%20%20%20%20%20%20tilt%3A%2070%2C%0A%20%20%20%20%20%20%20%20heading%3A%200%2C%0A%20%20%20%20%20%20%20%20percentage%3A%200.1%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20center%3A%20%7B%20lng%3A%20116.306858%2C%20lat%3A%2040.057887%20%7D%2C%0A%20%20%20%20%20%20%20%20zoom%3A%2019%2C%0A%20%20%20%20%20%20%20%20tilt%3A%2070%2C%0A%20%20%20%20%20%20%20%20heading%3A%200%2C%0A%20%20%20%20%20%20%20%20percentage%3A%200.25%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20center%3A%20%7B%20lng%3A%20116.306858%2C%20lat%3A%2040.057887%20%7D%2C%0A%20%20%20%20%20%20%20%20zoom%3A%2019%2C%0A%20%20%20%20%20%20%20%20tilt%3A%2070%2C%0A%20%20%20%20%20%20%20%20heading%3A%20-90%2C%0A%20%20%20%20%20%20%20%20percentage%3A%200.35%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20center%3A%20%7B%20lng%3A%20116.307904%2C%20lat%3A%2040.058118%20%7D%2C%0A%20%20%20%20%20%20%20%20zoom%3A%2019%2C%0A%20%20%20%20%20%20%20%20tilt%3A%2070%2C%0A%20%20%20%20%20%20%20%20heading%3A%20-90%2C%0A%20%20%20%20%20%20%20%20percentage%3A%200.45%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20center%3A%20%7B%20lng%3A%20116.307904%2C%20lat%3A%2040.058118%20%7D%2C%0A%20%20%20%20%20%20%20%20zoom%3A%2019%2C%0A%20%20%20%20%20%20%20%20tilt%3A%2070%2C%0A%20%20%20%20%20%20%20%20heading%3A%20-180%2C%0A%20%20%20%20%20%20%20%20percentage%3A%200.55%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20center%3A%20%7B%20lng%3A%20116.308902%2C%20lat%3A%2040.055954%20%7D%2C%0A%20%20%20%20%20%20%20%20zoom%3A%2019%2C%0A%20%20%20%20%20%20%20%20tilt%3A%2070%2C%0A%20%20%20%20%20%20%20%20heading%3A%20-180%2C%0A%20%20%20%20%20%20%20%20percentage%3A%200.75%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20center%3A%20%7B%20lng%3A%20116.308902%2C%20lat%3A%2040.055954%20%7D%2C%0A%20%20%20%20%20%20%20%20zoom%3A%2019%2C%0A%20%20%20%20%20%20%20%20tilt%3A%2070%2C%0A%20%20%20%20%20%20%20%20heading%3A%20-270%2C%0A%20%20%20%20%20%20%20%20percentage%3A%200.85%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20center%3A%20%7B%20lng%3A%20116.307779%2C%20lat%3A%2040.055754%20%7D%2C%0A%20%20%20%20%20%20%20%20zoom%3A%2019%2C%0A%20%20%20%20%20%20%20%20tilt%3A%2070%2C%0A%20%20%20%20%20%20%20%20heading%3A%20-360%2C%0A%20%20%20%20%20%20%20%20percentage%3A%200.95%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20center%3A%20%7B%20lng%3A%20116.307092%2C%20lat%3A%2040.054922%20%7D%2C%0A%20%20%20%20%20%20%20%20zoom%3A%2018%2C%0A%20%20%20%20%20%20%20%20tilt%3A%2050%2C%0A%20%20%20%20%20%20%20%20heading%3A%20-360%2C%0A%20%20%20%20%20%20%20%20percentage%3A%201%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%5D%0A%20%20%20%20setKeyFrames(keyFrames)%0A%20%20%7D%0A%3C%2Fscript%3E%0A%0A%3Cstyle%3E%0A%20%20.state%20%7B%0A%20%20%20%20margin-top%3A%2015px%3B%0A%20%20%7D%0A%20%20.state%20span%20%7B%0A%20%20%20%20margin-right%3A%2025px%3B%0A%20%20%7D%0A%3C%2Fstyle%3E%0A",description:""},{default:E(()=>[F]),_:1}),D])}const I=l(C,[["render",u]]);export{v as __pageData,I as default}; diff --git a/assets/zh-CN_index.md.We-71inU.js b/assets/zh-CN_index.md.We-71inU.js new file mode 100644 index 00000000..acbd4c68 --- /dev/null +++ b/assets/zh-CN_index.md.We-71inU.js @@ -0,0 +1 @@ +import{V as e}from"./chunks/vanilla-tilt.es2015.wZKfKoOJ.js";import{d as i,j as a,c as n,o as s}from"./chunks/framework.aeLSa5ZG.js";const c=JSON.parse('{"title":"Vue3 Baidu Map Gl","description":"","frontmatter":{"layout":"home","title":"Vue3 Baidu Map Gl","hero":{"name":"Vue3 Baidu Map Gl","text":"Vue3 & BMapGL 组件库 + hooks 库","tagline":"易用 & 完整 & 性能不错","image":{"src":"/logo.svg","alt":"Vue3 BaiduMap GL"},"actions":[{"theme":"brand","text":"开始使用","link":"/zh-CN/guide/introduction"},{"theme":"alt","text":"View on GitHub","link":"https://github.com/yue1123/vue3-baidu-map-gl"}]},"features":[{"icon":"\\"Rocket\\"","title":"化繁 => 为简","details":"将百度地图繁琐的 API 封装进组件，你只需关注组件本身"},{"icon":"\\"Package\\"","title":"完整","details":"20+ 高质量的开箱即用 Vue 3 组件以及 5+ hooks 封装"},{"icon":"\\"Triangular","title":"易用","details":"遵循直觉的、简约的 Api 设计"},{"icon":"\\"High","title":"高性能","details":"Composition Api，更好的性能"},{"icon":"\\"Hammer\\"","title":"不是 AnyScript","details":"完整的 TypeScript 支持，更好的体验"},{"icon":"\\"Globe","title":"WebGL","details":"基于百度地图Gl版SDK，WebGL对地图、覆盖物等进行渲染，支持3D视角展示地图"}]},"headers":[],"relativePath":"zh-CN/index.md","filePath":"zh-CN/index.md","lastUpdated":1710870588000}'),l={name:"zh-CN/index.md"},h=i({...l,setup(o){return a(()=>{const t=document.querySelector(".image");e.init(t,{reverse:!0,transition:!0})}),(t,r)=>(s(),n("div"))}});export{c as __pageData,h as default}; diff --git a/assets/zh-CN_index.md.We-71inU.lean.js b/assets/zh-CN_index.md.We-71inU.lean.js new file mode 100644 index 00000000..acbd4c68 --- /dev/null +++ b/assets/zh-CN_index.md.We-71inU.lean.js @@ -0,0 +1 @@ +import{V as e}from"./chunks/vanilla-tilt.es2015.wZKfKoOJ.js";import{d as i,j as a,c as n,o as s}from"./chunks/framework.aeLSa5ZG.js";const c=JSON.parse('{"title":"Vue3 Baidu Map Gl","description":"","frontmatter":{"layout":"home","title":"Vue3 Baidu Map Gl","hero":{"name":"Vue3 Baidu Map Gl","text":"Vue3 & BMapGL 组件库 + hooks 库","tagline":"易用 & 完整 & 性能不错","image":{"src":"/logo.svg","alt":"Vue3 BaiduMap GL"},"actions":[{"theme":"brand","text":"开始使用","link":"/zh-CN/guide/introduction"},{"theme":"alt","text":"View on GitHub","link":"https://github.com/yue1123/vue3-baidu-map-gl"}]},"features":[{"icon":"\\"Rocket\\"","title":"化繁 => 为简","details":"将百度地图繁琐的 API 封装进组件，你只需关注组件本身"},{"icon":"\\"Package\\"","title":"完整","details":"20+ 高质量的开箱即用 Vue 3 组件以及 5+ hooks 封装"},{"icon":"\\"Triangular","title":"易用","details":"遵循直觉的、简约的 Api 设计"},{"icon":"\\"High","title":"高性能","details":"Composition Api，更好的性能"},{"icon":"\\"Hammer\\"","title":"不是 AnyScript","details":"完整的 TypeScript 支持，更好的体验"},{"icon":"\\"Globe","title":"WebGL","details":"基于百度地图Gl版SDK，WebGL对地图、覆盖物等进行渲染，支持3D视角展示地图"}]},"headers":[],"relativePath":"zh-CN/index.md","filePath":"zh-CN/index.md","lastUpdated":1710870588000}'),l={name:"zh-CN/index.md"},h=i({...l,setup(o){return a(()=>{const t=document.querySelector(".image");e.init(t,{reverse:!0,transition:!0})}),(t,r)=>(s(),n("div"))}});export{c as __pageData,h as default}; diff --git a/hashmap.json b/hashmap.json index 50c4e470..17e4713a 100644 --- a/hashmap.json +++ b/hashmap.json @@ -1 +1 @@ -{"zh-cn_components_control_navigation3d.md":"bYJDJQ1M","zh-cn_components_control_citylist.md":"AeF1CjUB","zh-cn_components_control_panorama-control.md":"aGekwXon","zh-cn_components_control_context-menu.md":"f-lcd__3","sponsor.md":"qZ-o8DrO","zh-cn_components_control_zoom.md":"9U7rIA0g","zh-cn_components_control_location.md":"Pa2g3qrS","index.md":"Vin8thbk","zh-cn_components_layer_panorama-coverage.md":"cyUF6ml9","zh-cn_index.md":"7X_G4sip","zh-cn_hooks_useareaboundary.md":"-HNgbYB9","zh-cn_components_autocomplete_index.md":"MpFwDp8u","zh-cn_components_overlay_circle.md":"Ty3Jge2o","zh-cn_components_overlay_beziercurve.md":"AvbXenSo","zh-cn_expand_mapv.md":"-nCcziyz","zh-cn_hooks_useiplocation.md":"Dhv_nnm9","zh-cn_hooks_usepoint.md":"Hz5vH4Bq","zh-cn_guide_com-events.md":"2hyNKSTN","zh-cn_hooks_usepointconvertor.md":"P9laPCXi","zh-cn_components_overlay_label.md":"-8gcpAY0","zh-cn_hooks_useviewanimation.md":"gZ5p556U","zh-cn_components_overlay_polygon.md":"rj_5cEBl","zh-cn_components_control_copyright.md":"H_qVixEk","zh-cn_components_control_scale.md":"Of4OsTWs","zh-cn_hooks_usetrackanimation.md":"LzTFyqZT","zh-cn_hooks_useaddressgeocoder.md":"Ap-D_k19","zh-cn_components_control_custom.md":"XJrA126P","zh-cn_components_map.md":"mzIbzo8U","zh-cn_guide_config.md":"oI7ZIQ5q","zh-cn_guide_installation.md":"3hE_-u6B","zh-cn_hooks_usepointgeocoder.md":"4Lyidoko","zh-cn_guide_breaking-changes.md":"WpUCxVLB","zh-cn_components_overlay_polyline.md":"ysbPCRtt","zh-cn_hooks_usedefaultmarkericons.md":"o5MfNQP1","zh-cn_components_overlay_ground-overlay.md":"Ec-_HG4c","zh-cn_guide_faq.md":"020hwMol","zh-cn_components_layer_district-layer.md":"5AYGJdtW","zh-cn_components_overlay_mapmask.md":"n8KsbIHf","zh-cn_components_overlay_prism.md":"R3TqowpA","zh-cn_expand_bmap-draw.md":"7hqJIKPs","zh-cn_hooks_usebrowserlocation.md":"pkqktu99","zh-cn_guide_quick-start.md":"Dk2v9wRS","zh-cn_components_overlay_infowindow.md":"DEvgBtBt","zh-cn_components_overlay_marker.md":"W8qVkohF","zh-cn_components_overlay_marker3d.md":"mbLa45-S","zh-cn_guide_introduction.md":"A4Ek-pxR"} +{"zh-cn_components_control_custom.md":"UcP2ujsc","zh-cn_components_control_context-menu.md":"fkbF2NCh","zh-cn_components_control_panorama-control.md":"a2jnnlGQ","zh-cn_components_autocomplete_index.md":"Pa2pZGUC","zh-cn_components_control_copyright.md":"sSCKnGFH","zh-cn_components_control_citylist.md":"Q7jNASqU","zh-cn_components_overlay_label.md":"pyBljlYk","zh-cn_components_control_location.md":"szTkX13x","zh-cn_components_layer_panorama-coverage.md":"O01fCwW6","zh-cn_components_overlay_ground-overlay.md":"T1-KSLpR","zh-cn_components_layer_district-layer.md":"O4eUQeWM","sponsor.md":"X-1f35D3","zh-cn_guide_breaking-changes.md":"7W8LTLQp","zh-cn_components_overlay_marker3d.md":"7p8_vjNx","zh-cn_components_overlay_polyline.md":"w-R2K3lm","zh-cn_components_control_scale.md":"T21qzRai","zh-cn_guide_faq.md":"rk03BBgf","index.md":"H6mwYhbD","zh-cn_components_map.md":"qRZ4_jbk","zh-cn_components_overlay_beziercurve.md":"ae3YJZ5j","zh-cn_components_overlay_polygon.md":"lGzkxvGv","zh-cn_components_overlay_marker.md":"9f-yv3bf","zh-cn_components_overlay_prism.md":"dHc1ejy7","zh-cn_guide_com-events.md":"FY4Eb9JV","zh-cn_expand_mapv.md":"aEB32QET","zh-cn_components_control_navigation3d.md":"iReu1i7a","zh-cn_components_control_zoom.md":"9aesRkwv","zh-cn_guide_introduction.md":"V0HSUq99","zh-cn_components_overlay_infowindow.md":"8_l9nV4k","zh-cn_hooks_useiplocation.md":"FoLVu7yq","zh-cn_hooks_usepoint.md":"XMOvWuf7","zh-cn_hooks_usepointconvertor.md":"HGNPWjzq","zh-cn_guide_config.md":"hohAJkoW","zh-cn_guide_installation.md":"UMm6pe_2","zh-cn_expand_bmap-draw.md":"f6Bg1y3Y","zh-cn_hooks_useareaboundary.md":"oyoylJmf","zh-cn_guide_quick-start.md":"uN56BdSh","zh-cn_hooks_useaddressgeocoder.md":"-DV3KvbV","zh-cn_components_overlay_mapmask.md":"m9JqJrVy","zh-cn_hooks_usedefaultmarkericons.md":"dEfYXKrd","zh-cn_hooks_usebrowserlocation.md":"qO0MDNRO","zh-cn_index.md":"We-71inU","zh-cn_components_overlay_circle.md":"ZITKZyjc","zh-cn_hooks_useviewanimation.md":"Weq2cXpt","zh-cn_hooks_usepointgeocoder.md":"X4Yxkn4A","zh-cn_hooks_usetrackanimation.md":"4LlO1R22"} diff --git a/index.html b/index.html index 5c959202..ba99ae8b 100644 --- a/index.html +++ b/index.html @@ -6,7 +6,7 @@ Vue3 Baidu Map Gl | Vue3 Baidu Map Gl - + @@ -16,7 +16,7 @@ - + @@ -30,7 +30,7 @@
Vue3 Baidu Map Gl

Appearance

Vue3 Baidu Map Gl

Vue3 & BMapGL 组件库 + hooks 库

易用 & 完整 & 性能不错

开始使用
View on GitHub
Vue3 BaiduMap GL
Rocket

化繁 => 为简

将百度地图繁琐的 API 封装进组件，你只需关注组件本身

Package

完整

20+ 高质量的开箱即用 Vue 3 组件以及 5+ hooks 封装

Triangular Ruler

易用

遵循直觉的、简约的 Api 设计

High Voltage

高性能

Composition Api，更好的性能

Hammer

不是 AnyScript

完整的 TypeScript 支持，更好的体验

Globe Showing Asia-Australia

WebGL

基于百度地图Gl版SDK，WebGL对地图、覆盖物等进行渲染，支持3D视角展示地图

Released under the MIT License.

Copyright © 2022-present dh and all contributors

- + \ No newline at end of file diff --git a/sponsor.html b/sponsor.html index 7b88855c..2835ecc1 100644 --- a/sponsor.html +++ b/sponsor.html @@ -6,7 +6,7 @@ 赞助作者 ☕️ | Vue3 Baidu Map Gl - + @@ -15,7 +15,7 @@ - + @@ -28,8 +28,8 @@ -
Vue3 Baidu Map Gl

Appearance

赞助作者 ☕️ ​



维护和开发一个开源项目需要花费大量时间和精力。如果您觉得这个项目对您有所帮助，考虑用一杯咖啡的价格来鼓励和支持我们的工作。您的赞助将激励我们更加积极地更新和改进项目！

或者，给我们的项目点个 star ⭐️，这对于我们来说意义重大。这将有助于让更多的人知道我们的项目，增加项目的曝光度和受欢迎程度。

如何赞助 ​

您可以通过微信或者支付宝扫描下面二维码进行赞助，我们会在下面展示您的昵称信息（如果您介意展示，也可在留言中说明）。

非常感谢您的支持。



当前赞助者 ​

昵称 Partying Face
充电 High Voltage
友**_A10¥
Song 丶**成眷88.88¥
**满200¥
热心**小马15¥

Released under the MIT License.

Copyright © 2022-present dh and all contributors

- +
Vue3 Baidu Map Gl

Appearance

赞助作者 ☕️ ​



维护和开发一个开源项目需要花费大量时间和精力。如果您觉得这个项目对您有所帮助，考虑用一杯咖啡的价格来鼓励和支持我们的工作。您的赞助将激励我们更加积极地更新和改进项目！

或者，给我们的项目点个 star ⭐️，这对于我们来说意义重大。这将有助于让更多的人知道我们的项目，增加项目的曝光度和受欢迎程度。

如何赞助 ​

您可以通过微信或者支付宝扫描下面二维码进行赞助，我们会在下面展示您的昵称信息（如果您介意展示，也可在留言中说明）。

非常感谢您的支持。



当前赞助者 ​

昵称 Partying Face
充电 High Voltage
友**_A10¥
Song 丶**成眷88.88¥
**满200¥
热心**小马15¥

Released under the MIT License.

Copyright © 2022-present dh and all contributors

+ \ No newline at end of file diff --git a/sw.js b/sw.js index 1cc6711c..ca075989 100644 --- a/sw.js +++ b/sw.js @@ -1 +1 @@ -if(!self.define){let e,s={};const n=(n,o)=>(n=new URL(n+".js",o).href,s[n]||new Promise((s=>{if("document"in self){const e=document.createElement("script");e.src=n,e.onload=s,document.head.appendChild(e)}else e=n,importScripts(n),s()})).then((()=>{let e=s[n];if(!e)throw new Error(`Module ${n} didn’t register its module`);return e})));self.define=(o,l)=>{const a=e||("document"in self?document.currentScript.src:"")||location.href;if(s[a])return;let i={};const r=e=>n(e,a),d={module:{uri:a},exports:i,require:r};s[a]=Promise.all(o.map((e=>d[e]||r(e)))).then((e=>(l(...e),i)))}}define(["./workbox-8c9736bb"],(function(e){"use strict";e.setCacheNameDetails({prefix:"bundle-prefetch"}),self.addEventListener("message",(e=>{e.data&&"SKIP_WAITING"===e.data.type&&self.skipWaiting()})),e.precacheAndRoute([{url:"404.html",revision:"472f4a85f3c6ed25d32c67937b2057b5"},{url:"assets/app.RU8bY9Da.js",revision:null},{url:"assets/chunks/@localSearchIndexroot.DgztKppO.js",revision:null},{url:"assets/chunks/bmap-draw.min.fXjVp_JZ.js",revision:null},{url:"assets/chunks/commonjsHelpers.5-cIlDoe.js",revision:null},{url:"assets/chunks/framework.aeLSa5ZG.js",revision:null},{url:"assets/chunks/mapvthree.umd.c7ntDXwx.js",revision:null},{url:"assets/chunks/theme.AtHbRY-T.js",revision:null},{url:"assets/chunks/vanilla-tilt.es2015.wZKfKoOJ.js",revision:null},{url:"assets/chunks/virtual_pwa-register.Wfz9M2iD.js",revision:null},{url:"assets/chunks/VPLocalSearchBox.Clvp-hSd.js",revision:null},{url:"assets/chunks/workbox-window.prod.es5.prqDwDSL.js",revision:null},{url:"assets/index.md.Vin8thbk.js",revision:null},{url:"assets/index.md.Vin8thbk.lean.js",revision:null},{url:"assets/inter-italic-cyrillic-ext.OVycGSDq.woff2",revision:null},{url:"assets/inter-italic-cyrillic.-nLMcIwj.woff2",revision:null},{url:"assets/inter-italic-greek-ext.hznxWNZO.woff2",revision:null},{url:"assets/inter-italic-greek.PSfer2Kc.woff2",revision:null},{url:"assets/inter-italic-latin-ext.RnFly65-.woff2",revision:null},{url:"assets/inter-italic-latin.27E69YJn.woff2",revision:null},{url:"assets/inter-italic-vietnamese.xzQHe1q1.woff2",revision:null},{url:"assets/inter-roman-cyrillic-ext.8T9wMG5w.woff2",revision:null},{url:"assets/inter-roman-cyrillic.jIZ9REo5.woff2",revision:null},{url:"assets/inter-roman-greek-ext.9JiNzaSO.woff2",revision:null},{url:"assets/inter-roman-greek.Cb5wWeGA.woff2",revision:null},{url:"assets/inter-roman-latin-ext.GZWE-KO4.woff2",revision:null},{url:"assets/inter-roman-latin.bvIUbFQP.woff2",revision:null},{url:"assets/inter-roman-vietnamese.paY3CzEB.woff2",revision:null},{url:"assets/sponsor.md.qZ-o8DrO.js",revision:null},{url:"assets/sponsor.md.qZ-o8DrO.lean.js",revision:null},{url:"assets/style.61aZDoni.css",revision:null},{url:"assets/zh-CN_components_autoComplete_index.md.MpFwDp8u.js",revision:null},{url:"assets/zh-CN_components_autoComplete_index.md.MpFwDp8u.lean.js",revision:null},{url:"assets/zh-CN_components_control_citylist.md.AeF1CjUB.js",revision:null},{url:"assets/zh-CN_components_control_citylist.md.AeF1CjUB.lean.js",revision:null},{url:"assets/zh-CN_components_control_context-menu.md.f-lcd__3.js",revision:null},{url:"assets/zh-CN_components_control_context-menu.md.f-lcd__3.lean.js",revision:null},{url:"assets/zh-CN_components_control_copyright.md.H_qVixEk.js",revision:null},{url:"assets/zh-CN_components_control_copyright.md.H_qVixEk.lean.js",revision:null},{url:"assets/zh-CN_components_control_custom.md.XJrA126P.js",revision:null},{url:"assets/zh-CN_components_control_custom.md.XJrA126P.lean.js",revision:null},{url:"assets/zh-CN_components_control_location.md.Pa2g3qrS.js",revision:null},{url:"assets/zh-CN_components_control_location.md.Pa2g3qrS.lean.js",revision:null},{url:"assets/zh-CN_components_control_navigation3d.md.bYJDJQ1M.js",revision:null},{url:"assets/zh-CN_components_control_navigation3d.md.bYJDJQ1M.lean.js",revision:null},{url:"assets/zh-CN_components_control_panorama-control.md.aGekwXon.js",revision:null},{url:"assets/zh-CN_components_control_panorama-control.md.aGekwXon.lean.js",revision:null},{url:"assets/zh-CN_components_control_scale.md.Of4OsTWs.js",revision:null},{url:"assets/zh-CN_components_control_scale.md.Of4OsTWs.lean.js",revision:null},{url:"assets/zh-CN_components_control_zoom.md.9U7rIA0g.js",revision:null},{url:"assets/zh-CN_components_control_zoom.md.9U7rIA0g.lean.js",revision:null},{url:"assets/zh-CN_components_layer_district-layer.md.5AYGJdtW.js",revision:null},{url:"assets/zh-CN_components_layer_district-layer.md.5AYGJdtW.lean.js",revision:null},{url:"assets/zh-CN_components_layer_panorama-coverage.md.cyUF6ml9.js",revision:null},{url:"assets/zh-CN_components_layer_panorama-coverage.md.cyUF6ml9.lean.js",revision:null},{url:"assets/zh-CN_components_map.md.mzIbzo8U.js",revision:null},{url:"assets/zh-CN_components_map.md.mzIbzo8U.lean.js",revision:null},{url:"assets/zh-CN_components_overlay_bezierCurve.md.AvbXenSo.js",revision:null},{url:"assets/zh-CN_components_overlay_bezierCurve.md.AvbXenSo.lean.js",revision:null},{url:"assets/zh-CN_components_overlay_circle.md.Ty3Jge2o.js",revision:null},{url:"assets/zh-CN_components_overlay_circle.md.Ty3Jge2o.lean.js",revision:null},{url:"assets/zh-CN_components_overlay_ground-overlay.md.Ec-_HG4c.js",revision:null},{url:"assets/zh-CN_components_overlay_ground-overlay.md.Ec-_HG4c.lean.js",revision:null},{url:"assets/zh-CN_components_overlay_infowindow.md.DEvgBtBt.js",revision:null},{url:"assets/zh-CN_components_overlay_infowindow.md.DEvgBtBt.lean.js",revision:null},{url:"assets/zh-CN_components_overlay_label.md.-8gcpAY0.js",revision:null},{url:"assets/zh-CN_components_overlay_label.md.-8gcpAY0.lean.js",revision:null},{url:"assets/zh-CN_components_overlay_mapMask.md.n8KsbIHf.js",revision:null},{url:"assets/zh-CN_components_overlay_mapMask.md.n8KsbIHf.lean.js",revision:null},{url:"assets/zh-CN_components_overlay_marker.md.W8qVkohF.js",revision:null},{url:"assets/zh-CN_components_overlay_marker.md.W8qVkohF.lean.js",revision:null},{url:"assets/zh-CN_components_overlay_marker3d.md.mbLa45-S.js",revision:null},{url:"assets/zh-CN_components_overlay_marker3d.md.mbLa45-S.lean.js",revision:null},{url:"assets/zh-CN_components_overlay_polygon.md.rj_5cEBl.js",revision:null},{url:"assets/zh-CN_components_overlay_polygon.md.rj_5cEBl.lean.js",revision:null},{url:"assets/zh-CN_components_overlay_polyline.md.ysbPCRtt.js",revision:null},{url:"assets/zh-CN_components_overlay_polyline.md.ysbPCRtt.lean.js",revision:null},{url:"assets/zh-CN_components_overlay_prism.md.R3TqowpA.js",revision:null},{url:"assets/zh-CN_components_overlay_prism.md.R3TqowpA.lean.js",revision:null},{url:"assets/zh-CN_expand_bmap-draw.md.7hqJIKPs.js",revision:null},{url:"assets/zh-CN_expand_bmap-draw.md.7hqJIKPs.lean.js",revision:null},{url:"assets/zh-CN_expand_mapv.md.-nCcziyz.js",revision:null},{url:"assets/zh-CN_expand_mapv.md.-nCcziyz.lean.js",revision:null},{url:"assets/zh-CN_guide_breaking-changes.md.WpUCxVLB.js",revision:null},{url:"assets/zh-CN_guide_breaking-changes.md.WpUCxVLB.lean.js",revision:null},{url:"assets/zh-CN_guide_com-events.md.2hyNKSTN.js",revision:null},{url:"assets/zh-CN_guide_com-events.md.2hyNKSTN.lean.js",revision:null},{url:"assets/zh-CN_guide_config.md.oI7ZIQ5q.js",revision:null},{url:"assets/zh-CN_guide_config.md.oI7ZIQ5q.lean.js",revision:null},{url:"assets/zh-CN_guide_faq.md.020hwMol.js",revision:null},{url:"assets/zh-CN_guide_faq.md.020hwMol.lean.js",revision:null},{url:"assets/zh-CN_guide_installation.md.3hE_-u6B.js",revision:null},{url:"assets/zh-CN_guide_installation.md.3hE_-u6B.lean.js",revision:null},{url:"assets/zh-CN_guide_introduction.md.A4Ek-pxR.js",revision:null},{url:"assets/zh-CN_guide_introduction.md.A4Ek-pxR.lean.js",revision:null},{url:"assets/zh-CN_guide_quick-start.md.Dk2v9wRS.js",revision:null},{url:"assets/zh-CN_guide_quick-start.md.Dk2v9wRS.lean.js",revision:null},{url:"assets/zh-CN_hooks_useAddressGeocoder.md.Ap-D_k19.js",revision:null},{url:"assets/zh-CN_hooks_useAddressGeocoder.md.Ap-D_k19.lean.js",revision:null},{url:"assets/zh-CN_hooks_useAreaBoundary.md.-HNgbYB9.js",revision:null},{url:"assets/zh-CN_hooks_useAreaBoundary.md.-HNgbYB9.lean.js",revision:null},{url:"assets/zh-CN_hooks_useBrowserLocation.md.pkqktu99.js",revision:null},{url:"assets/zh-CN_hooks_useBrowserLocation.md.pkqktu99.lean.js",revision:null},{url:"assets/zh-CN_hooks_useDefaultMarkerIcons.md.o5MfNQP1.js",revision:null},{url:"assets/zh-CN_hooks_useDefaultMarkerIcons.md.o5MfNQP1.lean.js",revision:null},{url:"assets/zh-CN_hooks_useIpLocation.md.Dhv_nnm9.js",revision:null},{url:"assets/zh-CN_hooks_useIpLocation.md.Dhv_nnm9.lean.js",revision:null},{url:"assets/zh-CN_hooks_usePoint.md.Hz5vH4Bq.js",revision:null},{url:"assets/zh-CN_hooks_usePoint.md.Hz5vH4Bq.lean.js",revision:null},{url:"assets/zh-CN_hooks_usePointConvertor.md.P9laPCXi.js",revision:null},{url:"assets/zh-CN_hooks_usePointConvertor.md.P9laPCXi.lean.js",revision:null},{url:"assets/zh-CN_hooks_usePointGeocoder.md.4Lyidoko.js",revision:null},{url:"assets/zh-CN_hooks_usePointGeocoder.md.4Lyidoko.lean.js",revision:null},{url:"assets/zh-CN_hooks_useTrackAnimation.md.LzTFyqZT.js",revision:null},{url:"assets/zh-CN_hooks_useTrackAnimation.md.LzTFyqZT.lean.js",revision:null},{url:"assets/zh-CN_hooks_useViewAnimation.md.gZ5p556U.js",revision:null},{url:"assets/zh-CN_hooks_useViewAnimation.md.gZ5p556U.lean.js",revision:null},{url:"assets/zh-CN_index.md.7X_G4sip.js",revision:null},{url:"assets/zh-CN_index.md.7X_G4sip.lean.js",revision:null},{url:"beijing.json",revision:"8ca7c8460514609870281b24078bbf81"},{url:"bounds.svg",revision:"b5001c3bffdaad6a5244df2d49a08e07"},{url:"enable-volar.png",revision:"c6c5d4487d32007fc6a6adb9297fdd6c"},{url:"enable-volar1.png",revision:"aa9e7916f5bcbf6e1aeca8e9dfaa573c"},{url:"hashmap.json",revision:"c3660edd3de0d0aff0fc3617943a7c3c"},{url:"icons/icon-192x192.png",revision:"df23467819a90f7f0e57cd0d1bf67e3f"},{url:"icons/icon-512x512.png",revision:"05d42d8e81c2ea43916b9bc98b9ac56c"},{url:"icons/maskable-icon-512x512.png",revision:"ee74635d9d737b7be78efd9ad166af07"},{url:"index.html",revision:"0c4730154b742839499194ee946867e3"},{url:"logo-shadow.svg",revision:"8fc534bd92b643a27be3927a763e7951"},{url:"logo.png",revision:"31283fbfca0afc60e809b49ca96ce068"},{url:"logo.svg",revision:"3790581a3ce09985efd90ecc6ac5a9d6"},{url:"not-enable-volar.png",revision:"a682f49b4e025eea643f713deffb30da"},{url:"not-enable-volar1.png",revision:"514ab5f4fe331ff8855d66957ef24c09"},{url:"sponsor.html",revision:"bcbd53da56f919dfcdcbe997bc2c4480"},{url:"zh-CN/components/autoComplete/index.html",revision:"4785042b36aa44dfce93fd2f64f839d0"},{url:"zh-CN/components/control/citylist.html",revision:"39ebdbc0dc001e19351ab459da94a356"},{url:"zh-CN/components/control/context-menu.html",revision:"a3964ae336471ff4e8cd957c56f1b574"},{url:"zh-CN/components/control/copyright.html",revision:"1f139c6e9108d054e7d8c7767d57e3f2"},{url:"zh-CN/components/control/custom.html",revision:"e42f1a1feb884dc0a183a5301ec5e25f"},{url:"zh-CN/components/control/location.html",revision:"30f6d1f82ab4eb4465f6a11b1862dade"},{url:"zh-CN/components/control/navigation3d.html",revision:"469ddc9b326f5dd848785b97cabe1fb4"},{url:"zh-CN/components/control/panorama-control.html",revision:"19993f70d66b70ca91557606bb9fefd2"},{url:"zh-CN/components/control/scale.html",revision:"b0f20532a409de11ed27b70ac458876e"},{url:"zh-CN/components/control/zoom.html",revision:"1c0a6ae8d2c0911afe75da8719b72448"},{url:"zh-CN/components/layer/district-layer.html",revision:"adfef18d9c9d2a9cdef14a03be30a442"},{url:"zh-CN/components/layer/panorama-coverage.html",revision:"291f20d41ecad6898516a5e46d35245d"},{url:"zh-CN/components/map.html",revision:"238f2c71347cdb40f33bc6ba1bc07163"},{url:"zh-CN/components/overlay/bezierCurve.html",revision:"84f83802fc43a01f85cc7fd47fafb330"},{url:"zh-CN/components/overlay/circle.html",revision:"d2edece78c4bbd0454663af8756e58a5"},{url:"zh-CN/components/overlay/ground-overlay.html",revision:"ac35f721d5166ebcb5f9297c5a81ea4f"},{url:"zh-CN/components/overlay/infowindow.html",revision:"b1781d1b0caa539379adb8feb08984e0"},{url:"zh-CN/components/overlay/label.html",revision:"d6ff10b49658ccf0c152490209383dff"},{url:"zh-CN/components/overlay/mapMask.html",revision:"efdf752462af825fc88633936315f905"},{url:"zh-CN/components/overlay/marker.html",revision:"e4429baa6ee730022005a51a2cdb1d28"},{url:"zh-CN/components/overlay/marker3d.html",revision:"c3b30c7e7c743dcb1210232174333e93"},{url:"zh-CN/components/overlay/polygon.html",revision:"b5762d1898e7d856f3a205a9fb4ba406"},{url:"zh-CN/components/overlay/polyline.html",revision:"5faf4ec2dd02404b4875c5dff9c77aff"},{url:"zh-CN/components/overlay/prism.html",revision:"1874d6195c7fbf21f34dc6ffcce9f4b8"},{url:"zh-CN/expand/bmap-draw.html",revision:"0e85209572058ccb18f3d7c2a263af33"},{url:"zh-CN/expand/mapv.html",revision:"54ecb4b277857499438c41db9b96297a"},{url:"zh-CN/guide/breaking-changes.html",revision:"82d0cc197864d15ecfecbd0113d873b8"},{url:"zh-CN/guide/com-events.html",revision:"077e50ab14622e872fe99c790ca3cc60"},{url:"zh-CN/guide/config.html",revision:"eb63b15a5bcd2b3a0789437a4bec34be"},{url:"zh-CN/guide/faq.html",revision:"b898313ef7df72f807e91d1eef1b660e"},{url:"zh-CN/guide/installation.html",revision:"100e7f05702a41418ee7e1c0c9b2bfe7"},{url:"zh-CN/guide/introduction.html",revision:"9186d907a3ea8c751a2dc7805f3762f9"},{url:"zh-CN/guide/quick-start.html",revision:"2f08397ada2a0cfe4d2bebf81676f73f"},{url:"zh-CN/hooks/useAddressGeocoder.html",revision:"af804c2cca77814fb5d540d7de87510c"},{url:"zh-CN/hooks/useAreaBoundary.html",revision:"4e50005d4c6cc42963430ae7c3c2a5ae"},{url:"zh-CN/hooks/useBrowserLocation.html",revision:"1039058dda56a105303f9c17e01f0cb8"},{url:"zh-CN/hooks/useDefaultMarkerIcons.html",revision:"ef36a8681d36e0c82b583fcf9d818e38"},{url:"zh-CN/hooks/useIpLocation.html",revision:"b5bfb247fc3a835f3fffe550bde05da3"},{url:"zh-CN/hooks/usePoint.html",revision:"89824ca0031c4a7b67cec375fe3b46a4"},{url:"zh-CN/hooks/usePointConvertor.html",revision:"04e73f1e1cafd1dead2785e4fce3efad"},{url:"zh-CN/hooks/usePointGeocoder.html",revision:"5f6e1c19be26a5cc7a11722246157d66"},{url:"zh-CN/hooks/useTrackAnimation.html",revision:"0192b84b085f78fe9b76ea6ba9a493ea"},{url:"zh-CN/hooks/useViewAnimation.html",revision:"0e926658d67227404069e8cd19096afc"},{url:"zh-CN/index.html",revision:"8069d409fc9c6b6a04e84ff71577a944"},{url:"manifest.webmanifest",revision:"47e773587c46881dd5c19db9f20147e7"}],{}),e.cleanupOutdatedCaches(),e.registerRoute(new e.NavigationRoute(e.createHandlerBoundToURL("index.html"),{allowlist:[/^\/vue3\x2dbaidu\x2dmap\x2dgl\/(\.html)?$/,/^\/vue3\x2dbaidu\x2dmap\x2dgl\/sponsor(\.html)?$/,/^\/vue3\x2dbaidu\x2dmap\x2dgl\/zh\x2dCN\/components\/autoComplete\/index(\.html)?$/,/^\/vue3\x2dbaidu\x2dmap\x2dgl\/zh\x2dCN\/components\/control\/citylist(\.html)?$/,/^\/vue3\x2dbaidu\x2dmap\x2dgl\/zh\x2dCN\/components\/control\/context\x2dmenu(\.html)?$/,/^\/vue3\x2dbaidu\x2dmap\x2dgl\/zh\x2dCN\/components\/control\/copyright(\.html)?$/,/^\/vue3\x2dbaidu\x2dmap\x2dgl\/zh\x2dCN\/components\/control\/custom(\.html)?$/,/^\/vue3\x2dbaidu\x2dmap\x2dgl\/zh\x2dCN\/components\/control\/location(\.html)?$/,/^\/vue3\x2dbaidu\x2dmap\x2dgl\/zh\x2dCN\/components\/control\/navigation3d(\.html)?$/,/^\/vue3\x2dbaidu\x2dmap\x2dgl\/zh\x2dCN\/components\/control\/panorama\x2dcontrol(\.html)?$/,/^\/vue3\x2dbaidu\x2dmap\x2dgl\/zh\x2dCN\/components\/control\/scale(\.html)?$/,/^\/vue3\x2dbaidu\x2dmap\x2dgl\/zh\x2dCN\/components\/control\/zoom(\.html)?$/,/^\/vue3\x2dbaidu\x2dmap\x2dgl\/zh\x2dCN\/components\/layer\/district\x2dlayer(\.html)?$/,/^\/vue3\x2dbaidu\x2dmap\x2dgl\/zh\x2dCN\/components\/layer\/panorama\x2dcoverage(\.html)?$/,/^\/vue3\x2dbaidu\x2dmap\x2dgl\/zh\x2dCN\/components\/map(\.html)?$/,/^\/vue3\x2dbaidu\x2dmap\x2dgl\/zh\x2dCN\/components\/overlay\/bezierCurve(\.html)?$/,/^\/vue3\x2dbaidu\x2dmap\x2dgl\/zh\x2dCN\/components\/overlay\/circle(\.html)?$/,/^\/vue3\x2dbaidu\x2dmap\x2dgl\/zh\x2dCN\/components\/overlay\/ground\x2doverlay(\.html)?$/,/^\/vue3\x2dbaidu\x2dmap\x2dgl\/zh\x2dCN\/components\/overlay\/infowindow(\.html)?$/,/^\/vue3\x2dbaidu\x2dmap\x2dgl\/zh\x2dCN\/components\/overlay\/label(\.html)?$/,/^\/vue3\x2dbaidu\x2dmap\x2dgl\/zh\x2dCN\/components\/overlay\/mapMask(\.html)?$/,/^\/vue3\x2dbaidu\x2dmap\x2dgl\/zh\x2dCN\/components\/overlay\/marker(\.html)?$/,/^\/vue3\x2dbaidu\x2dmap\x2dgl\/zh\x2dCN\/components\/overlay\/marker3d(\.html)?$/,/^\/vue3\x2dbaidu\x2dmap\x2dgl\/zh\x2dCN\/components\/overlay\/polygon(\.html)?$/,/^\/vue3\x2dbaidu\x2dmap\x2dgl\/zh\x2dCN\/components\/overlay\/polyline(\.html)?$/,/^\/vue3\x2dbaidu\x2dmap\x2dgl\/zh\x2dCN\/components\/overlay\/prism(\.html)?$/,/^\/vue3\x2dbaidu\x2dmap\x2dgl\/zh\x2dCN\/expand\/bmap\x2ddraw(\.html)?$/,/^\/vue3\x2dbaidu\x2dmap\x2dgl\/zh\x2dCN\/expand\/mapv(\.html)?$/,/^\/vue3\x2dbaidu\x2dmap\x2dgl\/zh\x2dCN\/guide\/breaking\x2dchanges(\.html)?$/,/^\/vue3\x2dbaidu\x2dmap\x2dgl\/zh\x2dCN\/guide\/com\x2devents(\.html)?$/,/^\/vue3\x2dbaidu\x2dmap\x2dgl\/zh\x2dCN\/guide\/config(\.html)?$/,/^\/vue3\x2dbaidu\x2dmap\x2dgl\/zh\x2dCN\/guide\/faq(\.html)?$/,/^\/vue3\x2dbaidu\x2dmap\x2dgl\/zh\x2dCN\/guide\/installation(\.html)?$/,/^\/vue3\x2dbaidu\x2dmap\x2dgl\/zh\x2dCN\/guide\/introduction(\.html)?$/,/^\/vue3\x2dbaidu\x2dmap\x2dgl\/zh\x2dCN\/guide\/quick\x2dstart(\.html)?$/,/^\/vue3\x2dbaidu\x2dmap\x2dgl\/zh\x2dCN\/hooks\/useAddressGeocoder(\.html)?$/,/^\/vue3\x2dbaidu\x2dmap\x2dgl\/zh\x2dCN\/hooks\/useAreaBoundary(\.html)?$/,/^\/vue3\x2dbaidu\x2dmap\x2dgl\/zh\x2dCN\/hooks\/useBrowserLocation(\.html)?$/,/^\/vue3\x2dbaidu\x2dmap\x2dgl\/zh\x2dCN\/hooks\/useDefaultMarkerIcons(\.html)?$/,/^\/vue3\x2dbaidu\x2dmap\x2dgl\/zh\x2dCN\/hooks\/useIpLocation(\.html)?$/,/^\/vue3\x2dbaidu\x2dmap\x2dgl\/zh\x2dCN\/hooks\/usePoint(\.html)?$/,/^\/vue3\x2dbaidu\x2dmap\x2dgl\/zh\x2dCN\/hooks\/usePointConvertor(\.html)?$/,/^\/vue3\x2dbaidu\x2dmap\x2dgl\/zh\x2dCN\/hooks\/usePointGeocoder(\.html)?$/,/^\/vue3\x2dbaidu\x2dmap\x2dgl\/zh\x2dCN\/hooks\/useTrackAnimation(\.html)?$/,/^\/vue3\x2dbaidu\x2dmap\x2dgl\/zh\x2dCN\/hooks\/useViewAnimation(\.html)?$/,/^\/vue3\x2dbaidu\x2dmap\x2dgl\/zh\x2dCN\/index(\.html)?$/]})),e.registerRoute(/^https:\/\/raw\.githubusercontent\.com\/.*/i,new e.CacheFirst({cacheName:"animated-images-cache",plugins:[new e.ExpirationPlugin({maxEntries:15,maxAgeSeconds:31536e3}),new e.CacheableResponsePlugin({statuses:[0,200]})]}),"GET"),e.registerRoute(/^https:\/\/img\.shields\.io\/.*/i,new e.NetworkFirst({cacheName:"dynamic-images-cache",plugins:[new e.ExpirationPlugin({maxEntries:15,maxAgeSeconds:86400}),new e.CacheableResponsePlugin({statuses:[0,200]})]}),"GET"),e.registerRoute(/^https:\/\/cdn\.jsdelivr\.net\/.*/i,new e.NetworkFirst({cacheName:"jsdelivr-images-cache",plugins:[new e.ExpirationPlugin({maxEntries:10,maxAgeSeconds:604800}),new e.CacheableResponsePlugin({statuses:[0,200]})]}),"GET"),e.registerRoute(/^https:\/\/api\.github\.com\/.*/i,new e.NetworkFirst({cacheName:"github-api-cache",plugins:[new e.ExpirationPlugin({maxEntries:10,maxAgeSeconds:86400}),new e.CacheableResponsePlugin({statuses:[0,200]})]}),"GET"),e.registerRoute(/\.glb$/i,new e.CacheFirst({cacheName:"3d-model-cache",plugins:[new e.ExpirationPlugin({maxEntries:10,maxAgeSeconds:31536e3}),new e.CacheableResponsePlugin({statuses:[0,200]})]}),"GET"),e.registerRoute((({request:e,sameOrigin:s})=>s&&"navigate"===e.mode),new e.NetworkOnly({plugins:[{handlerDidError:async()=>Response.redirect("404",302),cacheWillUpdate:async()=>null}]}),"GET")})); +if(!self.define){let e,s={};const n=(n,o)=>(n=new URL(n+".js",o).href,s[n]||new Promise((s=>{if("document"in self){const e=document.createElement("script");e.src=n,e.onload=s,document.head.appendChild(e)}else e=n,importScripts(n),s()})).then((()=>{let e=s[n];if(!e)throw new Error(`Module ${n} didn’t register its module`);return e})));self.define=(o,l)=>{const a=e||("document"in self?document.currentScript.src:"")||location.href;if(s[a])return;let i={};const r=e=>n(e,a),d={module:{uri:a},exports:i,require:r};s[a]=Promise.all(o.map((e=>d[e]||r(e)))).then((e=>(l(...e),i)))}}define(["./workbox-8c9736bb"],(function(e){"use strict";e.setCacheNameDetails({prefix:"bundle-prefetch"}),self.addEventListener("message",(e=>{e.data&&"SKIP_WAITING"===e.data.type&&self.skipWaiting()})),e.precacheAndRoute([{url:"404.html",revision:"193b4a34ce03ffcec562ee7fd4276c74"},{url:"assets/app.RU8bY9Da.js",revision:null},{url:"assets/chunks/@localSearchIndexroot.DgztKppO.js",revision:null},{url:"assets/chunks/bmap-draw.min.fXjVp_JZ.js",revision:null},{url:"assets/chunks/commonjsHelpers.5-cIlDoe.js",revision:null},{url:"assets/chunks/framework.aeLSa5ZG.js",revision:null},{url:"assets/chunks/mapvthree.umd.c7ntDXwx.js",revision:null},{url:"assets/chunks/theme.AtHbRY-T.js",revision:null},{url:"assets/chunks/vanilla-tilt.es2015.wZKfKoOJ.js",revision:null},{url:"assets/chunks/virtual_pwa-register.Wfz9M2iD.js",revision:null},{url:"assets/chunks/VPLocalSearchBox.Clvp-hSd.js",revision:null},{url:"assets/chunks/workbox-window.prod.es5.prqDwDSL.js",revision:null},{url:"assets/index.md.H6mwYhbD.js",revision:null},{url:"assets/index.md.H6mwYhbD.lean.js",revision:null},{url:"assets/inter-italic-cyrillic-ext.OVycGSDq.woff2",revision:null},{url:"assets/inter-italic-cyrillic.-nLMcIwj.woff2",revision:null},{url:"assets/inter-italic-greek-ext.hznxWNZO.woff2",revision:null},{url:"assets/inter-italic-greek.PSfer2Kc.woff2",revision:null},{url:"assets/inter-italic-latin-ext.RnFly65-.woff2",revision:null},{url:"assets/inter-italic-latin.27E69YJn.woff2",revision:null},{url:"assets/inter-italic-vietnamese.xzQHe1q1.woff2",revision:null},{url:"assets/inter-roman-cyrillic-ext.8T9wMG5w.woff2",revision:null},{url:"assets/inter-roman-cyrillic.jIZ9REo5.woff2",revision:null},{url:"assets/inter-roman-greek-ext.9JiNzaSO.woff2",revision:null},{url:"assets/inter-roman-greek.Cb5wWeGA.woff2",revision:null},{url:"assets/inter-roman-latin-ext.GZWE-KO4.woff2",revision:null},{url:"assets/inter-roman-latin.bvIUbFQP.woff2",revision:null},{url:"assets/inter-roman-vietnamese.paY3CzEB.woff2",revision:null},{url:"assets/sponsor.md.X-1f35D3.js",revision:null},{url:"assets/sponsor.md.X-1f35D3.lean.js",revision:null},{url:"assets/style.zB-f02ZR.css",revision:null},{url:"assets/zh-CN_components_autoComplete_index.md.Pa2pZGUC.js",revision:null},{url:"assets/zh-CN_components_autoComplete_index.md.Pa2pZGUC.lean.js",revision:null},{url:"assets/zh-CN_components_control_citylist.md.Q7jNASqU.js",revision:null},{url:"assets/zh-CN_components_control_citylist.md.Q7jNASqU.lean.js",revision:null},{url:"assets/zh-CN_components_control_context-menu.md.fkbF2NCh.js",revision:null},{url:"assets/zh-CN_components_control_context-menu.md.fkbF2NCh.lean.js",revision:null},{url:"assets/zh-CN_components_control_copyright.md.sSCKnGFH.js",revision:null},{url:"assets/zh-CN_components_control_copyright.md.sSCKnGFH.lean.js",revision:null},{url:"assets/zh-CN_components_control_custom.md.UcP2ujsc.js",revision:null},{url:"assets/zh-CN_components_control_custom.md.UcP2ujsc.lean.js",revision:null},{url:"assets/zh-CN_components_control_location.md.szTkX13x.js",revision:null},{url:"assets/zh-CN_components_control_location.md.szTkX13x.lean.js",revision:null},{url:"assets/zh-CN_components_control_navigation3d.md.iReu1i7a.js",revision:null},{url:"assets/zh-CN_components_control_navigation3d.md.iReu1i7a.lean.js",revision:null},{url:"assets/zh-CN_components_control_panorama-control.md.a2jnnlGQ.js",revision:null},{url:"assets/zh-CN_components_control_panorama-control.md.a2jnnlGQ.lean.js",revision:null},{url:"assets/zh-CN_components_control_scale.md.T21qzRai.js",revision:null},{url:"assets/zh-CN_components_control_scale.md.T21qzRai.lean.js",revision:null},{url:"assets/zh-CN_components_control_zoom.md.9aesRkwv.js",revision:null},{url:"assets/zh-CN_components_control_zoom.md.9aesRkwv.lean.js",revision:null},{url:"assets/zh-CN_components_layer_district-layer.md.O4eUQeWM.js",revision:null},{url:"assets/zh-CN_components_layer_district-layer.md.O4eUQeWM.lean.js",revision:null},{url:"assets/zh-CN_components_layer_panorama-coverage.md.O01fCwW6.js",revision:null},{url:"assets/zh-CN_components_layer_panorama-coverage.md.O01fCwW6.lean.js",revision:null},{url:"assets/zh-CN_components_map.md.qRZ4_jbk.js",revision:null},{url:"assets/zh-CN_components_map.md.qRZ4_jbk.lean.js",revision:null},{url:"assets/zh-CN_components_overlay_bezierCurve.md.ae3YJZ5j.js",revision:null},{url:"assets/zh-CN_components_overlay_bezierCurve.md.ae3YJZ5j.lean.js",revision:null},{url:"assets/zh-CN_components_overlay_circle.md.ZITKZyjc.js",revision:null},{url:"assets/zh-CN_components_overlay_circle.md.ZITKZyjc.lean.js",revision:null},{url:"assets/zh-CN_components_overlay_ground-overlay.md.T1-KSLpR.js",revision:null},{url:"assets/zh-CN_components_overlay_ground-overlay.md.T1-KSLpR.lean.js",revision:null},{url:"assets/zh-CN_components_overlay_infowindow.md.8_l9nV4k.js",revision:null},{url:"assets/zh-CN_components_overlay_infowindow.md.8_l9nV4k.lean.js",revision:null},{url:"assets/zh-CN_components_overlay_label.md.pyBljlYk.js",revision:null},{url:"assets/zh-CN_components_overlay_label.md.pyBljlYk.lean.js",revision:null},{url:"assets/zh-CN_components_overlay_mapMask.md.m9JqJrVy.js",revision:null},{url:"assets/zh-CN_components_overlay_mapMask.md.m9JqJrVy.lean.js",revision:null},{url:"assets/zh-CN_components_overlay_marker.md.9f-yv3bf.js",revision:null},{url:"assets/zh-CN_components_overlay_marker.md.9f-yv3bf.lean.js",revision:null},{url:"assets/zh-CN_components_overlay_marker3d.md.7p8_vjNx.js",revision:null},{url:"assets/zh-CN_components_overlay_marker3d.md.7p8_vjNx.lean.js",revision:null},{url:"assets/zh-CN_components_overlay_polygon.md.lGzkxvGv.js",revision:null},{url:"assets/zh-CN_components_overlay_polygon.md.lGzkxvGv.lean.js",revision:null},{url:"assets/zh-CN_components_overlay_polyline.md.w-R2K3lm.js",revision:null},{url:"assets/zh-CN_components_overlay_polyline.md.w-R2K3lm.lean.js",revision:null},{url:"assets/zh-CN_components_overlay_prism.md.dHc1ejy7.js",revision:null},{url:"assets/zh-CN_components_overlay_prism.md.dHc1ejy7.lean.js",revision:null},{url:"assets/zh-CN_expand_bmap-draw.md.f6Bg1y3Y.js",revision:null},{url:"assets/zh-CN_expand_bmap-draw.md.f6Bg1y3Y.lean.js",revision:null},{url:"assets/zh-CN_expand_mapv.md.aEB32QET.js",revision:null},{url:"assets/zh-CN_expand_mapv.md.aEB32QET.lean.js",revision:null},{url:"assets/zh-CN_guide_breaking-changes.md.7W8LTLQp.js",revision:null},{url:"assets/zh-CN_guide_breaking-changes.md.7W8LTLQp.lean.js",revision:null},{url:"assets/zh-CN_guide_com-events.md.FY4Eb9JV.js",revision:null},{url:"assets/zh-CN_guide_com-events.md.FY4Eb9JV.lean.js",revision:null},{url:"assets/zh-CN_guide_config.md.hohAJkoW.js",revision:null},{url:"assets/zh-CN_guide_config.md.hohAJkoW.lean.js",revision:null},{url:"assets/zh-CN_guide_faq.md.rk03BBgf.js",revision:null},{url:"assets/zh-CN_guide_faq.md.rk03BBgf.lean.js",revision:null},{url:"assets/zh-CN_guide_installation.md.UMm6pe_2.js",revision:null},{url:"assets/zh-CN_guide_installation.md.UMm6pe_2.lean.js",revision:null},{url:"assets/zh-CN_guide_introduction.md.V0HSUq99.js",revision:null},{url:"assets/zh-CN_guide_introduction.md.V0HSUq99.lean.js",revision:null},{url:"assets/zh-CN_guide_quick-start.md.uN56BdSh.js",revision:null},{url:"assets/zh-CN_guide_quick-start.md.uN56BdSh.lean.js",revision:null},{url:"assets/zh-CN_hooks_useAddressGeocoder.md.-DV3KvbV.js",revision:null},{url:"assets/zh-CN_hooks_useAddressGeocoder.md.-DV3KvbV.lean.js",revision:null},{url:"assets/zh-CN_hooks_useAreaBoundary.md.oyoylJmf.js",revision:null},{url:"assets/zh-CN_hooks_useAreaBoundary.md.oyoylJmf.lean.js",revision:null},{url:"assets/zh-CN_hooks_useBrowserLocation.md.qO0MDNRO.js",revision:null},{url:"assets/zh-CN_hooks_useBrowserLocation.md.qO0MDNRO.lean.js",revision:null},{url:"assets/zh-CN_hooks_useDefaultMarkerIcons.md.dEfYXKrd.js",revision:null},{url:"assets/zh-CN_hooks_useDefaultMarkerIcons.md.dEfYXKrd.lean.js",revision:null},{url:"assets/zh-CN_hooks_useIpLocation.md.FoLVu7yq.js",revision:null},{url:"assets/zh-CN_hooks_useIpLocation.md.FoLVu7yq.lean.js",revision:null},{url:"assets/zh-CN_hooks_usePoint.md.XMOvWuf7.js",revision:null},{url:"assets/zh-CN_hooks_usePoint.md.XMOvWuf7.lean.js",revision:null},{url:"assets/zh-CN_hooks_usePointConvertor.md.HGNPWjzq.js",revision:null},{url:"assets/zh-CN_hooks_usePointConvertor.md.HGNPWjzq.lean.js",revision:null},{url:"assets/zh-CN_hooks_usePointGeocoder.md.X4Yxkn4A.js",revision:null},{url:"assets/zh-CN_hooks_usePointGeocoder.md.X4Yxkn4A.lean.js",revision:null},{url:"assets/zh-CN_hooks_useTrackAnimation.md.4LlO1R22.js",revision:null},{url:"assets/zh-CN_hooks_useTrackAnimation.md.4LlO1R22.lean.js",revision:null},{url:"assets/zh-CN_hooks_useViewAnimation.md.Weq2cXpt.js",revision:null},{url:"assets/zh-CN_hooks_useViewAnimation.md.Weq2cXpt.lean.js",revision:null},{url:"assets/zh-CN_index.md.We-71inU.js",revision:null},{url:"assets/zh-CN_index.md.We-71inU.lean.js",revision:null},{url:"beijing.json",revision:"8ca7c8460514609870281b24078bbf81"},{url:"bounds.svg",revision:"b5001c3bffdaad6a5244df2d49a08e07"},{url:"enable-volar.png",revision:"c6c5d4487d32007fc6a6adb9297fdd6c"},{url:"enable-volar1.png",revision:"aa9e7916f5bcbf6e1aeca8e9dfaa573c"},{url:"hashmap.json",revision:"42032924e823a260a5d2d324edee2f7d"},{url:"icons/icon-192x192.png",revision:"df23467819a90f7f0e57cd0d1bf67e3f"},{url:"icons/icon-512x512.png",revision:"05d42d8e81c2ea43916b9bc98b9ac56c"},{url:"icons/maskable-icon-512x512.png",revision:"ee74635d9d737b7be78efd9ad166af07"},{url:"index.html",revision:"1de5eadc41406662f14f00b03a16cb92"},{url:"logo-shadow.svg",revision:"8fc534bd92b643a27be3927a763e7951"},{url:"logo.png",revision:"31283fbfca0afc60e809b49ca96ce068"},{url:"logo.svg",revision:"3790581a3ce09985efd90ecc6ac5a9d6"},{url:"not-enable-volar.png",revision:"a682f49b4e025eea643f713deffb30da"},{url:"not-enable-volar1.png",revision:"514ab5f4fe331ff8855d66957ef24c09"},{url:"sponsor.html",revision:"ef2ad39c3c98a257809e4cc06a66e81a"},{url:"zh-CN/components/autoComplete/index.html",revision:"ca9e8139c92ac56482af00912add7e6f"},{url:"zh-CN/components/control/citylist.html",revision:"49a4634ecf95975d1c8ab1b6080c2524"},{url:"zh-CN/components/control/context-menu.html",revision:"a6efa3625157fde7bdaef32f52ed6955"},{url:"zh-CN/components/control/copyright.html",revision:"affa0362c848030a66178db6f63b336e"},{url:"zh-CN/components/control/custom.html",revision:"481a97d5de637ef4e7d961abbf379f9f"},{url:"zh-CN/components/control/location.html",revision:"b22303fcb2196c7e13171740b0547a7b"},{url:"zh-CN/components/control/navigation3d.html",revision:"b94249018052465714922e8a690922d1"},{url:"zh-CN/components/control/panorama-control.html",revision:"742245d043a50bf12d8c24167c2034d6"},{url:"zh-CN/components/control/scale.html",revision:"8c219af49a54475c9f265454c849a4fa"},{url:"zh-CN/components/control/zoom.html",revision:"c6f5eaec1f7e161b5df2cf81c538d3c8"},{url:"zh-CN/components/layer/district-layer.html",revision:"bfb82fbd9e94afac6f8a7da468ddc20d"},{url:"zh-CN/components/layer/panorama-coverage.html",revision:"686e1898c0e066321b7f091dea527008"},{url:"zh-CN/components/map.html",revision:"eeda9ca583dd80bbb6ee806b328b6b9d"},{url:"zh-CN/components/overlay/bezierCurve.html",revision:"39a0b9be8bd767ea14833caa316b0f8a"},{url:"zh-CN/components/overlay/circle.html",revision:"5e414a4684c75d35b8025afecedaa05a"},{url:"zh-CN/components/overlay/ground-overlay.html",revision:"7d3bc2da4ab933f23193685084696b6f"},{url:"zh-CN/components/overlay/infowindow.html",revision:"efd4dc2828b7057e166ac65d078bc5e9"},{url:"zh-CN/components/overlay/label.html",revision:"9c43107db44dfe65ba8061b3afa2dc01"},{url:"zh-CN/components/overlay/mapMask.html",revision:"0d28dec1d4030143a06177b3823eca53"},{url:"zh-CN/components/overlay/marker.html",revision:"d2a85b8a0a911d86f25722d23068b6ee"},{url:"zh-CN/components/overlay/marker3d.html",revision:"0106c2e8cf6e778898b6221ba71e1a53"},{url:"zh-CN/components/overlay/polygon.html",revision:"ddb60a7583af499fbf6ab61d79dde7c0"},{url:"zh-CN/components/overlay/polyline.html",revision:"86c3b886cc58024c539f47355b69c862"},{url:"zh-CN/components/overlay/prism.html",revision:"e7b89657bc6a6c262c8537f002d22977"},{url:"zh-CN/expand/bmap-draw.html",revision:"8e444647672a3640f0b813a867288759"},{url:"zh-CN/expand/mapv.html",revision:"c026aa9485d95888e35a895f78cbf58f"},{url:"zh-CN/guide/breaking-changes.html",revision:"c86395a2ed503fa63534a518fde44bc6"},{url:"zh-CN/guide/com-events.html",revision:"ebcaf41396e1b3ef2506a5be076a4a3c"},{url:"zh-CN/guide/config.html",revision:"4db24f58704e25010a00c26d1d6c1cd1"},{url:"zh-CN/guide/faq.html",revision:"08e3eaf6f319133a59a6621e37fa5914"},{url:"zh-CN/guide/installation.html",revision:"a9c4036cc18e92ef6c1018ef6e015263"},{url:"zh-CN/guide/introduction.html",revision:"e4478137fadcbf12a01cfaa177e78e6f"},{url:"zh-CN/guide/quick-start.html",revision:"f461f34fdc9faf9f0a13cb2bb5d0dbf5"},{url:"zh-CN/hooks/useAddressGeocoder.html",revision:"ea045ef9f35eac60d646b88aaafd551a"},{url:"zh-CN/hooks/useAreaBoundary.html",revision:"8e7c04b0866e8cf8cd0aa1955ba92f22"},{url:"zh-CN/hooks/useBrowserLocation.html",revision:"2240f02fcdb28f4ed555faebb4a60c81"},{url:"zh-CN/hooks/useDefaultMarkerIcons.html",revision:"b9871f493f7a6a5f5a2d30ec54341989"},{url:"zh-CN/hooks/useIpLocation.html",revision:"b28d40fb95eb32acf0db6dd5d44efbbf"},{url:"zh-CN/hooks/usePoint.html",revision:"2377e059431a01f3457daf748e8a167f"},{url:"zh-CN/hooks/usePointConvertor.html",revision:"6d7aab2724828327dfa4a20f6633b4ba"},{url:"zh-CN/hooks/usePointGeocoder.html",revision:"14fbfadd67b0966fea360cb1fb4a402c"},{url:"zh-CN/hooks/useTrackAnimation.html",revision:"19c66b95a63a7a19c0617060ae93a97c"},{url:"zh-CN/hooks/useViewAnimation.html",revision:"6ab1550de93915df7ec751fe62fbda38"},{url:"zh-CN/index.html",revision:"f92340409f6a5fed5a9136a09039819c"},{url:"manifest.webmanifest",revision:"47e773587c46881dd5c19db9f20147e7"}],{}),e.cleanupOutdatedCaches(),e.registerRoute(new e.NavigationRoute(e.createHandlerBoundToURL("index.html"),{allowlist:[/^\/vue3\x2dbaidu\x2dmap\x2dgl\/(\.html)?$/,/^\/vue3\x2dbaidu\x2dmap\x2dgl\/sponsor(\.html)?$/,/^\/vue3\x2dbaidu\x2dmap\x2dgl\/zh\x2dCN\/components\/autoComplete\/index(\.html)?$/,/^\/vue3\x2dbaidu\x2dmap\x2dgl\/zh\x2dCN\/components\/control\/citylist(\.html)?$/,/^\/vue3\x2dbaidu\x2dmap\x2dgl\/zh\x2dCN\/components\/control\/context\x2dmenu(\.html)?$/,/^\/vue3\x2dbaidu\x2dmap\x2dgl\/zh\x2dCN\/components\/control\/copyright(\.html)?$/,/^\/vue3\x2dbaidu\x2dmap\x2dgl\/zh\x2dCN\/components\/control\/custom(\.html)?$/,/^\/vue3\x2dbaidu\x2dmap\x2dgl\/zh\x2dCN\/components\/control\/location(\.html)?$/,/^\/vue3\x2dbaidu\x2dmap\x2dgl\/zh\x2dCN\/components\/control\/navigation3d(\.html)?$/,/^\/vue3\x2dbaidu\x2dmap\x2dgl\/zh\x2dCN\/components\/control\/panorama\x2dcontrol(\.html)?$/,/^\/vue3\x2dbaidu\x2dmap\x2dgl\/zh\x2dCN\/components\/control\/scale(\.html)?$/,/^\/vue3\x2dbaidu\x2dmap\x2dgl\/zh\x2dCN\/components\/control\/zoom(\.html)?$/,/^\/vue3\x2dbaidu\x2dmap\x2dgl\/zh\x2dCN\/components\/layer\/district\x2dlayer(\.html)?$/,/^\/vue3\x2dbaidu\x2dmap\x2dgl\/zh\x2dCN\/components\/layer\/panorama\x2dcoverage(\.html)?$/,/^\/vue3\x2dbaidu\x2dmap\x2dgl\/zh\x2dCN\/components\/map(\.html)?$/,/^\/vue3\x2dbaidu\x2dmap\x2dgl\/zh\x2dCN\/components\/overlay\/bezierCurve(\.html)?$/,/^\/vue3\x2dbaidu\x2dmap\x2dgl\/zh\x2dCN\/components\/overlay\/circle(\.html)?$/,/^\/vue3\x2dbaidu\x2dmap\x2dgl\/zh\x2dCN\/components\/overlay\/ground\x2doverlay(\.html)?$/,/^\/vue3\x2dbaidu\x2dmap\x2dgl\/zh\x2dCN\/components\/overlay\/infowindow(\.html)?$/,/^\/vue3\x2dbaidu\x2dmap\x2dgl\/zh\x2dCN\/components\/overlay\/label(\.html)?$/,/^\/vue3\x2dbaidu\x2dmap\x2dgl\/zh\x2dCN\/components\/overlay\/mapMask(\.html)?$/,/^\/vue3\x2dbaidu\x2dmap\x2dgl\/zh\x2dCN\/components\/overlay\/marker(\.html)?$/,/^\/vue3\x2dbaidu\x2dmap\x2dgl\/zh\x2dCN\/components\/overlay\/marker3d(\.html)?$/,/^\/vue3\x2dbaidu\x2dmap\x2dgl\/zh\x2dCN\/components\/overlay\/polygon(\.html)?$/,/^\/vue3\x2dbaidu\x2dmap\x2dgl\/zh\x2dCN\/components\/overlay\/polyline(\.html)?$/,/^\/vue3\x2dbaidu\x2dmap\x2dgl\/zh\x2dCN\/components\/overlay\/prism(\.html)?$/,/^\/vue3\x2dbaidu\x2dmap\x2dgl\/zh\x2dCN\/expand\/bmap\x2ddraw(\.html)?$/,/^\/vue3\x2dbaidu\x2dmap\x2dgl\/zh\x2dCN\/expand\/mapv(\.html)?$/,/^\/vue3\x2dbaidu\x2dmap\x2dgl\/zh\x2dCN\/guide\/breaking\x2dchanges(\.html)?$/,/^\/vue3\x2dbaidu\x2dmap\x2dgl\/zh\x2dCN\/guide\/com\x2devents(\.html)?$/,/^\/vue3\x2dbaidu\x2dmap\x2dgl\/zh\x2dCN\/guide\/config(\.html)?$/,/^\/vue3\x2dbaidu\x2dmap\x2dgl\/zh\x2dCN\/guide\/faq(\.html)?$/,/^\/vue3\x2dbaidu\x2dmap\x2dgl\/zh\x2dCN\/guide\/installation(\.html)?$/,/^\/vue3\x2dbaidu\x2dmap\x2dgl\/zh\x2dCN\/guide\/introduction(\.html)?$/,/^\/vue3\x2dbaidu\x2dmap\x2dgl\/zh\x2dCN\/guide\/quick\x2dstart(\.html)?$/,/^\/vue3\x2dbaidu\x2dmap\x2dgl\/zh\x2dCN\/hooks\/useAddressGeocoder(\.html)?$/,/^\/vue3\x2dbaidu\x2dmap\x2dgl\/zh\x2dCN\/hooks\/useAreaBoundary(\.html)?$/,/^\/vue3\x2dbaidu\x2dmap\x2dgl\/zh\x2dCN\/hooks\/useBrowserLocation(\.html)?$/,/^\/vue3\x2dbaidu\x2dmap\x2dgl\/zh\x2dCN\/hooks\/useDefaultMarkerIcons(\.html)?$/,/^\/vue3\x2dbaidu\x2dmap\x2dgl\/zh\x2dCN\/hooks\/useIpLocation(\.html)?$/,/^\/vue3\x2dbaidu\x2dmap\x2dgl\/zh\x2dCN\/hooks\/usePoint(\.html)?$/,/^\/vue3\x2dbaidu\x2dmap\x2dgl\/zh\x2dCN\/hooks\/usePointConvertor(\.html)?$/,/^\/vue3\x2dbaidu\x2dmap\x2dgl\/zh\x2dCN\/hooks\/usePointGeocoder(\.html)?$/,/^\/vue3\x2dbaidu\x2dmap\x2dgl\/zh\x2dCN\/hooks\/useTrackAnimation(\.html)?$/,/^\/vue3\x2dbaidu\x2dmap\x2dgl\/zh\x2dCN\/hooks\/useViewAnimation(\.html)?$/,/^\/vue3\x2dbaidu\x2dmap\x2dgl\/zh\x2dCN\/index(\.html)?$/]})),e.registerRoute(/^https:\/\/raw\.githubusercontent\.com\/.*/i,new e.CacheFirst({cacheName:"animated-images-cache",plugins:[new e.ExpirationPlugin({maxEntries:15,maxAgeSeconds:31536e3}),new e.CacheableResponsePlugin({statuses:[0,200]})]}),"GET"),e.registerRoute(/^https:\/\/img\.shields\.io\/.*/i,new e.NetworkFirst({cacheName:"dynamic-images-cache",plugins:[new e.ExpirationPlugin({maxEntries:15,maxAgeSeconds:86400}),new e.CacheableResponsePlugin({statuses:[0,200]})]}),"GET"),e.registerRoute(/^https:\/\/cdn\.jsdelivr\.net\/.*/i,new e.NetworkFirst({cacheName:"jsdelivr-images-cache",plugins:[new e.ExpirationPlugin({maxEntries:10,maxAgeSeconds:604800}),new e.CacheableResponsePlugin({statuses:[0,200]})]}),"GET"),e.registerRoute(/^https:\/\/api\.github\.com\/.*/i,new e.NetworkFirst({cacheName:"github-api-cache",plugins:[new e.ExpirationPlugin({maxEntries:10,maxAgeSeconds:86400}),new e.CacheableResponsePlugin({statuses:[0,200]})]}),"GET"),e.registerRoute(/\.glb$/i,new e.CacheFirst({cacheName:"3d-model-cache",plugins:[new e.ExpirationPlugin({maxEntries:10,maxAgeSeconds:31536e3}),new e.CacheableResponsePlugin({statuses:[0,200]})]}),"GET"),e.registerRoute((({request:e,sameOrigin:s})=>s&&"navigate"===e.mode),new e.NetworkOnly({plugins:[{handlerDidError:async()=>Response.redirect("404",302),cacheWillUpdate:async()=>null}]}),"GET")})); diff --git a/zh-CN/components/autoComplete/index.html b/zh-CN/components/autoComplete/index.html index 553a74f0..21813c56 100644 --- a/zh-CN/components/autoComplete/index.html +++ b/zh-CN/components/autoComplete/index.html @@ -6,7 +6,7 @@ BAutoComplete 自动填充 | Vue3 Baidu Map Gl - + @@ -15,7 +15,7 @@ - + @@ -28,8 +28,8 @@ -
Vue3 Baidu Map Gl

Appearance

BAutoComplete 自动填充 ^2.1.3 ​

地址检索关键词提示

ts
import { BAutoComplete } from 'vue3-baidu-map-gl'

TIP

目前这个组件所使用的百度地图 api 还不稳定 (在写这个组件时候深有体会)

组件示例 ​

动态组件 Props ​

属性说明类型可选值默认值
location设定返回结果的所属范围。例如“北京市”string | Point | BMapGL.Map-BMapGL.Map
types返回数据类型string[]-

组件事件 ​

事件名说明类型
initd组件初始化后，调用的方法，返回一个地图实例{ map, BmapGL, instance }
unload组件卸载时会调用此方法-
searchComplete在 input 框中输入字符后，发起列表检索，完成后的回调函数((e: Event) => void)
highlight键盘或者鼠标移动，某条记录高亮之后((e: Event) => void)
confirm鼠标点击或回车选中某条记录后触发((e: Event) => void)

Released under the MIT License.

Copyright © 2022-present dh and all contributors

- +
Vue3 Baidu Map Gl

Appearance

BAutoComplete 自动填充 ^2.1.3 ​

地址检索关键词提示

ts
import { BAutoComplete } from 'vue3-baidu-map-gl'

TIP

目前这个组件所使用的百度地图 api 还不稳定 (在写这个组件时候深有体会)

组件示例 ​

动态组件 Props ​

属性说明类型可选值默认值
location设定返回结果的所属范围。例如“北京市”string | Point | BMapGL.Map-BMapGL.Map
types返回数据类型string[]-

组件事件 ​

事件名说明类型
initd组件初始化后，调用的方法，返回一个地图实例{ map, BmapGL, instance }
unload组件卸载时会调用此方法-
searchComplete在 input 框中输入字符后，发起列表检索，完成后的回调函数((e: Event) => void)
highlight键盘或者鼠标移动，某条记录高亮之后((e: Event) => void)
confirm鼠标点击或回车选中某条记录后触发((e: Event) => void)

Released under the MIT License.

Copyright © 2022-present dh and all contributors

+ \ No newline at end of file diff --git a/zh-CN/components/control/citylist.html b/zh-CN/components/control/citylist.html index f8e3e92c..0401b0f9 100644 --- a/zh-CN/components/control/citylist.html +++ b/zh-CN/components/control/citylist.html @@ -6,7 +6,7 @@ BCityList 城市选择控件 | Vue3 Baidu Map Gl - + @@ -15,7 +15,7 @@ - + @@ -28,8 +28,8 @@ -
Vue3 Baidu Map Gl

Appearance

BCityList 城市选择控件 ​

缩放控件，默认位于地图右下角

ts
import { BCityList } from 'vue3-baidu-map-gl'

组件示例 ​

提示

组件示例样式被 vitepress 样式影响，实际使用不受影响，请参考官方示例为准 https://lbs.baidu.com/jsdemo.htm#cCityList

静态组件 Props ​

属性说明类型可选值默认值
anchor控件的停靠位置stringanchorBMAP_ANCHOR_BOTTOM_LEFT
offset控件的偏移值{x: number, y: number }-{ x: 18, y: 18 }
expand默认列表是否展开boolean-false

动态组件 Props ​

属性说明类型可选值默认值版本
visible是否显示boolean-true^2.2.0

anchor ​

值说明
BMAP_ANCHOR_TOP_LEFT左上
BMAP_ANCHOR_TOP_RIGHT右上
BMAP_ANCHOR_BOTTOM_LEFT左下
BMAP_ANCHOR_BOTTOM_RIGHT右下

组件事件 ​

事件名说明类型
initd组件初始化后，调用的方法，返回一个地图实例{ map, BmapGL, instance }
unload组件卸载时会调用此方法-

Released under the MIT License.

Copyright © 2022-present dh and all contributors

- +
Vue3 Baidu Map Gl

Appearance

BCityList 城市选择控件 ​

缩放控件，默认位于地图右下角

ts
import { BCityList } from 'vue3-baidu-map-gl'

组件示例 ​

提示

组件示例样式被 vitepress 样式影响，实际使用不受影响，请参考官方示例为准 https://lbs.baidu.com/jsdemo.htm#cCityList

静态组件 Props ​

属性说明类型可选值默认值
anchor控件的停靠位置stringanchorBMAP_ANCHOR_BOTTOM_LEFT
offset控件的偏移值{x: number, y: number }-{ x: 18, y: 18 }
expand默认列表是否展开boolean-false

动态组件 Props ​

属性说明类型可选值默认值版本
visible是否显示boolean-true^2.2.0

anchor ​

值说明
BMAP_ANCHOR_TOP_LEFT左上
BMAP_ANCHOR_TOP_RIGHT右上
BMAP_ANCHOR_BOTTOM_LEFT左下
BMAP_ANCHOR_BOTTOM_RIGHT右下

组件事件 ​

事件名说明类型
initd组件初始化后，调用的方法，返回一个地图实例{ map, BmapGL, instance }
unload组件卸载时会调用此方法-

Released under the MIT License.

Copyright © 2022-present dh and all contributors

+ \ No newline at end of file diff --git a/zh-CN/components/control/context-menu.html b/zh-CN/components/control/context-menu.html index 381b8924..fb17506f 100644 --- a/zh-CN/components/control/context-menu.html +++ b/zh-CN/components/control/context-menu.html @@ -6,7 +6,7 @@ BContextMenu 上下文菜单 | Vue3 Baidu Map Gl - + @@ -15,7 +15,7 @@ - + @@ -28,8 +28,8 @@ -
Vue3 Baidu Map Gl

Appearance

BContextMenu 上下文菜单 ^0.0.29 ​

在地图上添加自定义内容的右键菜单

ts
import { BContextMenu } from 'vue3-baidu-map-gl'

组件示例 ​

静态组件 Props ​

属性说明类型默认值
width菜单宽度(单位 px)number100

动态组件 Props ​

属性说明类型可选值默认值版本
menuItems菜单项，-添加分割线(ContextMenuItem | -) []---
visible是否显示boolean-true^2.2.0

ContextMenuItem ​

属性说明类型可选值默认值
text菜单项文字string-required
callback菜单项点击触发的回调函数({point, pixel, map, BMapGL, target}) => void-required
disabled是否禁用该菜单项booleanfalse-

组件事件 ​

事件名说明类型
initd组件初始化后，调用的方法，返回一个地图实例{ map, BmapGL, instance }
unload组件卸载时会调用此方法-
open右键菜单打开时触发，事件参数 point 和 pixel 分别表示菜单开启时的地理和像素坐标点((e: Event) => void)
close右键菜单关闭时触发，事件参数 point 和 pixel 分别表示菜单开启时的地理和像素坐标点((e: Event) => void)

Released under the MIT License.

Copyright © 2022-present dh and all contributors

- +
Vue3 Baidu Map Gl

Appearance

BContextMenu 上下文菜单 ^0.0.29 ​

在地图上添加自定义内容的右键菜单

ts
import { BContextMenu } from 'vue3-baidu-map-gl'

组件示例 ​

静态组件 Props ​

属性说明类型默认值
width菜单宽度(单位 px)number100

动态组件 Props ​

属性说明类型可选值默认值版本
menuItems菜单项，-添加分割线(ContextMenuItem | -) []---
visible是否显示boolean-true^2.2.0

ContextMenuItem ​

属性说明类型可选值默认值
text菜单项文字string-required
callback菜单项点击触发的回调函数({point, pixel, map, BMapGL, target}) => void-required
disabled是否禁用该菜单项booleanfalse-

组件事件 ​

事件名说明类型
initd组件初始化后，调用的方法，返回一个地图实例{ map, BmapGL, instance }
unload组件卸载时会调用此方法-
open右键菜单打开时触发，事件参数 point 和 pixel 分别表示菜单开启时的地理和像素坐标点((e: Event) => void)
close右键菜单关闭时触发，事件参数 point 和 pixel 分别表示菜单开启时的地理和像素坐标点((e: Event) => void)

Released under the MIT License.

Copyright © 2022-present dh and all contributors

+ \ No newline at end of file diff --git a/zh-CN/components/control/copyright.html b/zh-CN/components/control/copyright.html index ed7a0297..78a634cd 100644 --- a/zh-CN/components/control/copyright.html +++ b/zh-CN/components/control/copyright.html @@ -6,7 +6,7 @@ BCopyright 版权控件 | Vue3 Baidu Map Gl - + @@ -15,7 +15,7 @@ - + @@ -28,8 +28,8 @@ -
Vue3 Baidu Map Gl

Appearance

BCopyright 版权控件 ​

地图 3D 控件，可以控制地图的旋转、倾斜，默认位于地图右下角

ts
import { BCopyright } from 'vue3-baidu-map-gl'

组件示例 ​

多个相同位置版权控件会自动排列，避免重叠

提示

如果动态内容中有图片会导致闪烁，建议将图片和文字拆分成两个自定义版权

静态组件 Props ​

属性说明类型可选值默认值
anchor控件的停靠位置stringanchorBMAP_ANCHOR_BOTTOM_LEFT
offset控件的偏移值{x: number, y: number }-{ x: 83, y: 18 }

动态组件 Props ​

属性说明类型可选值默认值版本
visible是否显示boolean-true^2.2.0

anchor ​

值说明
BMAP_ANCHOR_TOP_LEFT左上
BMAP_ANCHOR_TOP_RIGHT右上
BMAP_ANCHOR_BOTTOM_LEFT左下
BMAP_ANCHOR_BOTTOM_RIGHT右下

组件事件 ​

事件名说明类型
initd组件初始化后，调用的方法，返回一个地图实例{ map, BmapGL, instance }
unload组件卸载时会调用此方法-

Released under the MIT License.

Copyright © 2022-present dh and all contributors

- +
Vue3 Baidu Map Gl

Appearance

BCopyright 版权控件 ​

地图 3D 控件，可以控制地图的旋转、倾斜，默认位于地图右下角

ts
import { BCopyright } from 'vue3-baidu-map-gl'

组件示例 ​

多个相同位置版权控件会自动排列，避免重叠

提示

如果动态内容中有图片会导致闪烁，建议将图片和文字拆分成两个自定义版权

静态组件 Props ​

属性说明类型可选值默认值
anchor控件的停靠位置stringanchorBMAP_ANCHOR_BOTTOM_LEFT
offset控件的偏移值{x: number, y: number }-{ x: 83, y: 18 }

动态组件 Props ​

属性说明类型可选值默认值版本
visible是否显示boolean-true^2.2.0

anchor ​

值说明
BMAP_ANCHOR_TOP_LEFT左上
BMAP_ANCHOR_TOP_RIGHT右上
BMAP_ANCHOR_BOTTOM_LEFT左下
BMAP_ANCHOR_BOTTOM_RIGHT右下

组件事件 ​

事件名说明类型
initd组件初始化后，调用的方法，返回一个地图实例{ map, BmapGL, instance }
unload组件卸载时会调用此方法-

Released under the MIT License.

Copyright © 2022-present dh and all contributors

+ \ No newline at end of file diff --git a/zh-CN/components/control/custom.html b/zh-CN/components/control/custom.html index f68109b5..f0c8793f 100644 --- a/zh-CN/components/control/custom.html +++ b/zh-CN/components/control/custom.html @@ -6,7 +6,7 @@ BControl 自定义控件 | Vue3 Baidu Map Gl - + @@ -15,7 +15,7 @@ - + @@ -28,8 +28,8 @@ -
Vue3 Baidu Map Gl

Appearance

BControl 自定义控件 ​

根据地图 BMap 组件提供的 Props，或者地图实例，自定义控件

ts
import { BControl } from 'vue3-baidu-map-gl'

组件示例 ​

静态组件 Props ​

属性说明类型可选值默认值
anchor控件的停靠位置stringanchorBMAP_ANCHOR_BOTTOM_LEFT
offset控件的偏移值{x: number, y: number }-{ x: 83, y: 18 }

动态组件 Props ​

属性说明类型可选值默认值版本
visible是否显示boolean-true^2.2.0

anchor ​

值说明
BMAP_ANCHOR_TOP_LEFT左上
BMAP_ANCHOR_TOP_RIGHT右上
BMAP_ANCHOR_BOTTOM_LEFT左下
BMAP_ANCHOR_BOTTOM_RIGHT右下

组件事件 ​

事件名说明类型
initd组件初始化后，调用的方法，返回一个地图实例{ map, BmapGL, instance }
unload组件卸载时会调用此方法-

Released under the MIT License.

Copyright © 2022-present dh and all contributors

- +
Vue3 Baidu Map Gl

Appearance

BControl 自定义控件 ​

根据地图 BMap 组件提供的 Props，或者地图实例，自定义控件

ts
import { BControl } from 'vue3-baidu-map-gl'

组件示例 ​

静态组件 Props ​

属性说明类型可选值默认值
anchor控件的停靠位置stringanchorBMAP_ANCHOR_BOTTOM_LEFT
offset控件的偏移值{x: number, y: number }-{ x: 83, y: 18 }

动态组件 Props ​

属性说明类型可选值默认值版本
visible是否显示boolean-true^2.2.0

anchor ​

值说明
BMAP_ANCHOR_TOP_LEFT左上
BMAP_ANCHOR_TOP_RIGHT右上
BMAP_ANCHOR_BOTTOM_LEFT左下
BMAP_ANCHOR_BOTTOM_RIGHT右下

组件事件 ​

事件名说明类型
initd组件初始化后，调用的方法，返回一个地图实例{ map, BmapGL, instance }
unload组件卸载时会调用此方法-

Released under the MIT License.

Copyright © 2022-present dh and all contributors

+ \ No newline at end of file diff --git a/zh-CN/components/control/location.html b/zh-CN/components/control/location.html index 0b1f0282..df1fe9a7 100644 --- a/zh-CN/components/control/location.html +++ b/zh-CN/components/control/location.html @@ -6,7 +6,7 @@ BLocation 定位控件 | Vue3 Baidu Map Gl - + @@ -15,7 +15,7 @@ - + @@ -28,8 +28,8 @@ -
Vue3 Baidu Map Gl

Appearance

BLocation 定位控件 ​

定位控件，默认位于地图右下角

ts
import { BLocation } from 'vue3-baidu-map-gl'

组件示例 ​

静态组件 Props ​

属性说明类型可选值默认值
anchor控件的停靠位置stringanchorBMAP_ANCHOR_BOTTOM_RIGHT
offset控件的偏移值{x: number, y: number }-{ x: 18, y: 18 }

动态组件 Props ​

属性说明类型可选值默认值版本
visible是否显示boolean-true^2.2.0

anchor ​

值说明
BMAP_ANCHOR_TOP_LEFT左上
BMAP_ANCHOR_TOP_RIGHT右上
BMAP_ANCHOR_BOTTOM_LEFT左下
BMAP_ANCHOR_BOTTOM_RIGHT右下

组件事件 ​

事件名说明类型版本
initd组件初始化后，调用的方法，返回一个地图实例{ map, BmapGL, instance }-
unload组件卸载时会调用此方法--
locationSuccess定位成功时会调用此方法{Event}^0.0.39
locationError定位失败时会调用此方法{Event}^0.0.39

Released under the MIT License.

Copyright © 2022-present dh and all contributors

- +
Vue3 Baidu Map Gl

Appearance

BLocation 定位控件 ​

定位控件，默认位于地图右下角

ts
import { BLocation } from 'vue3-baidu-map-gl'

组件示例 ​

静态组件 Props ​

属性说明类型可选值默认值
anchor控件的停靠位置stringanchorBMAP_ANCHOR_BOTTOM_RIGHT
offset控件的偏移值{x: number, y: number }-{ x: 18, y: 18 }

动态组件 Props ​

属性说明类型可选值默认值版本
visible是否显示boolean-true^2.2.0

anchor ​

值说明
BMAP_ANCHOR_TOP_LEFT左上
BMAP_ANCHOR_TOP_RIGHT右上
BMAP_ANCHOR_BOTTOM_LEFT左下
BMAP_ANCHOR_BOTTOM_RIGHT右下

组件事件 ​

事件名说明类型版本
initd组件初始化后，调用的方法，返回一个地图实例{ map, BmapGL, instance }-
unload组件卸载时会调用此方法--
locationSuccess定位成功时会调用此方法{Event}^0.0.39
locationError定位失败时会调用此方法{Event}^0.0.39

Released under the MIT License.

Copyright © 2022-present dh and all contributors

+ \ No newline at end of file diff --git a/zh-CN/components/control/navigation3d.html b/zh-CN/components/control/navigation3d.html index aaf428d4..292d9072 100644 --- a/zh-CN/components/control/navigation3d.html +++ b/zh-CN/components/control/navigation3d.html @@ -6,7 +6,7 @@ BNavigation3d 3D 视角导航控件 | Vue3 Baidu Map Gl - + @@ -15,7 +15,7 @@ - + @@ -28,8 +28,8 @@ -
Vue3 Baidu Map Gl

Appearance

BNavigation3d 3D 视角导航控件 ​

地图 3D 控件，可以控制地图的旋转、倾斜，默认位于地图右下角

ts
import { BNavigation3d } from 'vue3-baidu-map-gl'

组件示例 ​

静态组件 Props ​

属性说明类型可选值默认值
anchor控件的停靠位置stringanchorBMAP_ANCHOR_BOTTOM_LEFT
offset控件的偏移值{x: number, y: number }-{ x: 83, y: 18 }

动态组件 Props ​

属性说明类型可选值默认值版本
visible是否显示boolean-true^2.2.0

anchor ​

值说明
BMAP_ANCHOR_TOP_LEFT左上
BMAP_ANCHOR_TOP_RIGHT右上
BMAP_ANCHOR_BOTTOM_LEFT左下
BMAP_ANCHOR_BOTTOM_RIGHT右下

组件事件 ​

事件名说明类型
initd组件初始化后，调用的方法，返回一个地图实例{ map, BmapGL, instance }
unload组件卸载时会调用此方法-

Released under the MIT License.

Copyright © 2022-present dh and all contributors

- +
Vue3 Baidu Map Gl

Appearance

BNavigation3d 3D 视角导航控件 ​

地图 3D 控件，可以控制地图的旋转、倾斜，默认位于地图右下角

ts
import { BNavigation3d } from 'vue3-baidu-map-gl'

组件示例 ​

静态组件 Props ​

属性说明类型可选值默认值
anchor控件的停靠位置stringanchorBMAP_ANCHOR_BOTTOM_LEFT
offset控件的偏移值{x: number, y: number }-{ x: 83, y: 18 }

动态组件 Props ​

属性说明类型可选值默认值版本
visible是否显示boolean-true^2.2.0

anchor ​

值说明
BMAP_ANCHOR_TOP_LEFT左上
BMAP_ANCHOR_TOP_RIGHT右上
BMAP_ANCHOR_BOTTOM_LEFT左下
BMAP_ANCHOR_BOTTOM_RIGHT右下

组件事件 ​

事件名说明类型
initd组件初始化后，调用的方法，返回一个地图实例{ map, BmapGL, instance }
unload组件卸载时会调用此方法-

Released under the MIT License.

Copyright © 2022-present dh and all contributors

+ \ No newline at end of file diff --git a/zh-CN/components/control/panorama-control.html b/zh-CN/components/control/panorama-control.html index 65ef8546..67b366ba 100644 --- a/zh-CN/components/control/panorama-control.html +++ b/zh-CN/components/control/panorama-control.html @@ -6,7 +6,7 @@ BPanoramaControl 全景控件 | Vue3 Baidu Map Gl - + @@ -15,7 +15,7 @@ - + @@ -28,8 +28,8 @@ -
Vue3 Baidu Map Gl

Appearance

BPanoramaControl 全景控件 ^0.0.31 ​

全景地图服务，360° 全景地图刻画真实世界，将街道场景带入到地图产品中，用户可以拖拽地图从不同的角度浏览真实的街景效果

ts
import { BPanoramaControl } from 'vue3-baidu-map-gl'

TIP

全景地图服务属于百度地图高级服务，需要向 百度地图申请 才可以使用

组件示例 ​

单独使用该组件不会显示全景地图覆盖情况，还需要搭配BPanoramaCoverageLayer组件使用。

静态组件 Props ​

属性说明类型可选值默认值
anchor控件的停靠位置stringanchorBMAP_ANCHOR_BOTTOM_RIGHT
offset控件的偏移值{x: number, y: number }-{ x: 18, y: 18 }

动态组件 Props ​

属性说明类型可选值默认值版本
visible是否显示boolean-true^2.2.0

anchor ​

值说明
BMAP_ANCHOR_TOP_LEFT左上
BMAP_ANCHOR_TOP_RIGHT右上
BMAP_ANCHOR_BOTTOM_LEFT左下
BMAP_ANCHOR_BOTTOM_RIGHT右下

组件事件 ​

事件名说明类型
initd组件初始化后，调用的方法，返回一个地图实例{ map, BmapGL, instance }
unload组件卸载时会调用此方法-

Released under the MIT License.

Copyright © 2022-present dh and all contributors

- +
Vue3 Baidu Map Gl

Appearance

BPanoramaControl 全景控件 ^0.0.31 ​

全景地图服务，360° 全景地图刻画真实世界，将街道场景带入到地图产品中，用户可以拖拽地图从不同的角度浏览真实的街景效果

ts
import { BPanoramaControl } from 'vue3-baidu-map-gl'

TIP

全景地图服务属于百度地图高级服务，需要向 百度地图申请 才可以使用

组件示例 ​

单独使用该组件不会显示全景地图覆盖情况，还需要搭配BPanoramaCoverageLayer组件使用。

静态组件 Props ​

属性说明类型可选值默认值
anchor控件的停靠位置stringanchorBMAP_ANCHOR_BOTTOM_RIGHT
offset控件的偏移值{x: number, y: number }-{ x: 18, y: 18 }

动态组件 Props ​

属性说明类型可选值默认值版本
visible是否显示boolean-true^2.2.0

anchor ​

值说明
BMAP_ANCHOR_TOP_LEFT左上
BMAP_ANCHOR_TOP_RIGHT右上
BMAP_ANCHOR_BOTTOM_LEFT左下
BMAP_ANCHOR_BOTTOM_RIGHT右下

组件事件 ​

事件名说明类型
initd组件初始化后，调用的方法，返回一个地图实例{ map, BmapGL, instance }
unload组件卸载时会调用此方法-

Released under the MIT License.

Copyright © 2022-present dh and all contributors

+ \ No newline at end of file diff --git a/zh-CN/components/control/scale.html b/zh-CN/components/control/scale.html index a3fc809f..a12ef87f 100644 --- a/zh-CN/components/control/scale.html +++ b/zh-CN/components/control/scale.html @@ -6,7 +6,7 @@ BScale 比例尺控件 | Vue3 Baidu Map Gl - + @@ -15,7 +15,7 @@ - + @@ -28,8 +28,8 @@ -
Vue3 Baidu Map Gl

Appearance

BScale 比例尺控件 ​

比例尺控件，默认显示在地图左下角

ts
import { BScale } from 'vue3-baidu-map-gl'

组件示例 ​

静态组件 Props ​

属性说明类型可选值默认值
anchor控件的停靠位置stringanchorBMAP_ANCHOR_BOTTOM_LEFT
offset控件的偏移值{x: number, y: number }-{ x: 83, y: 18 }

动态组件 Props ​

属性说明类型可选值默认值版本
unit比例尺单位制stringunitBMAP_UNIT_METRIC
visible是否显示boolean-true^2.2.0

anchor ​

值说明
BMAP_ANCHOR_TOP_LEFT左上
BMAP_ANCHOR_TOP_RIGHT右上
BMAP_ANCHOR_BOTTOM_LEFT左下
BMAP_ANCHOR_BOTTOM_RIGHT右下

unit ​

值说明
BMAP_UNIT_METRIC公尺
BMAP_UNIT_IMPERIAL英尺

组件事件 ​

事件名说明类型
initd组件初始化后，调用的方法，返回一个地图实例{ map, BmapGL, instance }
unload组件卸载时会调用此方法-

Released under the MIT License.

Copyright © 2022-present dh and all contributors

- +
Vue3 Baidu Map Gl

Appearance

BScale 比例尺控件 ​

比例尺控件，默认显示在地图左下角

ts
import { BScale } from 'vue3-baidu-map-gl'

组件示例 ​

静态组件 Props ​

属性说明类型可选值默认值
anchor控件的停靠位置stringanchorBMAP_ANCHOR_BOTTOM_LEFT
offset控件的偏移值{x: number, y: number }-{ x: 83, y: 18 }

动态组件 Props ​

属性说明类型可选值默认值版本
unit比例尺单位制stringunitBMAP_UNIT_METRIC
visible是否显示boolean-true^2.2.0

anchor ​

值说明
BMAP_ANCHOR_TOP_LEFT左上
BMAP_ANCHOR_TOP_RIGHT右上
BMAP_ANCHOR_BOTTOM_LEFT左下
BMAP_ANCHOR_BOTTOM_RIGHT右下

unit ​

值说明
BMAP_UNIT_METRIC公尺
BMAP_UNIT_IMPERIAL英尺

组件事件 ​

事件名说明类型
initd组件初始化后，调用的方法，返回一个地图实例{ map, BmapGL, instance }
unload组件卸载时会调用此方法-

Released under the MIT License.

Copyright © 2022-present dh and all contributors

+ \ No newline at end of file diff --git a/zh-CN/components/control/zoom.html b/zh-CN/components/control/zoom.html index fd27bc79..bfcabf0b 100644 --- a/zh-CN/components/control/zoom.html +++ b/zh-CN/components/control/zoom.html @@ -6,7 +6,7 @@ BZoom 缩放控件 | Vue3 Baidu Map Gl - + @@ -15,7 +15,7 @@ - + @@ -28,8 +28,8 @@ -
Vue3 Baidu Map Gl

Appearance

BZoom 缩放控件 ​

缩放控件，默认位于地图右下角

ts
import { BZoom } from 'vue3-baidu-map-gl'

组件示例 ​

静态组件 Props ​

属性说明类型可选值默认值
anchor控件的停靠位置stringanchorBMAP_ANCHOR_BOTTOM_LEFT
offset控件的偏移值{x: number, y: number }- { x: 83, y: 18 }

动态组件 Props ​

属性说明类型可选值默认值版本
visible是否显示boolean-true^2.2.0

anchor ​

值说明
BMAP_ANCHOR_TOP_LEFT左上
BMAP_ANCHOR_TOP_RIGHT右上
BMAP_ANCHOR_BOTTOM_LEFT左下
BMAP_ANCHOR_BOTTOM_RIGHT右下

组件事件 ​

事件名说明类型
initd组件初始化后，调用的方法，返回一个地图实例{ map, BmapGL, instance }
unload组件卸载时会调用此方法-

Released under the MIT License.

Copyright © 2022-present dh and all contributors

- +
Vue3 Baidu Map Gl

Appearance

BZoom 缩放控件 ​

缩放控件，默认位于地图右下角

ts
import { BZoom } from 'vue3-baidu-map-gl'

组件示例 ​

静态组件 Props ​

属性说明类型可选值默认值
anchor控件的停靠位置stringanchorBMAP_ANCHOR_BOTTOM_LEFT
offset控件的偏移值{x: number, y: number }- { x: 83, y: 18 }

动态组件 Props ​

属性说明类型可选值默认值版本
visible是否显示boolean-true^2.2.0

anchor ​

值说明
BMAP_ANCHOR_TOP_LEFT左上
BMAP_ANCHOR_TOP_RIGHT右上
BMAP_ANCHOR_BOTTOM_LEFT左下
BMAP_ANCHOR_BOTTOM_RIGHT右下

组件事件 ​

事件名说明类型
initd组件初始化后，调用的方法，返回一个地图实例{ map, BmapGL, instance }
unload组件卸载时会调用此方法-

Released under the MIT License.

Copyright © 2022-present dh and all contributors

+ \ No newline at end of file diff --git a/zh-CN/components/layer/district-layer.html b/zh-CN/components/layer/district-layer.html index 0a2b7e6c..742b38d3 100644 --- a/zh-CN/components/layer/district-layer.html +++ b/zh-CN/components/layer/district-layer.html @@ -6,7 +6,7 @@ BDistrictLayer 行政区图层 | Vue3 Baidu Map Gl - + @@ -15,7 +15,7 @@ - + @@ -28,8 +28,8 @@ -
Vue3 Baidu Map Gl

Appearance

BDistrictLayer 行政区图层 ^1.1.2 ​

在地图上显示行政区划分

ts
import { BDistrictLayer } from 'vue3-baidu-map-gl'

组件示例 ​

静态组件 Props ​

属性说明类型可选值默认值
name行政区名字string-required
kind行政区类型DistrictType-DistrictType['AREA']
fillColor填充颜色string-#fdfd27
fillOpacity填充透明度number-1
strokeColor线条颜色string-#231cf8
viewport自动聚焦地图中心boolean-false

动态组件 Props ​

属性说明类型可选值默认值版本
visible是否显示boolean-true^2.2.0

DistrictType ​

值说明
PROVINCE省级
CITY市级
AREA县/区级

组件事件 ​

事件名说明类型
initd组件初始化后，调用的方法，返回一个地图实例{ map, BmapGL, instance }
unload组件卸载时会调用此方法-
mouseover鼠标移入行政区域时触发此事件{type, target}
mouseout鼠标移出行政区域时触发此事件{type, target}

Released under the MIT License.

Copyright © 2022-present dh and all contributors

- +
Vue3 Baidu Map Gl

Appearance

BDistrictLayer 行政区图层 ^1.1.2 ​

在地图上显示行政区划分

ts
import { BDistrictLayer } from 'vue3-baidu-map-gl'

组件示例 ​

静态组件 Props ​

属性说明类型可选值默认值
name行政区名字string-required
kind行政区类型DistrictType-DistrictType['AREA']
fillColor填充颜色string-#fdfd27
fillOpacity填充透明度number-1
strokeColor线条颜色string-#231cf8
viewport自动聚焦地图中心boolean-false

动态组件 Props ​

属性说明类型可选值默认值版本
visible是否显示boolean-true^2.2.0

DistrictType ​

值说明
PROVINCE省级
CITY市级
AREA县/区级

组件事件 ​

事件名说明类型
initd组件初始化后，调用的方法，返回一个地图实例{ map, BmapGL, instance }
unload组件卸载时会调用此方法-
mouseover鼠标移入行政区域时触发此事件{type, target}
mouseout鼠标移出行政区域时触发此事件{type, target}

Released under the MIT License.

Copyright © 2022-present dh and all contributors

+ \ No newline at end of file diff --git a/zh-CN/components/layer/panorama-coverage.html b/zh-CN/components/layer/panorama-coverage.html index 1f25d23d..436f2ed4 100644 --- a/zh-CN/components/layer/panorama-coverage.html +++ b/zh-CN/components/layer/panorama-coverage.html @@ -6,7 +6,7 @@ BPanoramaCoverageLayer 全景图层 | Vue3 Baidu Map Gl - + @@ -15,7 +15,7 @@ - + @@ -28,8 +28,8 @@ -
Vue3 Baidu Map Gl

Appearance

BPanoramaCoverageLayer 全景图层 ^0.0.31 ​

全景地图服务，360° 全景地图刻画真实世界，将街道场景带入到地图产品中，用户可以拖拽地图从不同的角度浏览真实的街景效果

ts
import { BPanoramaCoverageLayer } from 'vue3-baidu-map-gl'

提示

全景地图服务属于百度地图高级服务，需要向 百度地图申请 才可以使用

组件示例 ​

单独使用该组件无法查看全景地图，还需要搭配BPanoramaControl组件使用。

静态组件 Props ​

属性说明类型可选值默认值
anchor控件的停靠位置stringanchorBMAP_ANCHOR_TOP_RIGHT
offset控件的偏移值{x: number, y: number }-{ x: 10, y: 10 }

anchor ​

值说明
BMAP_ANCHOR_TOP_LEFT左上
BMAP_ANCHOR_TOP_RIGHT右上
BMAP_ANCHOR_BOTTOM_LEFT左下
BMAP_ANCHOR_BOTTOM_RIGHT右下

组件事件 ​

事件名说明类型
initd组件初始化后，调用的方法，返回一个地图实例{ map, BmapGL, instance }
unload组件卸载时会调用此方法-

Released under the MIT License.

Copyright © 2022-present dh and all contributors

- +
Vue3 Baidu Map Gl

Appearance

BPanoramaCoverageLayer 全景图层 ^0.0.31 ​

全景地图服务，360° 全景地图刻画真实世界，将街道场景带入到地图产品中，用户可以拖拽地图从不同的角度浏览真实的街景效果

ts
import { BPanoramaCoverageLayer } from 'vue3-baidu-map-gl'

提示

全景地图服务属于百度地图高级服务，需要向 百度地图申请 才可以使用

组件示例 ​

单独使用该组件无法查看全景地图，还需要搭配BPanoramaControl组件使用。

静态组件 Props ​

属性说明类型可选值默认值
anchor控件的停靠位置stringanchorBMAP_ANCHOR_TOP_RIGHT
offset控件的偏移值{x: number, y: number }-{ x: 10, y: 10 }

anchor ​

值说明
BMAP_ANCHOR_TOP_LEFT左上
BMAP_ANCHOR_TOP_RIGHT右上
BMAP_ANCHOR_BOTTOM_LEFT左下
BMAP_ANCHOR_BOTTOM_RIGHT右下

组件事件 ​

事件名说明类型
initd组件初始化后，调用的方法，返回一个地图实例{ map, BmapGL, instance }
unload组件卸载时会调用此方法-

Released under the MIT License.

Copyright © 2022-present dh and all contributors

+ \ No newline at end of file diff --git a/zh-CN/components/map.html b/zh-CN/components/map.html index 2658c7ca..4c63d209 100644 --- a/zh-CN/components/map.html +++ b/zh-CN/components/map.html @@ -6,7 +6,7 @@ Map 地图 | Vue3 Baidu Map Gl - + @@ -15,7 +15,7 @@ - + @@ -89,8 +89,8 @@ -webkit-transform: scale(1); } } -</style>

静态组件 props ​

属性说明类型可选值默认值版本
ak百度地图 akstring---
apiUrl自建地图 api 资源地址（一般用于离线地图）string--^2.3.0
minZoom地图允许展示的最小级别number0-210-
maxZoom地图允许展示的最大级别number0-2121-
backgroundColor地图背景颜色, rgba 数组 number[]-[245, 245, 245, 100]^2.1.0
showControls是否显示室内图boolean-false-
restrictCenter是否限制中心boolean-true^1.1.3
plugins需要注册的插件['TrackAnimation', 'Mapvgl', 'Mapv', 'MapvThree']---
pluginsSourceLink自定义插件资源地址Record<'TrackAnimation' | 'Mapvgl' | 'Mapv' | 'MapvThree', string>---

动态组件 Props ​

属性说明类型默认值版本
width地图显示宽度string / number100%^1.0.1
height地图显示高度string / number550px^1.0.1
center地图默认中心点，可使用城市名，如：北京市，也可以使用对象如 {lng: 121.424333, lat: 31.228604} 表示经纬度。string / {lng: number, lat: number}北京市-
heading地图旋转角度number0-
tilt地图倾斜角度number0 -
mapType地图类型 mapTypestringBMAP_NORMAL_MAP-
zoom地图缩放级别number14-
displayOptions自定义地图属性 详见---
mapStyleId个性化地图样式 ID 详见string--
mapStyleJson个性化地图样式 Json 详见{featureType: string...}[]--
enableTraffic是否启用交通路况图层booleanfalse-
enableDragging启用地图拖拽booleantrue-
enableInertialDragging启用地图惯性拖拽booleantrue-
enableScrollWheelZoom允许地图可被鼠标滚轮缩放booleanfalse-
enableContinuousZoom开启双击平滑缩放效果booleantrue-
enableResizeOnCenter开启图区 resize 中心点不变booleantrue-
enableDoubleClickZoom启用地图双击缩放，左键双击放大、右键双击缩小booleanfalse-
enableKeyboard启用键盘操作，键盘的上、下、左、右键可连续移动地图。同时按下其中两个键可使地图进行对角移动。PgUp、PgDn、Home 和 End 键会使地图平移其 1/2 的大小。 +、-键会使地图放大或缩小一级booleantrue-
enablePinchToZoom启用双指缩放地图booleantrue-
enableAutoResize启用自动适应容器尺寸变化booleantrue-
enableIconClick是否启用底图可点击booleantrue^2.1.0
loadingBgColor加载背景图颜色string#f1f1f1^2.1.0
loadingTextColor加载文字图颜色string#999^2.1.0

地图类型 ​

值描述
BMAP_NORMAL_MAP标准地图
BMAP_EARTH_MAP地球模式
BMAP_SATELLITE_MAP普通卫星地图

注意

地球模式（BMAP_EARTH_MAP）下能支持的地图交互操作有限，如您需要卫星地图支持和标准地图（BMAP_NORMAL_MAP）一致的交互体验，请使用普通卫星图模式（BMAP_SATELLITE_MAP）

displayOptions ​

属性说明类型默认值
poi是否显示地图上的地点标识booleantrue
indoor是否显示室内图booleantrue
poiText是否显示地图上的地点标识文字booleantrue
poiIcon是否显示地图上的地点标识图标booleantrue
overlay是否显示覆盖物booleantrue
layer是否显示叠加图层，地球模式暂不支持booleantrue
building是否显示 3D 建筑物（仅支持 WebGL 方式渲染的地图）booleantrue
street是否显示路网（只对卫星图和地球模式有效）booleantrue
skyColors是否显示路网（只对卫星图和地球模式有效）[string, string]-

组件方法 ​

方法说明类型
getMapInstance父组件获取 map 实例方法() => void
getBaseMapOptions父组件/外部获取 map 组件 options() => void
resetCenter重置地图中心() => void
setDragging设置地图是否可拖动(nableDragging: boolean) => void

组件事件 ​

事件名说明类型
initd组件初始化后会触发此事件，返回一个地图实例{ map, BmapGL, instance }
unload组件卸载时会触发此事件-
pluginReady插件加载完毕会触发此事件{map}
click左键单击地图时触发此事件。 当双击时，产生的事件序列为： click click dblclick{type, target, latlng, pixel, overlay}
dblclick鼠标双击地图时会触发此事件{type, target, pixel, point}
rightclick右键单击地图时触发此事件。 当双击时，产生的事件序列为： rightclick rightclick rightdblclick{type, target, latlng, pixel, overlay}
rightdblclick右键双击地图时触发此事件{type, target, latlng, pixel, overlay}
maptypechange地图类型发生变化时触发此事件{type, target}
mousemove鼠标在地图区域移动过程中触发此事件{type, target, latlng, pixel, overlay}
mouseover鼠标移入地图区域时触发此事件{type, target}
mouseout鼠标移出地图区域时触发此事件{type, target}
movestart地图移动开始时触发此事件{type, target}
moving地图移动过程中触发此事件{type, target}
moveend地图移动结束时触发此事件{type, target}
zoomstart地图更改缩放级别开始时触发触发此事件{type, target}
zoomend地图更改缩放级别结束时触发触发此事件{type, target}
addoverlay当组件被挂载到地图中时会触发此事件{type, target}
removeoverlay当组件被移除时会触发此事件{type, target}
addcontrol当组件被挂载到地图中时会触发此事件{type, target}
removecontrol当组件被移除时会触发此事件{type, target}
clearoverlays当使用方法一次性移除全部覆盖物时会触发此事件{type, target}
dragstart开始拖拽地图时触发{type, target, pixel, point}
dragging拖拽地图过程中触发{type, target, pixel, point}
dragend停止拖拽地图时触发{type, target, pixel, point}
addtilelayer添加一个自定义地图图层时触发此事件{type, target}
removetilelayer移除一个自定义地图图层时触发此事件{type, target}
load调用方法时会触发此事件。这表示位置、缩放层级已经确定，但可能还在载入地图图块{type, target}
resize地图可视区域大小发生变化时会触发此事件{type, target, pixel, point}
hotspotclick点击热区时触发此事件{type, target}
hotspotover鼠标移至热区时触发此事件{type, target}
hotspotout鼠标移出热区时触发此事件{type, target}
tilesloaded当地图所有图块完成加载时触发此事件{type, target}
touchstart触摸开始时触发此事件，仅适用移动设备{type, target}
touchmove触摸移动时触发此事件，仅适用移动设备{type, target}
touchend触摸结束时触发此事件，仅适用移动设备{type, target}
longpress长按事件，仅适用移动设备{type, target}

Released under the MIT License.

Copyright © 2022-present dh and all contributors

- +</style>

静态组件 props ​

属性说明类型可选值默认值版本
ak百度地图 akstring---
apiUrl自建地图 api 资源地址（一般用于离线地图）string--^2.3.0
minZoom地图允许展示的最小级别number0-210-
maxZoom地图允许展示的最大级别number0-2121-
backgroundColor地图背景颜色, rgba 数组 number[]-[245, 245, 245, 100]^2.1.0
showControls是否显示室内图boolean-false-
restrictCenter是否限制中心boolean-true^1.1.3
plugins需要注册的插件['TrackAnimation', 'Mapvgl', 'Mapv', 'MapvThree']---
pluginsSourceLink自定义插件资源地址Record<'TrackAnimation' | 'Mapvgl' | 'Mapv' | 'MapvThree', string>---

动态组件 Props ​

属性说明类型默认值版本
width地图显示宽度string / number100%^1.0.1
height地图显示高度string / number550px^1.0.1
center地图默认中心点，可使用城市名，如：北京市，也可以使用对象如 {lng: 121.424333, lat: 31.228604} 表示经纬度。string / {lng: number, lat: number}北京市-
heading地图旋转角度number0-
tilt地图倾斜角度number0 -
mapType地图类型 mapTypestringBMAP_NORMAL_MAP-
zoom地图缩放级别number14-
displayOptions自定义地图属性 详见---
mapStyleId个性化地图样式 ID 详见string--
mapStyleJson个性化地图样式 Json 详见{featureType: string...}[]--
enableTraffic是否启用交通路况图层booleanfalse-
enableDragging启用地图拖拽booleantrue-
enableInertialDragging启用地图惯性拖拽booleantrue-
enableScrollWheelZoom允许地图可被鼠标滚轮缩放booleanfalse-
enableContinuousZoom开启双击平滑缩放效果booleantrue-
enableResizeOnCenter开启图区 resize 中心点不变booleantrue-
enableDoubleClickZoom启用地图双击缩放，左键双击放大、右键双击缩小booleanfalse-
enableKeyboard启用键盘操作，键盘的上、下、左、右键可连续移动地图。同时按下其中两个键可使地图进行对角移动。PgUp、PgDn、Home 和 End 键会使地图平移其 1/2 的大小。 +、-键会使地图放大或缩小一级booleantrue-
enablePinchToZoom启用双指缩放地图booleantrue-
enableAutoResize启用自动适应容器尺寸变化booleantrue-
enableIconClick是否启用底图可点击booleantrue^2.1.0
loadingBgColor加载背景图颜色string#f1f1f1^2.1.0
loadingTextColor加载文字图颜色string#999^2.1.0

地图类型 ​

值描述
BMAP_NORMAL_MAP标准地图
BMAP_EARTH_MAP地球模式
BMAP_SATELLITE_MAP普通卫星地图

注意

地球模式（BMAP_EARTH_MAP）下能支持的地图交互操作有限，如您需要卫星地图支持和标准地图（BMAP_NORMAL_MAP）一致的交互体验，请使用普通卫星图模式（BMAP_SATELLITE_MAP）

displayOptions ​

属性说明类型默认值
poi是否显示地图上的地点标识booleantrue
indoor是否显示室内图booleantrue
poiText是否显示地图上的地点标识文字booleantrue
poiIcon是否显示地图上的地点标识图标booleantrue
overlay是否显示覆盖物booleantrue
layer是否显示叠加图层，地球模式暂不支持booleantrue
building是否显示 3D 建筑物（仅支持 WebGL 方式渲染的地图）booleantrue
street是否显示路网（只对卫星图和地球模式有效）booleantrue
skyColors是否显示路网（只对卫星图和地球模式有效）[string, string]-

组件方法 ​

方法说明类型
getMapInstance父组件获取 map 实例方法() => void
getBaseMapOptions父组件/外部获取 map 组件 options() => void
resetCenter重置地图中心() => void
setDragging设置地图是否可拖动(nableDragging: boolean) => void

组件事件 ​

事件名说明类型
initd组件初始化后会触发此事件，返回一个地图实例{ map, BmapGL, instance }
unload组件卸载时会触发此事件-
pluginReady插件加载完毕会触发此事件{map}
click左键单击地图时触发此事件。 当双击时，产生的事件序列为： click click dblclick{type, target, latlng, pixel, overlay}
dblclick鼠标双击地图时会触发此事件{type, target, pixel, point}
rightclick右键单击地图时触发此事件。 当双击时，产生的事件序列为： rightclick rightclick rightdblclick{type, target, latlng, pixel, overlay}
rightdblclick右键双击地图时触发此事件{type, target, latlng, pixel, overlay}
maptypechange地图类型发生变化时触发此事件{type, target}
mousemove鼠标在地图区域移动过程中触发此事件{type, target, latlng, pixel, overlay}
mouseover鼠标移入地图区域时触发此事件{type, target}
mouseout鼠标移出地图区域时触发此事件{type, target}
movestart地图移动开始时触发此事件{type, target}
moving地图移动过程中触发此事件{type, target}
moveend地图移动结束时触发此事件{type, target}
zoomstart地图更改缩放级别开始时触发触发此事件{type, target}
zoomend地图更改缩放级别结束时触发触发此事件{type, target}
addoverlay当组件被挂载到地图中时会触发此事件{type, target}
removeoverlay当组件被移除时会触发此事件{type, target}
addcontrol当组件被挂载到地图中时会触发此事件{type, target}
removecontrol当组件被移除时会触发此事件{type, target}
clearoverlays当使用方法一次性移除全部覆盖物时会触发此事件{type, target}
dragstart开始拖拽地图时触发{type, target, pixel, point}
dragging拖拽地图过程中触发{type, target, pixel, point}
dragend停止拖拽地图时触发{type, target, pixel, point}
addtilelayer添加一个自定义地图图层时触发此事件{type, target}
removetilelayer移除一个自定义地图图层时触发此事件{type, target}
load调用方法时会触发此事件。这表示位置、缩放层级已经确定，但可能还在载入地图图块{type, target}
resize地图可视区域大小发生变化时会触发此事件{type, target, pixel, point}
hotspotclick点击热区时触发此事件{type, target}
hotspotover鼠标移至热区时触发此事件{type, target}
hotspotout鼠标移出热区时触发此事件{type, target}
tilesloaded当地图所有图块完成加载时触发此事件{type, target}
touchstart触摸开始时触发此事件，仅适用移动设备{type, target}
touchmove触摸移动时触发此事件，仅适用移动设备{type, target}
touchend触摸结束时触发此事件，仅适用移动设备{type, target}
longpress长按事件，仅适用移动设备{type, target}

Released under the MIT License.

Copyright © 2022-present dh and all contributors

+ \ No newline at end of file diff --git a/zh-CN/components/overlay/bezierCurve.html b/zh-CN/components/overlay/bezierCurve.html index 0136107f..b4a5a459 100644 --- a/zh-CN/components/overlay/bezierCurve.html +++ b/zh-CN/components/overlay/bezierCurve.html @@ -6,7 +6,7 @@ BBezierCurve 折线 | Vue3 Baidu Map Gl - + @@ -15,7 +15,7 @@ - + @@ -28,8 +28,8 @@ -
Vue3 Baidu Map Gl

Appearance

BBezierCurve 折线 ​

在地图上绘制二阶贝塞尔曲线

ts
import { BBezierCurve } from 'vue3-baidu-map-gl'

提示

不了解贝塞尔曲线的小伙伴可以先学习一下: https://zh-CN.javascript.info/bezier-curve

组件示例 ​

动态组件 Props ​

属性说明类型可选值默认值版本
path贝塞尔曲线的坐标数组{ lng: number, lat: number}[]-required-
controlPoints贝塞尔曲线控制点的坐标数组{ lng: number, lat: number}[][]-required-
strokeColor描边的颜色，同 CSS 颜色string-#000000-
strokeWeight描边的宽度，单位为像素string-2-
strokeOpacity描边的透明度，范围 0-1 number- 1-
strokeStyle描边的样式，为实线、虚线、或者点状线stringsolid / dashed / dotted--
enableMassClear是否在调用 map.clearOverlays 清除此覆盖物boolean-true -
visible是否显示boolean-true^2.2.0

组件事件 ​

事件名说明类型
initd组件初始化后，调用的方法，返回一个地图实例{ map, BmapGL, instance }
unload组件卸载时会调用此方法-
click鼠标左键单击事件的回调函数。 当双击时，产生的事件序列为： click click dblclick((e: Event) => void)
dblclick鼠标左键双击事件的回调函数((e: Event) => void)
mousedown鼠标左键在该覆盖物上按下的回调函数((e: Event) => void)
mouseup鼠标左键在该覆盖物上抬起的回调函数((e: Event) => void)
mouseout鼠标指针移出该覆盖物事件的回调函数((e: Event) => void)
mouseover鼠标指针移入该覆盖物事件的回调函数((e: Event) => void)
remove该覆盖物被移除的回调函数((e: Event) => void)
lineupdate覆盖物被编辑后的回调函数((e: Event) => void)

Released under the MIT License.

Copyright © 2022-present dh and all contributors

- +
Vue3 Baidu Map Gl

Appearance

BBezierCurve 折线 ​

在地图上绘制二阶贝塞尔曲线

ts
import { BBezierCurve } from 'vue3-baidu-map-gl'

提示

不了解贝塞尔曲线的小伙伴可以先学习一下: https://zh-CN.javascript.info/bezier-curve

组件示例 ​

动态组件 Props ​

属性说明类型可选值默认值版本
path贝塞尔曲线的坐标数组{ lng: number, lat: number}[]-required-
controlPoints贝塞尔曲线控制点的坐标数组{ lng: number, lat: number}[][]-required-
strokeColor描边的颜色，同 CSS 颜色string-#000000-
strokeWeight描边的宽度，单位为像素string-2-
strokeOpacity描边的透明度，范围 0-1 number- 1-
strokeStyle描边的样式，为实线、虚线、或者点状线stringsolid / dashed / dotted--
enableMassClear是否在调用 map.clearOverlays 清除此覆盖物boolean-true -
visible是否显示boolean-true^2.2.0

组件事件 ​

事件名说明类型
initd组件初始化后，调用的方法，返回一个地图实例{ map, BmapGL, instance }
unload组件卸载时会调用此方法-
click鼠标左键单击事件的回调函数。 当双击时，产生的事件序列为： click click dblclick((e: Event) => void)
dblclick鼠标左键双击事件的回调函数((e: Event) => void)
mousedown鼠标左键在该覆盖物上按下的回调函数((e: Event) => void)
mouseup鼠标左键在该覆盖物上抬起的回调函数((e: Event) => void)
mouseout鼠标指针移出该覆盖物事件的回调函数((e: Event) => void)
mouseover鼠标指针移入该覆盖物事件的回调函数((e: Event) => void)
remove该覆盖物被移除的回调函数((e: Event) => void)
lineupdate覆盖物被编辑后的回调函数((e: Event) => void)

Released under the MIT License.

Copyright © 2022-present dh and all contributors

+ \ No newline at end of file diff --git a/zh-CN/components/overlay/circle.html b/zh-CN/components/overlay/circle.html index 0ace0a7c..072fdf0b 100644 --- a/zh-CN/components/overlay/circle.html +++ b/zh-CN/components/overlay/circle.html @@ -6,7 +6,7 @@ BCircle 圆形 | Vue3 Baidu Map Gl - + @@ -15,7 +15,7 @@ - + @@ -28,8 +28,8 @@ -
Vue3 Baidu Map Gl

Appearance

BCircle 圆形 ​

在地图上绘制简单的圆形

ts
import { BCircle } from 'vue3-baidu-map-gl'

组件示例 ​

静态组件 Props ​

属性说明类型默认值
enableClicking是否响应点击事件booleantrue
geodesic是否开启大地线模式，true 时，两点连线将以大地线的形式booleanfalse
clip是否进行跨经度 180 度裁剪，绘制跨精度 180 时为了优化效果booleantrue

动态组件 Props ​

属性说明类型可选值默认值版本
center圆形中心点经纬度{ lng: number, lat: number}-required-
radius圆形的半径，单位为米number-required-
strokeColor描边的颜色，同 CSS 颜色string-#000-
strokeOpacity描边的透明度，范围 0-1number0-1 1-
fillColor面填充颜色，同 CSS 颜色string-#fff-
fillOpacity面填充的透明度，范围 0-1number0-1 0.3 -
strokeWeight描边的宽度，单位为像素number-2 -
strokeStyle描边的样式，为实线、虚线、或者点状线stringsolid / dashed / dottedsolid -
enableMassClear是否在调用 map.clearOverlays 清除此覆盖物boolean-true -
enableEditing是否启用线编辑boolean-false -
visible是否显示boolean-true^2.2.0

组件事件 ​

事件名说明类型
initd组件初始化后，调用的方法，返回一个地图实例{ map, BmapGL, instance }
unload组件卸载时会调用此方法-
click鼠标左键单击事件的回调函数。 当双击时，产生的事件序列为：click -> click -> dblclick((e: Event) => void)
dblclick鼠标左键双击事件的回调函数((e: Event) => void)
mousedown鼠标左键在该覆盖物上按下的回调函数((e: Event) => void)
mouseup鼠标左键在该覆盖物上抬起的回调函数((e: Event) => void)
mouseout鼠标指针移出该覆盖物事件的回调函数((e: Event) => void)
mouseover鼠标指针移入该覆盖物事件的回调函数((e: Event) => void)
remove该覆盖物被移除的回调函数((e: Event) => void)
lineupdate覆盖物被编辑后的回调函数((e: Event) => void)

Released under the MIT License.

Copyright © 2022-present dh and all contributors

- +
Vue3 Baidu Map Gl

Appearance

BCircle 圆形 ​

在地图上绘制简单的圆形

ts
import { BCircle } from 'vue3-baidu-map-gl'

组件示例 ​

静态组件 Props ​

属性说明类型默认值
enableClicking是否响应点击事件booleantrue
geodesic是否开启大地线模式，true 时，两点连线将以大地线的形式booleanfalse
clip是否进行跨经度 180 度裁剪，绘制跨精度 180 时为了优化效果booleantrue

动态组件 Props ​

属性说明类型可选值默认值版本
center圆形中心点经纬度{ lng: number, lat: number}-required-
radius圆形的半径，单位为米number-required-
strokeColor描边的颜色，同 CSS 颜色string-#000-
strokeOpacity描边的透明度，范围 0-1number0-1 1-
fillColor面填充颜色，同 CSS 颜色string-#fff-
fillOpacity面填充的透明度，范围 0-1number0-1 0.3 -
strokeWeight描边的宽度，单位为像素number-2 -
strokeStyle描边的样式，为实线、虚线、或者点状线stringsolid / dashed / dottedsolid -
enableMassClear是否在调用 map.clearOverlays 清除此覆盖物boolean-true -
enableEditing是否启用线编辑boolean-false -
visible是否显示boolean-true^2.2.0

组件事件 ​

事件名说明类型
initd组件初始化后，调用的方法，返回一个地图实例{ map, BmapGL, instance }
unload组件卸载时会调用此方法-
click鼠标左键单击事件的回调函数。 当双击时，产生的事件序列为：click -> click -> dblclick((e: Event) => void)
dblclick鼠标左键双击事件的回调函数((e: Event) => void)
mousedown鼠标左键在该覆盖物上按下的回调函数((e: Event) => void)
mouseup鼠标左键在该覆盖物上抬起的回调函数((e: Event) => void)
mouseout鼠标指针移出该覆盖物事件的回调函数((e: Event) => void)
mouseover鼠标指针移入该覆盖物事件的回调函数((e: Event) => void)
remove该覆盖物被移除的回调函数((e: Event) => void)
lineupdate覆盖物被编辑后的回调函数((e: Event) => void)

Released under the MIT License.

Copyright © 2022-present dh and all contributors

+ \ No newline at end of file diff --git a/zh-CN/components/overlay/ground-overlay.html b/zh-CN/components/overlay/ground-overlay.html index e32ba67d..d83c65c5 100644 --- a/zh-CN/components/overlay/ground-overlay.html +++ b/zh-CN/components/overlay/ground-overlay.html @@ -6,7 +6,7 @@ BGroundOverlay 地面叠加层 | Vue3 Baidu Map Gl - + @@ -15,7 +15,7 @@ - + @@ -32,8 +32,8 @@ | string | HTMLCanvasElement | Ref<HTMLCanvasElement | string> - | (() => HTMLCanvasElement | Ref<HTMLCanvasElement | string>)

组件事件 ​

事件名说明类型
initd组件初始化后，调用的方法，返回一个地图实例{ map, BmapGL, instance }
unload组件卸载时会调用此方法-
click鼠标左键单击事件的回调函数。 当双击时，产生的事件序列为： click -> click -> dblclick ((e: Event) => void)
dblclick鼠标左键双击事件的回调函数 ((e: Event) => void)
mouseout鼠标指针移出该覆盖物事件的回调函数 ((e: Event) => void)
mouseover鼠标指针移入该覆盖物事件的回调函数 ((e: Event) => void)
mousemove鼠标指针在该覆盖物移动的事件的回调函数 ((e: Event) => void)

Released under the MIT License.

Copyright © 2022-present dh and all contributors

- + | (() => HTMLCanvasElement | Ref<HTMLCanvasElement | string>)

组件事件 ​

事件名说明类型
initd组件初始化后，调用的方法，返回一个地图实例{ map, BmapGL, instance }
unload组件卸载时会调用此方法-
click鼠标左键单击事件的回调函数。 当双击时，产生的事件序列为： click -> click -> dblclick ((e: Event) => void)
dblclick鼠标左键双击事件的回调函数 ((e: Event) => void)
mouseout鼠标指针移出该覆盖物事件的回调函数 ((e: Event) => void)
mouseover鼠标指针移入该覆盖物事件的回调函数 ((e: Event) => void)
mousemove鼠标指针在该覆盖物移动的事件的回调函数 ((e: Event) => void)

Released under the MIT License.

Copyright © 2022-present dh and all contributors

+ \ No newline at end of file diff --git a/zh-CN/components/overlay/infowindow.html b/zh-CN/components/overlay/infowindow.html index f7e56b14..02ae1339 100644 --- a/zh-CN/components/overlay/infowindow.html +++ b/zh-CN/components/overlay/infowindow.html @@ -6,7 +6,7 @@ BInfoWindow 信息窗口 | Vue3 Baidu Map Gl - + @@ -15,7 +15,7 @@ - + @@ -28,8 +28,8 @@ -
Vue3 Baidu Map Gl

Appearance

BInfoWindow 信息窗口 ​

使用 slot 模式渲染子节点向地图添加信息窗口，以及与地图相关的一些交互。

ts
import { BInfoWindow } from 'vue3-baidu-map-gl'

提示

地图上只能同时显示一个infoWindow，所以当地图上有多个infoWindow组件同时绑定v-model="true"，只有最后一个 infoWindow组件会在地图上显示。

组件示例 ​


静态组件 Props ​

属性说明类型默认值
offset信息窗位置偏移值。默认情况下在地图上打开的信息窗底端的尖角将指向其地理坐标，在标注上打开的信息窗底端尖角的位置取决于标注所用图标的 infoWindowOffset 属性值，您可以为信息窗添加偏移量来改变默认位置{x: number, y: number }{x: 0, y: 0 }

动态组件 Props ​

属性说明类型可选值默认值版本
show是否开启信息窗体, 支持 v-model:showboolean -false^2.2.2
position信息窗体所在坐标{ lng: number, lat: number}[]-required-
title信息窗标题文字string---
width信息窗宽度，单位像素。取值范围：0, 220 - 730。如果您指定宽度为 0，则信息窗口的宽度将按照其内容自动调整number220-7300-
height信息窗高度，单位像素。取值范围：0, 60 - 650。如果您指定高度为 0，则信息窗口的高度将按照其内容自动调整number60-6500-
enableAutoPan是否开启信息窗口打开时地图自动移动boolean- true-
enableCloseOnClick是否开启点击地图关闭信息窗口boolean- true-

组件事件 ​

事件名说明属性
initd组件初始化后，调用的方法，返回一个地图实例{ map, BmapGL, instance }
unload组件卸载时会调用此方法-
close信息窗口被关闭时触发此事件event{type, target, point}
open信息窗口被打开时触发此事件event{type, target, point}
clickclose点击信息窗口的关闭按钮时触发此事件event{type, target}

Released under the MIT License.

Copyright © 2022-present dh and all contributors

- +
Vue3 Baidu Map Gl

Appearance

BInfoWindow 信息窗口 ​

使用 slot 模式渲染子节点向地图添加信息窗口，以及与地图相关的一些交互。

ts
import { BInfoWindow } from 'vue3-baidu-map-gl'

提示

地图上只能同时显示一个infoWindow，所以当地图上有多个infoWindow组件同时绑定v-model="true"，只有最后一个 infoWindow组件会在地图上显示。

组件示例 ​


静态组件 Props ​

属性说明类型默认值
offset信息窗位置偏移值。默认情况下在地图上打开的信息窗底端的尖角将指向其地理坐标，在标注上打开的信息窗底端尖角的位置取决于标注所用图标的 infoWindowOffset 属性值，您可以为信息窗添加偏移量来改变默认位置{x: number, y: number }{x: 0, y: 0 }

动态组件 Props ​

属性说明类型可选值默认值版本
show是否开启信息窗体, 支持 v-model:showboolean -false^2.2.2
position信息窗体所在坐标{ lng: number, lat: number}[]-required-
title信息窗标题文字string---
width信息窗宽度，单位像素。取值范围：0, 220 - 730。如果您指定宽度为 0，则信息窗口的宽度将按照其内容自动调整number220-7300-
height信息窗高度，单位像素。取值范围：0, 60 - 650。如果您指定高度为 0，则信息窗口的高度将按照其内容自动调整number60-6500-
enableAutoPan是否开启信息窗口打开时地图自动移动boolean- true-
enableCloseOnClick是否开启点击地图关闭信息窗口boolean- true-

组件事件 ​

事件名说明属性
initd组件初始化后，调用的方法，返回一个地图实例{ map, BmapGL, instance }
unload组件卸载时会调用此方法-
close信息窗口被关闭时触发此事件event{type, target, point}
open信息窗口被打开时触发此事件event{type, target, point}
clickclose点击信息窗口的关闭按钮时触发此事件event{type, target}

Released under the MIT License.

Copyright © 2022-present dh and all contributors

+ \ No newline at end of file diff --git a/zh-CN/components/overlay/label.html b/zh-CN/components/overlay/label.html index 36b5e565..d2bfaf7a 100644 --- a/zh-CN/components/overlay/label.html +++ b/zh-CN/components/overlay/label.html @@ -6,7 +6,7 @@ BLabel 文本标注 | Vue3 Baidu Map Gl - + @@ -15,7 +15,7 @@ - + @@ -28,8 +28,8 @@ -
Vue3 Baidu Map Gl

Appearance

BLabel 文本标注 ​

在地图上显示文本标注

ts
import { BLabel } from 'vue3-baidu-map-gl'

组件示例 ​

动态组件 Props ​

属性说明类型默认值版本
content设置文本标注的内容string required-
offset文本标注的像素偏移{x: number, y: number } --
enableMassClear是否在调用 map.clearOverlays 清除此覆盖物boolean true -
style设置文本标注的样式CSSStyleDeclaration--
position文本标注的坐标{ lng: number, lat: number} required-
zIndex显示层级number-^2.2.0
visible是否显示booleantrue^2.2.0

提示

style 可以是任何符合规范的 css 样式，样式属性需使用驼峰命名法

组件事件 ​

事件名说明类型
initd组件初始化后，调用的方法，返回一个地图实例{ map, BmapGL, instance }
unload组件卸载时会调用此方法-
click鼠标左键单击事件的回调函数。 当双击时，产生的事件序列为： click -> click -> dblclick ((e: Event) => void)
dblclick鼠标左键双击事件的回调函数 ((e: Event) => void)
mousedown鼠标左键在该覆盖物上按下的回调函数 ((e: Event) => void)
mouseup鼠标左键在该覆盖物上抬起的回调函数 ((e: Event) => void)
mouseout鼠标指针移出该覆盖物事件的回调函数 ((e: Event) => void)
mouseover鼠标指针移入该覆盖物事件的回调函数 ((e: Event) => void)
remove该覆盖物被移除的回调函数 ((e: Event) => void)
lineupdate覆盖物被编辑后的回调函数 ((e: Event) => void)

Released under the MIT License.

Copyright © 2022-present dh and all contributors

- +
Vue3 Baidu Map Gl

Appearance

BLabel 文本标注 ​

在地图上显示文本标注

ts
import { BLabel } from 'vue3-baidu-map-gl'

组件示例 ​

动态组件 Props ​

属性说明类型默认值版本
content设置文本标注的内容string required-
offset文本标注的像素偏移{x: number, y: number } --
enableMassClear是否在调用 map.clearOverlays 清除此覆盖物boolean true -
style设置文本标注的样式CSSStyleDeclaration--
position文本标注的坐标{ lng: number, lat: number} required-
zIndex显示层级number-^2.2.0
visible是否显示booleantrue^2.2.0

提示

style 可以是任何符合规范的 css 样式，样式属性需使用驼峰命名法

组件事件 ​

事件名说明类型
initd组件初始化后，调用的方法，返回一个地图实例{ map, BmapGL, instance }
unload组件卸载时会调用此方法-
click鼠标左键单击事件的回调函数。 当双击时，产生的事件序列为： click -> click -> dblclick ((e: Event) => void)
dblclick鼠标左键双击事件的回调函数 ((e: Event) => void)
mousedown鼠标左键在该覆盖物上按下的回调函数 ((e: Event) => void)
mouseup鼠标左键在该覆盖物上抬起的回调函数 ((e: Event) => void)
mouseout鼠标指针移出该覆盖物事件的回调函数 ((e: Event) => void)
mouseover鼠标指针移入该覆盖物事件的回调函数 ((e: Event) => void)
remove该覆盖物被移除的回调函数 ((e: Event) => void)
lineupdate覆盖物被编辑后的回调函数 ((e: Event) => void)

Released under the MIT License.

Copyright © 2022-present dh and all contributors

+ \ No newline at end of file diff --git a/zh-CN/components/overlay/mapMask.html b/zh-CN/components/overlay/mapMask.html index cb3ebde3..223992ef 100644 --- a/zh-CN/components/overlay/mapMask.html +++ b/zh-CN/components/overlay/mapMask.html @@ -6,7 +6,7 @@ BMapMask 掩膜 | Vue3 Baidu Map Gl - + @@ -15,7 +15,7 @@ - + @@ -28,8 +28,8 @@ -
Vue3 Baidu Map Gl

Appearance

BMapMask 掩膜 ^2.1.0 ​

控制地图元素的局部显示与隐藏

  • 局部显示：只展示指定区域的地图及地图元素（poi 标注、底图、楼块等），隐藏掉区域外的地图元素以突出重点。
  • 局部隐藏：隐藏掉局部区域地图元素，比如隐藏掉指定园区范围的地图元素，然后自定义叠加园区模型。
ts
import { BMapMask } from 'vue3-baidu-map-gl'

注意

  1. 局部隐藏适用于地图大级别情况，建议在 zoom>=18 级时使用
  2. 初始地图的中心点需要设置到掩膜区域内

组件示例 ​

动态组件 Props ​

属性说明类型可选值默认值版本
path圆形中心点经纬度{ lng: number, lat: number}-required-
showRegion展示区域内部还是外部MapMaskShowRegion-inside-
isBuildingMask楼块是否参与掩膜boolean-false-
isMapMask底图是否参与掩膜boolean-false-
isPoiMask底图上的 Poi 是否参与掩膜boolean-false-
visible是否显示boolean-true^2.2.0

MapMaskShowRegion ​

值描述
outside局部隐藏：隐藏掉局部区域地图元素，比如隐藏掉指定园区范围的地图元素，然后自定义叠加园区模型。
inside局部显示：只展示指定区域的地图及地图元素（poi 标注、底图、楼块等），隐藏掉区域外的地图元素以突出重点。

组件事件 ​

事件名说明类型
initd组件初始化后，调用的方法，返回一个地图实例{ map, BmapGL, instance }
unload组件卸载时会调用此方法-
click鼠标左键单击事件的回调函数。 当双击时，产生的事件序列为：click -> click -> dblclick((e: Event) => void)
dblclick鼠标左键双击事件的回调函数((e: Event) => void)
mousedown鼠标左键在该覆盖物上按下的回调函数((e: Event) => void)
mouseup鼠标左键在该覆盖物上抬起的回调函数((e: Event) => void)
mouseout鼠标指针移出该覆盖物事件的回调函数((e: Event) => void)
mouseover鼠标指针移入该覆盖物事件的回调函数((e: Event) => void)
rightclick鼠标右键单击事件的回调函数((e: Event) => void)

Released under the MIT License.

Copyright © 2022-present dh and all contributors

- +
Vue3 Baidu Map Gl

Appearance

BMapMask 掩膜 ^2.1.0 ​

控制地图元素的局部显示与隐藏

  • 局部显示：只展示指定区域的地图及地图元素（poi 标注、底图、楼块等），隐藏掉区域外的地图元素以突出重点。
  • 局部隐藏：隐藏掉局部区域地图元素，比如隐藏掉指定园区范围的地图元素，然后自定义叠加园区模型。
ts
import { BMapMask } from 'vue3-baidu-map-gl'

注意

  1. 局部隐藏适用于地图大级别情况，建议在 zoom>=18 级时使用
  2. 初始地图的中心点需要设置到掩膜区域内

组件示例 ​

动态组件 Props ​

属性说明类型可选值默认值版本
path圆形中心点经纬度{ lng: number, lat: number}-required-
showRegion展示区域内部还是外部MapMaskShowRegion-inside-
isBuildingMask楼块是否参与掩膜boolean-false-
isMapMask底图是否参与掩膜boolean-false-
isPoiMask底图上的 Poi 是否参与掩膜boolean-false-
visible是否显示boolean-true^2.2.0

MapMaskShowRegion ​

值描述
outside局部隐藏：隐藏掉局部区域地图元素，比如隐藏掉指定园区范围的地图元素，然后自定义叠加园区模型。
inside局部显示：只展示指定区域的地图及地图元素（poi 标注、底图、楼块等），隐藏掉区域外的地图元素以突出重点。

组件事件 ​

事件名说明类型
initd组件初始化后，调用的方法，返回一个地图实例{ map, BmapGL, instance }
unload组件卸载时会调用此方法-
click鼠标左键单击事件的回调函数。 当双击时，产生的事件序列为：click -> click -> dblclick((e: Event) => void)
dblclick鼠标左键双击事件的回调函数((e: Event) => void)
mousedown鼠标左键在该覆盖物上按下的回调函数((e: Event) => void)
mouseup鼠标左键在该覆盖物上抬起的回调函数((e: Event) => void)
mouseout鼠标指针移出该覆盖物事件的回调函数((e: Event) => void)
mouseover鼠标指针移入该覆盖物事件的回调函数((e: Event) => void)
rightclick鼠标右键单击事件的回调函数((e: Event) => void)

Released under the MIT License.

Copyright © 2022-present dh and all contributors

+ \ No newline at end of file diff --git a/zh-CN/components/overlay/marker.html b/zh-CN/components/overlay/marker.html index 73333558..7b70b39e 100644 --- a/zh-CN/components/overlay/marker.html +++ b/zh-CN/components/overlay/marker.html @@ -6,7 +6,7 @@ BMarker 标注点 | Vue3 Baidu Map Gl - + @@ -15,7 +15,7 @@ - + @@ -28,8 +28,8 @@ -
Vue3 Baidu Map Gl

Appearance

BMarker 标注点 ​

在地图上绘制点

ts
import { BMarker } from 'vue3-baidu-map-gl'

组件示例 ​

在地图上添加标记点，通过 icon 指定显示图标

静态组件 Props ​

属性说明类型默认值
title鼠标移到 marker 上的显示内容string-
draggingCursor拖拽标注时的鼠标指针样式。此属性值需遵循 CSS 的cursor属性规范string-
raiseOnDrag拖拽标注时，标注是否开启离开地图表面效果 booleanfalse
enableClicking是否响应点击事件 booleantrue

动态组件 Props ​

属性说明类型可选值默认值版本
zIndex显示层级number--^0.0.35
position标注点的坐标{ lng: number, lat: number}-required-
offset标注点的像素偏移 {x: number, y: number }--
icon标注点的图标。可使用默认图标，也可自定义图标string simple_red / simple_blue...--
rotation旋转角度number --
enableDragging是否启用拖拽boolean - true-
enableMassClear是否在调用 map.clearOverlays 清除此覆盖物boolean -true -
visible是否显示boolean-true^2.2.0

默认图标可选值 ​

simple_red , simple_blue , loc_red , loc_blue , start , end , location

红色图标: red1 , red2 , red3 , red4 , red5 , red6 , red7 , red8 , red9 , red10

蓝色图标: blue1 , blue2 , blue3 , blue4 , blue5 , blue6 , blue7 , blue8 , blue9 , blue10

其余图标可根据下图自行定位裁切:

https://mapopen.bj.bcebos.com/cms/react-bmap/markers_new2x_fbb9e99.png

自定义图标 ​

属性说明类型默认值
anchor图标的定位点相对于图标左上角的偏移值{ x: number, y: number }-
imageOffset图标所用的图片相对于可视区域的偏移值，此功能的作用等同于 CSS 中的 background-position 属性{ x: number, y: number }-
imageSize图标所用的图片的大小，此功能的作用等同于 CSS 中的 background-size 属性。可用于实现高清屏的高清效果{ width: number, height: number }required
imageUrl图标所用图像资源的位置stringrequired
printImageUrl设置 icon 打印图片的 url，该打印图片只针对 IE6 有效，解决 IE6 使用 PNG 滤镜导致的错位问题。如果您的 icon 没有使用 PNG 格式图片或者没有使用 CSS Sprites 技术，则可忽略此配置string -

组件事件 ​

事件名说明类型
initd组件初始化后，调用的方法，返回一个地图实例{ map, BmapGL, instance }
unload组件卸载时会调用此方法-
click鼠标左键单击事件的回调函数。当双击时，产生的事件序列为：click -> click -> dblclick((e: Event) => void)
dblclick鼠标左键双击事件的回调函数((e: Event) => void)
mousedown鼠标左键在该覆盖物上按下的回调函数((e: Event) => void)
mouseup鼠标左键在该覆盖物上抬起的回调函数((e: Event) => void)
mouseout鼠标指针移出该覆盖物事件的回调函数((e: Event) => void)
mouseover鼠标指针移入该覆盖物事件的回调函数((e: Event) => void)
remove该覆盖物被移除的回调函数((e: Event) => void)
infowindowcloseinfowindow 关闭事件的回调函数((e: Event) => void)
infowindowopeninfowindow 打开事件的回调函数((e: Event) => void)
dragstart拖拽覆盖物开始事件的回调函数((e: Event) => void)
dragging覆盖物拖拽中事件的回调函数((e: Event) => void)
dragend拖拽覆盖物结束事件的回调函数((e: Event) => void)
rightclick鼠标右键单击事件的回调函数((e: Event) => void)

Released under the MIT License.

Copyright © 2022-present dh and all contributors

- +
Vue3 Baidu Map Gl

Appearance

BMarker 标注点 ​

在地图上绘制点

ts
import { BMarker } from 'vue3-baidu-map-gl'

组件示例 ​

在地图上添加标记点，通过 icon 指定显示图标

静态组件 Props ​

属性说明类型默认值
title鼠标移到 marker 上的显示内容string-
draggingCursor拖拽标注时的鼠标指针样式。此属性值需遵循 CSS 的cursor属性规范string-
raiseOnDrag拖拽标注时，标注是否开启离开地图表面效果 booleanfalse
enableClicking是否响应点击事件 booleantrue

动态组件 Props ​

属性说明类型可选值默认值版本
zIndex显示层级number--^0.0.35
position标注点的坐标{ lng: number, lat: number}-required-
offset标注点的像素偏移 {x: number, y: number }--
icon标注点的图标。可使用默认图标，也可自定义图标string simple_red / simple_blue...--
rotation旋转角度number --
enableDragging是否启用拖拽boolean - true-
enableMassClear是否在调用 map.clearOverlays 清除此覆盖物boolean -true -
visible是否显示boolean-true^2.2.0

默认图标可选值 ​

simple_red , simple_blue , loc_red , loc_blue , start , end , location

红色图标: red1 , red2 , red3 , red4 , red5 , red6 , red7 , red8 , red9 , red10

蓝色图标: blue1 , blue2 , blue3 , blue4 , blue5 , blue6 , blue7 , blue8 , blue9 , blue10

其余图标可根据下图自行定位裁切:

https://mapopen.bj.bcebos.com/cms/react-bmap/markers_new2x_fbb9e99.png

自定义图标 ​

属性说明类型默认值
anchor图标的定位点相对于图标左上角的偏移值{ x: number, y: number }-
imageOffset图标所用的图片相对于可视区域的偏移值，此功能的作用等同于 CSS 中的 background-position 属性{ x: number, y: number }-
imageSize图标所用的图片的大小，此功能的作用等同于 CSS 中的 background-size 属性。可用于实现高清屏的高清效果{ width: number, height: number }required
imageUrl图标所用图像资源的位置stringrequired
printImageUrl设置 icon 打印图片的 url，该打印图片只针对 IE6 有效，解决 IE6 使用 PNG 滤镜导致的错位问题。如果您的 icon 没有使用 PNG 格式图片或者没有使用 CSS Sprites 技术，则可忽略此配置string -

组件事件 ​

事件名说明类型
initd组件初始化后，调用的方法，返回一个地图实例{ map, BmapGL, instance }
unload组件卸载时会调用此方法-
click鼠标左键单击事件的回调函数。当双击时，产生的事件序列为：click -> click -> dblclick((e: Event) => void)
dblclick鼠标左键双击事件的回调函数((e: Event) => void)
mousedown鼠标左键在该覆盖物上按下的回调函数((e: Event) => void)
mouseup鼠标左键在该覆盖物上抬起的回调函数((e: Event) => void)
mouseout鼠标指针移出该覆盖物事件的回调函数((e: Event) => void)
mouseover鼠标指针移入该覆盖物事件的回调函数((e: Event) => void)
remove该覆盖物被移除的回调函数((e: Event) => void)
infowindowcloseinfowindow 关闭事件的回调函数((e: Event) => void)
infowindowopeninfowindow 打开事件的回调函数((e: Event) => void)
dragstart拖拽覆盖物开始事件的回调函数((e: Event) => void)
dragging覆盖物拖拽中事件的回调函数((e: Event) => void)
dragend拖拽覆盖物结束事件的回调函数((e: Event) => void)
rightclick鼠标右键单击事件的回调函数((e: Event) => void)

Released under the MIT License.

Copyright © 2022-present dh and all contributors

+ \ No newline at end of file diff --git a/zh-CN/components/overlay/marker3d.html b/zh-CN/components/overlay/marker3d.html index cdeec6de..3b2d44ee 100644 --- a/zh-CN/components/overlay/marker3d.html +++ b/zh-CN/components/overlay/marker3d.html @@ -6,7 +6,7 @@ BMarker3d 带高度的点 | Vue3 Baidu Map Gl - + @@ -15,7 +15,7 @@ - + @@ -28,8 +28,8 @@ -
Vue3 Baidu Map Gl

Appearance

BMarker3d 带高度的点 ​

在地图上绘制带高度的点覆盖物

ts
import { BMarker3d } from 'vue3-baidu-map-gl'

组件示例 ​

纹理贴图 ​

静态组件 Props ​

属性说明类型默认值
height点高度numberrequired
size点大小(宽/高)number50
shape点的形状BMAP_SHAPE_CIRCLE | BMAP_SHAPE_RECTBMAP_SHAPE_CIRCLE

点形状 ​

属性说明
BMAP_SHAPE_CIRCLE圆形
BMAP_SHAPE_RECT正方形

动态组件 Props ​

属性说明类型可选值默认值版本
position点的坐标{ lng: number, lat: number}-required-
icon点的图或自定义纹理贴图string --
fillColor点填充颜色，同 CSS 颜色string -#f00-
fillOpacity点填充的透明度，范围 0-1number 0-10.8 -
enableMassClear是否在调用 map.clearOverlays 清除此覆盖物boolean- true-
visible是否显示boolean-true^2.2.0

自定义纹理贴图 ​

属性说明类型默认值
anchor贴图的定位点相对于贴图左上角的偏移值{ x: number, y: number }-
imageOffset贴图所用的图片相对于可视区域的偏移值，此功能的作用等同于 CSS 中的 background-position 属性{ x: number, y: number }-
imageSize贴图所用的图片的大小，此功能的作用等同于 CSS 中的background-size属性。可用于实现高清屏的高清效果{ width: number, height: number }required
imageUrl贴图所用图像资源的位置stringrequired
printImageUrl设置 icon 打印图片的 url，该打印图片只针对 IE6 有效，解决 IE6 使用 PNG 滤镜导致的错位问题。如果您的 icon 没有使用 PNG 格式图片或者没有使用 CSS Sprites 技术，则可忽略此配置string -

组件事件 ​

事件名说明类型
initd组件初始化后，调用的方法，返回一个地图实例{ map, BmapGL, instance }
unload组件卸载时会调用此方法-
click鼠标左键单击事件的回调函数。当双击时，产生的事件序列为：click -> click -> dblclick((e: Event) => void)
dblclick鼠标左键双击事件的回调函数((e: Event) => void)
mousedown鼠标左键在该覆盖物上按下的回调函数((e: Event) => void)
mouseup鼠标左键在该覆盖物上抬起的回调函数((e: Event) => void)
mouseout鼠标指针移出该覆盖物事件的回调函数((e: Event) => void)
mouseover鼠标指针移入该覆盖物事件的回调函数((e: Event) => void)
remove该覆盖物被移除的回调函数((e: Event) => void)
rightclick鼠标右键单击事件的回调函数((e: Event) => void)

Released under the MIT License.

Copyright © 2022-present dh and all contributors

- +
Vue3 Baidu Map Gl

Appearance

BMarker3d 带高度的点 ​

在地图上绘制带高度的点覆盖物

ts
import { BMarker3d } from 'vue3-baidu-map-gl'

组件示例 ​

纹理贴图 ​

静态组件 Props ​

属性说明类型默认值
height点高度numberrequired
size点大小(宽/高)number50
shape点的形状BMAP_SHAPE_CIRCLE | BMAP_SHAPE_RECTBMAP_SHAPE_CIRCLE

点形状 ​

属性说明
BMAP_SHAPE_CIRCLE圆形
BMAP_SHAPE_RECT正方形

动态组件 Props ​

属性说明类型可选值默认值版本
position点的坐标{ lng: number, lat: number}-required-
icon点的图或自定义纹理贴图string --
fillColor点填充颜色，同 CSS 颜色string -#f00-
fillOpacity点填充的透明度，范围 0-1number 0-10.8 -
enableMassClear是否在调用 map.clearOverlays 清除此覆盖物boolean- true-
visible是否显示boolean-true^2.2.0

自定义纹理贴图 ​

属性说明类型默认值
anchor贴图的定位点相对于贴图左上角的偏移值{ x: number, y: number }-
imageOffset贴图所用的图片相对于可视区域的偏移值，此功能的作用等同于 CSS 中的 background-position 属性{ x: number, y: number }-
imageSize贴图所用的图片的大小，此功能的作用等同于 CSS 中的background-size属性。可用于实现高清屏的高清效果{ width: number, height: number }required
imageUrl贴图所用图像资源的位置stringrequired
printImageUrl设置 icon 打印图片的 url，该打印图片只针对 IE6 有效，解决 IE6 使用 PNG 滤镜导致的错位问题。如果您的 icon 没有使用 PNG 格式图片或者没有使用 CSS Sprites 技术，则可忽略此配置string -

组件事件 ​

事件名说明类型
initd组件初始化后，调用的方法，返回一个地图实例{ map, BmapGL, instance }
unload组件卸载时会调用此方法-
click鼠标左键单击事件的回调函数。当双击时，产生的事件序列为：click -> click -> dblclick((e: Event) => void)
dblclick鼠标左键双击事件的回调函数((e: Event) => void)
mousedown鼠标左键在该覆盖物上按下的回调函数((e: Event) => void)
mouseup鼠标左键在该覆盖物上抬起的回调函数((e: Event) => void)
mouseout鼠标指针移出该覆盖物事件的回调函数((e: Event) => void)
mouseover鼠标指针移入该覆盖物事件的回调函数((e: Event) => void)
remove该覆盖物被移除的回调函数((e: Event) => void)
rightclick鼠标右键单击事件的回调函数((e: Event) => void)

Released under the MIT License.

Copyright © 2022-present dh and all contributors

+ \ No newline at end of file diff --git a/zh-CN/components/overlay/polygon.html b/zh-CN/components/overlay/polygon.html index d4f67456..011dfecf 100644 --- a/zh-CN/components/overlay/polygon.html +++ b/zh-CN/components/overlay/polygon.html @@ -6,7 +6,7 @@ BPolygon 多边形 | Vue3 Baidu Map Gl - + @@ -15,7 +15,7 @@ - + @@ -28,8 +28,8 @@ -
Vue3 Baidu Map Gl

Appearance

BPolygon 多边形 ​

在地图上绘制简单的多边形

ts
import { BPolygon } from 'vue3-baidu-map-gl'

组件示例 ​

镂空面绘制 / 行政区域边界 ​

静态组件 Props ​

属性说明类型默认值
clip是否进行跨经度 180 度裁剪，绘制跨精度 180 时为了优化效果，boolean true
geodesic是否开启大地线模式，true 时，两点连线将以大地线的形式。boolean false
isBoundary是否是行政区域的边界多边形boolean false
autoCenter是否自动根据多边形居中地图boolean true
enableClicking是否响应点击事件boolean true

动态组件 Props ​

属性说明类型可选值默认值版本
path多边形的坐标数组 { lng: number, lat: number}[]-required-
strokeColor描边的颜色，同 CSS 颜色string-#000000-
strokeWeight描边的宽度，单位为像素string -2 -
strokeOpacity描边的透明度，范围 0-1number -1 -
strokeStyle描边的样式，为实线、虚线、或者点状线string solid / dashed / dotted--
fillColor面填充颜色，同 CSS 颜色string -#fff-
fillOpacity面填充的透明度，范围 0-1number 0-10.3 -
enableMassClear是否在调用 map.clearOverlays 清除此覆盖物boolean- true-
enableEditing开启可编辑模式boolean -false -
visible是否显示boolean-true^2.2.0

组件事件 ​

事件名说明类型
initd组件初始化后，调用的方法，返回一个地图实例{ map, BmapGL, instance }
unload组件卸载时会调用此方法-
click鼠标左键单击事件的回调函数。 当双击时，产生的事件序列为： click -> click -> dblclick ((e: Event) => void)
dblclick鼠标左键双击事件的回调函数((e: Event) => void)
mousedown鼠标左键在该覆盖物上按下的回调函数((e: Event) => void)
mouseup鼠标左键在该覆盖物上抬起的回调函数((e: Event) => void)
mouseout鼠标指针移出该覆盖物事件的回调函数((e: Event) => void)
mouseover鼠标指针移入该覆盖物事件的回调函数((e: Event) => void)
remove该覆盖物被移除的回调函数((e: Event) => void)
lineupdate覆盖物被编辑后的回调函数((e: Event) => void)

Released under the MIT License.

Copyright © 2022-present dh and all contributors

- +
Vue3 Baidu Map Gl

Appearance

BPolygon 多边形 ​

在地图上绘制简单的多边形

ts
import { BPolygon } from 'vue3-baidu-map-gl'

组件示例 ​

镂空面绘制 / 行政区域边界 ​

静态组件 Props ​

属性说明类型默认值
clip是否进行跨经度 180 度裁剪，绘制跨精度 180 时为了优化效果，boolean true
geodesic是否开启大地线模式，true 时，两点连线将以大地线的形式。boolean false
isBoundary是否是行政区域的边界多边形boolean false
autoCenter是否自动根据多边形居中地图boolean true
enableClicking是否响应点击事件boolean true

动态组件 Props ​

属性说明类型可选值默认值版本
path多边形的坐标数组 { lng: number, lat: number}[]-required-
strokeColor描边的颜色，同 CSS 颜色string-#000000-
strokeWeight描边的宽度，单位为像素string -2 -
strokeOpacity描边的透明度，范围 0-1number -1 -
strokeStyle描边的样式，为实线、虚线、或者点状线string solid / dashed / dotted--
fillColor面填充颜色，同 CSS 颜色string -#fff-
fillOpacity面填充的透明度，范围 0-1number 0-10.3 -
enableMassClear是否在调用 map.clearOverlays 清除此覆盖物boolean- true-
enableEditing开启可编辑模式boolean -false -
visible是否显示boolean-true^2.2.0

组件事件 ​

事件名说明类型
initd组件初始化后，调用的方法，返回一个地图实例{ map, BmapGL, instance }
unload组件卸载时会调用此方法-
click鼠标左键单击事件的回调函数。 当双击时，产生的事件序列为： click -> click -> dblclick ((e: Event) => void)
dblclick鼠标左键双击事件的回调函数((e: Event) => void)
mousedown鼠标左键在该覆盖物上按下的回调函数((e: Event) => void)
mouseup鼠标左键在该覆盖物上抬起的回调函数((e: Event) => void)
mouseout鼠标指针移出该覆盖物事件的回调函数((e: Event) => void)
mouseover鼠标指针移入该覆盖物事件的回调函数((e: Event) => void)
remove该覆盖物被移除的回调函数((e: Event) => void)
lineupdate覆盖物被编辑后的回调函数((e: Event) => void)

Released under the MIT License.

Copyright © 2022-present dh and all contributors

+ \ No newline at end of file diff --git a/zh-CN/components/overlay/polyline.html b/zh-CN/components/overlay/polyline.html index 049dbd43..7cf9e67c 100644 --- a/zh-CN/components/overlay/polyline.html +++ b/zh-CN/components/overlay/polyline.html @@ -6,7 +6,7 @@ BPolyline 折线 | Vue3 Baidu Map Gl - + @@ -15,7 +15,7 @@ - + @@ -28,8 +28,8 @@ -
Vue3 Baidu Map Gl

Appearance

BPolyline 折线 ​

在地图上绘制简单的折线

ts
import { BPolyline } from 'vue3-baidu-map-gl'

组件示例 ​

静态组件 Props ​

属性说明类型可选值默认值版本
enableClicking是否响应点击事件boolean-true
geodesic是否开启大地线模式，true 时，两点连线将以大地线的形式。boolean-false
clip是否进行跨经度 180 度裁剪，绘制跨精度 180 时为了优化效果boolean-true
linkRight连接右线，配合clip解决跨 ±180 度经线绘制问题boolean-true^2.1.0

动态组件 Props ​

属性说明类型可选值默认值版本
path多边形的坐标数组{ lng: number, lat: number}[]-required-
strokeColor描边的颜色，同 CSS 颜色string-#000000-
strokeWeight描边的宽度，单位为像素string-2-
strokeOpacity描边的透明度，范围 0-1 number- 1-
strokeStyle描边的样式，为实线、虚线、或者点状线stringsolid / dashed / dotted--
enableMassClear是否在调用 map.clearOverlays 清除此覆盖物boolean-true -
enableEditing开启可编辑模式boolean-false -
visible是否显示booleantrue^2.2.0

组件事件 ​

事件名说明类型
initd组件初始化后，调用的方法，返回一个地图实例{ map, BmapGL, instance }
unload组件卸载时会调用此方法-
click鼠标左键单击事件的回调函数。 当双击时，产生的事件序列为： click click dblclick((e: Event) => void)
dblclick鼠标左键双击事件的回调函数((e: Event) => void)
mousedown鼠标左键在该覆盖物上按下的回调函数((e: Event) => void)
mouseup鼠标左键在该覆盖物上抬起的回调函数((e: Event) => void)
mouseout鼠标指针移出该覆盖物事件的回调函数((e: Event) => void)
mouseover鼠标指针移入该覆盖物事件的回调函数((e: Event) => void)
remove该覆盖物被移除的回调函数((e: Event) => void)
lineupdate覆盖物被编辑后的回调函数((e: Event) => void)

Released under the MIT License.

Copyright © 2022-present dh and all contributors

- +
Vue3 Baidu Map Gl

Appearance

BPolyline 折线 ​

在地图上绘制简单的折线

ts
import { BPolyline } from 'vue3-baidu-map-gl'

组件示例 ​

静态组件 Props ​

属性说明类型可选值默认值版本
enableClicking是否响应点击事件boolean-true
geodesic是否开启大地线模式，true 时，两点连线将以大地线的形式。boolean-false
clip是否进行跨经度 180 度裁剪，绘制跨精度 180 时为了优化效果boolean-true
linkRight连接右线，配合clip解决跨 ±180 度经线绘制问题boolean-true^2.1.0

动态组件 Props ​

属性说明类型可选值默认值版本
path多边形的坐标数组{ lng: number, lat: number}[]-required-
strokeColor描边的颜色，同 CSS 颜色string-#000000-
strokeWeight描边的宽度，单位为像素string-2-
strokeOpacity描边的透明度，范围 0-1 number- 1-
strokeStyle描边的样式，为实线、虚线、或者点状线stringsolid / dashed / dotted--
enableMassClear是否在调用 map.clearOverlays 清除此覆盖物boolean-true -
enableEditing开启可编辑模式boolean-false -
visible是否显示booleantrue^2.2.0

组件事件 ​

事件名说明类型
initd组件初始化后，调用的方法，返回一个地图实例{ map, BmapGL, instance }
unload组件卸载时会调用此方法-
click鼠标左键单击事件的回调函数。 当双击时，产生的事件序列为： click click dblclick((e: Event) => void)
dblclick鼠标左键双击事件的回调函数((e: Event) => void)
mousedown鼠标左键在该覆盖物上按下的回调函数((e: Event) => void)
mouseup鼠标左键在该覆盖物上抬起的回调函数((e: Event) => void)
mouseout鼠标指针移出该覆盖物事件的回调函数((e: Event) => void)
mouseover鼠标指针移入该覆盖物事件的回调函数((e: Event) => void)
remove该覆盖物被移除的回调函数((e: Event) => void)
lineupdate覆盖物被编辑后的回调函数((e: Event) => void)

Released under the MIT License.

Copyright © 2022-present dh and all contributors

+ \ No newline at end of file diff --git a/zh-CN/components/overlay/prism.html b/zh-CN/components/overlay/prism.html index 8f73c322..b44f5950 100644 --- a/zh-CN/components/overlay/prism.html +++ b/zh-CN/components/overlay/prism.html @@ -6,7 +6,7 @@ BPrism 3d 棱柱 | Vue3 Baidu Map Gl - + @@ -15,7 +15,7 @@ - + @@ -28,8 +28,8 @@ -
Vue3 Baidu Map Gl

Appearance

BPrism 3d 棱柱 ​

通过该组件可在地图上绘制 3d 棱柱，可以基于位置经纬度，高度，顶面和侧面的颜色、透明度等属性来绘制不规则的棱柱体。

ts
import { BPrism } from 'vue3-baidu-map-gl'

示例 ​

静态组件 Props ​

属性说明类型默认值
isBoundary是否是行政区域的边界多边形boolean false
autoCenter是否自动根据多边形居中地图boolean true
enableClicking是否响应点击事件boolean true

动态组件 Props ​

属性说明类型可选值默认值版本
path多边形的坐标数组{ lng: number, lat: number}[]-required-
altitude3d 棱柱高度number-required-
topFillColor顶面填充颜色string -#fff-
topFillOpacity顶面填充颜色透明度number0-1--
sideFillColor侧面填充颜色string--
sideFillOpacity侧面填充颜色透明度number0-1#fff-
enableMassClear是否在调用 map.clearOverlays 清除此覆盖物boolean- true-
visible是否显示boolean-true^2.2.0

组件事件 ​

事件名说明类型
initd组件初始化后，调用的方法，返回一个地图实例{ map, BmapGL, instance }
unload组件卸载时会调用此方法-
click鼠标左键单击事件的回调函数。 当双击时，产生的事件序列为： click -> click -> dblclick ((e: Event) => void)
dblclick鼠标左键双击事件的回调函数((e: Event) => void)
mousedown鼠标左键在该覆盖物上按下的回调函数((e: Event) => void)
mouseup鼠标左键在该覆盖物上抬起的回调函数((e: Event) => void)
mouseout鼠标指针移出该覆盖物事件的回调函数((e: Event) => void)
mouseover鼠标指针移入该覆盖物事件的回调函数((e: Event) => void)
remove该覆盖物被移除的回调函数((e: Event) => void)
lineupdate覆盖物被编辑后的回调函数((e: Event) => void)

Released under the MIT License.

Copyright © 2022-present dh and all contributors

- +
Vue3 Baidu Map Gl

Appearance

BPrism 3d 棱柱 ​

通过该组件可在地图上绘制 3d 棱柱，可以基于位置经纬度，高度，顶面和侧面的颜色、透明度等属性来绘制不规则的棱柱体。

ts
import { BPrism } from 'vue3-baidu-map-gl'

示例 ​

静态组件 Props ​

属性说明类型默认值
isBoundary是否是行政区域的边界多边形boolean false
autoCenter是否自动根据多边形居中地图boolean true
enableClicking是否响应点击事件boolean true

动态组件 Props ​

属性说明类型可选值默认值版本
path多边形的坐标数组{ lng: number, lat: number}[]-required-
altitude3d 棱柱高度number-required-
topFillColor顶面填充颜色string -#fff-
topFillOpacity顶面填充颜色透明度number0-1--
sideFillColor侧面填充颜色string--
sideFillOpacity侧面填充颜色透明度number0-1#fff-
enableMassClear是否在调用 map.clearOverlays 清除此覆盖物boolean- true-
visible是否显示boolean-true^2.2.0

组件事件 ​

事件名说明类型
initd组件初始化后，调用的方法，返回一个地图实例{ map, BmapGL, instance }
unload组件卸载时会调用此方法-
click鼠标左键单击事件的回调函数。 当双击时，产生的事件序列为： click -> click -> dblclick ((e: Event) => void)
dblclick鼠标左键双击事件的回调函数((e: Event) => void)
mousedown鼠标左键在该覆盖物上按下的回调函数((e: Event) => void)
mouseup鼠标左键在该覆盖物上抬起的回调函数((e: Event) => void)
mouseout鼠标指针移出该覆盖物事件的回调函数((e: Event) => void)
mouseover鼠标指针移入该覆盖物事件的回调函数((e: Event) => void)
remove该覆盖物被移除的回调函数((e: Event) => void)
lineupdate覆盖物被编辑后的回调函数((e: Event) => void)

Released under the MIT License.

Copyright © 2022-present dh and all contributors

+ \ No newline at end of file diff --git a/zh-CN/expand/bmap-draw.html b/zh-CN/expand/bmap-draw.html index 1f1ddeea..b8a346fc 100644 --- a/zh-CN/expand/bmap-draw.html +++ b/zh-CN/expand/bmap-draw.html @@ -6,7 +6,7 @@ bmap-draw 鼠标测量与绘制 | Vue3 Baidu Map Gl - + @@ -15,7 +15,7 @@ - + @@ -30,8 +30,8 @@
Vue3 Baidu Map Gl

Appearance

bmap-draw 鼠标测量与绘制 ​

BMap Draw 是一个基于百度地图 JSAPI 的轻量级鼠标绘制库，提供了鼠标绘制、编辑、裁切、合并、复制黏贴、移动、测量等多种几何图形操作能力，助力开发者开箱即用式快速实现自己的几何图形编辑器。

使用方式请参考官方文档: https://lbsyun.baidu.com/bmap-draw/

注意

该组件库中 BMapGL 是异步加载，而 bmap-draw 中配置文件中包含同步调用 BMapGL 相关构造函数，所以只能使用异步加载。

ts
import('bmap-draw').then(({ DrawScene }) => {
   // ...
-})

绘制 ​

测量 ​

测量距离，面积，折线长度等

Released under the MIT License.

Copyright © 2022-present dh and all contributors

- +})

绘制 ​

测量 ​

测量距离，面积，折线长度等

Released under the MIT License.

Copyright © 2022-present dh and all contributors

+ \ No newline at end of file diff --git a/zh-CN/expand/mapv.html b/zh-CN/expand/mapv.html index d57c143c..f5960e48 100644 --- a/zh-CN/expand/mapv.html +++ b/zh-CN/expand/mapv.html @@ -6,7 +6,7 @@ mapv 可视化 | Vue3 Baidu Map Gl - + @@ -15,7 +15,7 @@ - + @@ -55,8 +55,8 @@ # or pnpm add mapv-three

使用

ts
import * as mapv from 'mapv'
 import * as mapvgl from 'mapvgl'
-import * as mapvThree from 'mapv-three'

注意

mapv、mapvgl、mapvThree 均使用 umd 格式打包，而非 esm。所以通过 npm 方式使用代码不利于构建工具 Tree-shaking，导致打包大小臃肿。我们更推荐以插件形式使用

示例 ​

以下示例均来自于 mapv 官方示例。更多示例见及文档请参考: https://mapv.baidu.com/gl/docs/index.html

PointLayer 基础点层图 ​

https://mapv.baidu.com/gl/docs/PointLayer.html

HeatGridLayer 柱状热力图 ​

https://mapv.baidu.com/gl/docs/HeatGridLayer.html

渲染 3d 模型 ​

https://lbsyun.baidu.com/solutions/mapvthreedoc

Released under the MIT License.

Copyright © 2022-present dh and all contributors

- +import * as mapvThree from 'mapv-three'

注意

mapv、mapvgl、mapvThree 均使用 umd 格式打包，而非 esm。所以通过 npm 方式使用代码不利于构建工具 Tree-shaking，导致打包大小臃肿。我们更推荐以插件形式使用

示例 ​

以下示例均来自于 mapv 官方示例。更多示例见及文档请参考: https://mapv.baidu.com/gl/docs/index.html

PointLayer 基础点层图 ​

https://mapv.baidu.com/gl/docs/PointLayer.html

HeatGridLayer 柱状热力图 ​

https://mapv.baidu.com/gl/docs/HeatGridLayer.html

渲染 3d 模型 ​

https://lbsyun.baidu.com/solutions/mapvthreedoc

Released under the MIT License.

Copyright © 2022-present dh and all contributors

+ \ No newline at end of file diff --git a/zh-CN/guide/breaking-changes.html b/zh-CN/guide/breaking-changes.html index 290344b5..4cf3b6c8 100644 --- a/zh-CN/guide/breaking-changes.html +++ b/zh-CN/guide/breaking-changes.html @@ -6,7 +6,7 @@ Breaking Changes | Vue3 Baidu Map Gl - + @@ -15,7 +15,7 @@ - + @@ -28,8 +28,8 @@ -
Vue3 Baidu Map Gl

Appearance

Breaking Changes ​

v1 to v2 ​

所有组件名字增加 B 前缀，避免与其他组件库冲突 #24

Released under the MIT License.

Copyright © 2022-present dh and all contributors

- +
Vue3 Baidu Map Gl

Appearance

Breaking Changes ​

v1 to v2 ​

所有组件名字增加 B 前缀，避免与其他组件库冲突 #24

Released under the MIT License.

Copyright © 2022-present dh and all contributors

+ \ No newline at end of file diff --git a/zh-CN/guide/com-events.html b/zh-CN/guide/com-events.html index a5a8b0f4..1b22e590 100644 --- a/zh-CN/guide/com-events.html +++ b/zh-CN/guide/com-events.html @@ -6,7 +6,7 @@ 全局组件事件 | Vue3 Baidu Map Gl - + @@ -15,7 +15,7 @@ - + @@ -28,8 +28,8 @@ -
Vue3 Baidu Map Gl

Appearance

全局组件事件 ​

每个组件都有这两个事件。如果该组件库提供的功能不能满足开发需求，则可以通过initd事件暴露百度地图实例来自由的使用。

事件名说明类型
initd组件初始化后会触发此事件，返回一个地图实例{ map, BmapGL, instance }
unload组件卸载时会触发此事件-

Released under the MIT License.

Copyright © 2022-present dh and all contributors

- +
Vue3 Baidu Map Gl

Appearance

全局组件事件 ​

每个组件都有这两个事件。如果该组件库提供的功能不能满足开发需求，则可以通过initd事件暴露百度地图实例来自由的使用。

事件名说明类型
initd组件初始化后会触发此事件，返回一个地图实例{ map, BmapGL, instance }
unload组件卸载时会触发此事件-

Released under the MIT License.

Copyright © 2022-present dh and all contributors

+ \ No newline at end of file diff --git a/zh-CN/guide/config.html b/zh-CN/guide/config.html index 139867f2..694d5605 100644 --- a/zh-CN/guide/config.html +++ b/zh-CN/guide/config.html @@ -6,7 +6,7 @@ 配置 | Vue3 Baidu Map Gl - + @@ -15,7 +15,7 @@ - + @@ -61,8 +61,8 @@ app.use(baiduMap, { plugins: [customPlugin] }) -// ...

或者

html
<BMap :plugins="[customPlugin]" />

Released under the MIT License.

Copyright © 2022-present dh and all contributors

- +// ...

或者

html
<BMap :plugins="[customPlugin]" />

Released under the MIT License.

Copyright © 2022-present dh and all contributors

+ \ No newline at end of file diff --git a/zh-CN/guide/faq.html b/zh-CN/guide/faq.html index 296dc110..83299828 100644 --- a/zh-CN/guide/faq.html +++ b/zh-CN/guide/faq.html @@ -6,7 +6,7 @@ FAQ | Vue3 Baidu Map Gl - + @@ -15,7 +15,7 @@ - + @@ -28,8 +28,8 @@ -
Vue3 Baidu Map Gl

Appearance

FAQ ​

是否支持 vue2 ​

该组件库是完全基于 vue3 语法设计，目前只支持 vue3.x，vue2.x 用户请移步 vue-baidu-map

Uncaught TypeError: Cannot read properties of undefined (reading 'getMapInstance') ​

尝试将 vite 升级 v4 以上

服务器打包部署后地图不显示 ​

尝试将 vite 升级 v4 以上

Released under the MIT License.

Copyright © 2022-present dh and all contributors

- +
Vue3 Baidu Map Gl

Appearance

FAQ ​

是否支持 vue2 ​

该组件库是完全基于 vue3 语法设计，目前只支持 vue3.x，vue2.x 用户请移步 vue-baidu-map

Uncaught TypeError: Cannot read properties of undefined (reading 'getMapInstance') ​

尝试将 vite 升级 v4 以上

服务器打包部署后地图不显示 ​

尝试将 vite 升级 v4 以上

Released under the MIT License.

Copyright © 2022-present dh and all contributors

+ \ No newline at end of file diff --git a/zh-CN/guide/installation.html b/zh-CN/guide/installation.html index 5e3309ea..c1508dbe 100644 --- a/zh-CN/guide/installation.html +++ b/zh-CN/guide/installation.html @@ -6,7 +6,7 @@ 安装 | Vue3 Baidu Map Gl - + @@ -15,7 +15,7 @@ - + @@ -28,7 +28,7 @@ -
Vue3 Baidu Map Gl

Appearance

安装 ​

使用包管理器 ​

我们建议您使用包管理器（如 NPM、Yarn 或 pnpm）安装 Vue3 BaiduMap GL，然后您就可以使用打包工具，例如 Vite 或 webpack。

bash
pnpm add vue3-baidu-map-gl
bash
yarn add vue3-baidu-map-gl
bash
npm install vue3-baidu-map-gl

浏览器直接引入 ^0.0.21 ​

直接通过浏览器的 HTML 标签导入 Vue3 BaiduMap GL，然后就可以使用全局变量 Vue3baiduMapGl 了。

不同的 CDN 提供商有不同的引入方式， 我们在这里以 unpkg 和 jsDelivr 举例。 你也可以使用其它的 CDN 供应商。

html
<head>
+    
Vue3 Baidu Map Gl
Appearance
安装 ​
使用包管理器 ​
我们建议您使用包管理器（如 NPM、Yarn 或 pnpm）安装 Vue3 BaiduMap GL，然后您就可以使用打包工具，例如 Vite 或 webpack。
bash
pnpm add vue3-baidu-map-gl
bash
yarn add vue3-baidu-map-gl
bash
npm install vue3-baidu-map-gl
浏览器直接引入 ^0.0.21 ​
直接通过浏览器的 HTML 标签导入 Vue3 BaiduMap GL，然后就可以使用全局变量 Vue3baiduMapGl 了。
不同的 CDN 提供商有不同的引入方式， 我们在这里以 unpkg 和 jsDelivr 举例。 你也可以使用其它的 CDN 供应商。
html
<head>
   <meta charset="utf-8" />
   <!-- Import Vue3 -->
   <script src="https://unpkg.com/vue@3"></script>
@@ -41,8 +41,8 @@
   <!-- Import Vue3 BaiduMap GL -->
   <script src="https://cdn.jsdelivr.net/npm/vue3-baidu-map-gl"></script>
 </head>
提示
我们建议使用 CDN 引入 Vue3 BaiduMap GL 的用户在链接地址上锁定版本，以免将来 ElementPlus 升级时受到非兼容性更新的影响
Hello World ​
在线演示
Released under the MIT License.
Copyright © 2022-present dh and all contributors

-    
+

Released under the MIT License.

Copyright © 2022-present dh and all contributors

+ \ No newline at end of file diff --git a/zh-CN/guide/introduction.html b/zh-CN/guide/introduction.html index d35bb634..4f57492b 100644 --- a/zh-CN/guide/introduction.html +++ b/zh-CN/guide/introduction.html @@ -6,7 +6,7 @@ Vue3 BaiduMap Gl | Vue3 Baidu Map Gl - + @@ -15,7 +15,7 @@ - + @@ -28,8 +28,8 @@ -
Vue3 Baidu Map Gl

Appearance

Vue3 BaiduMap Gl ​

GitHub package.json version (subfolder of monorepo)npmGitHub Repo starsGitHub issuesGitHub closed issues

基于百度地图 JavaScript GL 版（使用了 WebGL 对地图、覆盖物等进行渲染，支持 3D 视角展示地图） API 封装设计的 Vue3 组件库，开发体验良好，以优雅的方式完成百度地图的接入。

✨ 特性 ​

  • 🚀 自动加载百度地图 SDK，将百度地图繁琐的 Api 封装进组件，你只需关注组件本身
  • 📦 20+ 高质量的开箱即用 Vue 3 组件以及 8+ hooks 封装
  • 📐 遵循直觉的、简约的 Api 设计
  • ⚡ Composition Api，更好的性能
  • 🔨 完整的 TypeScript 支持，更好的体验
  • 🧩 tree shaking 支持，模块分包，只打包你想要的的
  • 🌏 基于百度地图 Gl 版 SDK，通过 WebGL 对地图、覆盖物等进行渲染，支持 3D 视角展示地图
  • 🚀 支持 volar，组件提供完善的代码提示

环境支持 ​

组件库 ​

Vue3 BaiduMap GL 可以在支持 ES2018 的浏览器上运行。 如果您确实需要支持旧版本的浏览器，请自行添加 Babel 和相应的 Polyfill 。

由于 Vue 3 不再支持 IE11，该组件库是基于 Vue3 封装，自然也不再支持 IE 浏览器。

IEFirefoxChromeSafari
Edge ≥ 79Firefox ≥ 78Chrome ≥ 64Safari ≥ 12

Baidu Map GL Api 兼容性 ​

JavaScript API GL v1.0 基于 WebGL 开发，对于用户的浏览器环境有兼容性要求。需要完整支持 WebGL 的现代浏览器来支持渲染。对于 WebGL 支持欠佳的浏览器会降级为 Canvas 绘制，若仍然存在兼容性问题，则会降级到瓦片图渲染，确保不同浏览器环境的用户都可以完成地图的基本渲染。

贡献者 ​

Loading Contributors...

License ​

MIT licenses

Released under the MIT License.

Copyright © 2022-present dh and all contributors

- +
Vue3 Baidu Map Gl

Appearance

Vue3 BaiduMap Gl ​

GitHub package.json version (subfolder of monorepo)npmGitHub Repo starsGitHub issuesGitHub closed issues

基于百度地图 JavaScript GL 版（使用了 WebGL 对地图、覆盖物等进行渲染，支持 3D 视角展示地图） API 封装设计的 Vue3 组件库，开发体验良好，以优雅的方式完成百度地图的接入。

✨ 特性 ​

  • 🚀 自动加载百度地图 SDK，将百度地图繁琐的 Api 封装进组件，你只需关注组件本身
  • 📦 20+ 高质量的开箱即用 Vue 3 组件以及 8+ hooks 封装
  • 📐 遵循直觉的、简约的 Api 设计
  • ⚡ Composition Api，更好的性能
  • 🔨 完整的 TypeScript 支持，更好的体验
  • 🧩 tree shaking 支持，模块分包，只打包你想要的的
  • 🌏 基于百度地图 Gl 版 SDK，通过 WebGL 对地图、覆盖物等进行渲染，支持 3D 视角展示地图
  • 🚀 支持 volar，组件提供完善的代码提示

环境支持 ​

组件库 ​

Vue3 BaiduMap GL 可以在支持 ES2018 的浏览器上运行。 如果您确实需要支持旧版本的浏览器，请自行添加 Babel 和相应的 Polyfill 。

由于 Vue 3 不再支持 IE11，该组件库是基于 Vue3 封装，自然也不再支持 IE 浏览器。

IEFirefoxChromeSafari
Edge ≥ 79Firefox ≥ 78Chrome ≥ 64Safari ≥ 12

Baidu Map GL Api 兼容性 ​

JavaScript API GL v1.0 基于 WebGL 开发，对于用户的浏览器环境有兼容性要求。需要完整支持 WebGL 的现代浏览器来支持渲染。对于 WebGL 支持欠佳的浏览器会降级为 Canvas 绘制，若仍然存在兼容性问题，则会降级到瓦片图渲染，确保不同浏览器环境的用户都可以完成地图的基本渲染。

贡献者 ​

Loading Contributors...

License ​

MIT licenses

Released under the MIT License.

Copyright © 2022-present dh and all contributors

+ \ No newline at end of file diff --git a/zh-CN/guide/quick-start.html b/zh-CN/guide/quick-start.html index cf81a75e..f3f85fbf 100644 --- a/zh-CN/guide/quick-start.html +++ b/zh-CN/guide/quick-start.html @@ -6,7 +6,7 @@ 快速开始 | Vue3 Baidu Map Gl - + @@ -15,7 +15,7 @@ - + @@ -47,8 +47,8 @@ <script setup lang="ts"> import { BMap, BZoom } from 'vue3-baidu-map-gl' -</script>

申请 ak 密钥 ​

在开始使用前，您还需在百度地图开发者后台申请百度地图 ak 密钥，然后在项目中配置 ak 密钥后，才能正确的渲染地图。详细请阅读下面两个链接的内容：

官方密钥 ak 申请指引

申请开发者密钥 ak

配置 ​

参考配置

开始使用 ​

您可以从现在起启动您的项目。 对于每个组件或 hooks 的用法，请参考对应的文档。

Released under the MIT License.

Copyright © 2022-present dh and all contributors

- +</script>

申请 ak 密钥 ​

在开始使用前，您还需在百度地图开发者后台申请百度地图 ak 密钥，然后在项目中配置 ak 密钥后，才能正确的渲染地图。详细请阅读下面两个链接的内容：

官方密钥 ak 申请指引

申请开发者密钥 ak

配置 ​

参考配置

开始使用 ​

您可以从现在起启动您的项目。 对于每个组件或 hooks 的用法，请参考对应的文档。

Released under the MIT License.

Copyright © 2022-present dh and all contributors

+ \ No newline at end of file diff --git a/zh-CN/hooks/useAddressGeocoder.html b/zh-CN/hooks/useAddressGeocoder.html index 1ff88ab3..6002b618 100644 --- a/zh-CN/hooks/useAddressGeocoder.html +++ b/zh-CN/hooks/useAddressGeocoder.html @@ -6,7 +6,7 @@ useAddressGeocoder | Vue3 Baidu Map Gl - + @@ -15,7 +15,7 @@ - + @@ -44,8 +44,8 @@ point: Ref<T | null | undefined> isLoading: Ref<boolean> isEmpty: Ref<boolean> -}

Released under the MIT License.

Copyright © 2022-present dh and all contributors

- +}

Released under the MIT License.

Copyright © 2022-present dh and all contributors

+ \ No newline at end of file diff --git a/zh-CN/hooks/useAreaBoundary.html b/zh-CN/hooks/useAreaBoundary.html index c50af01a..77802e59 100644 --- a/zh-CN/hooks/useAreaBoundary.html +++ b/zh-CN/hooks/useAreaBoundary.html @@ -6,7 +6,7 @@ useAreaBoundary | Vue3 Baidu Map Gl - + @@ -15,7 +15,7 @@ - + @@ -60,8 +60,8 @@ * @example get('北京市') */ get: (area: string) => void -}

Released under the MIT License.

Copyright © 2022-present dh and all contributors

- +}

Released under the MIT License.

Copyright © 2022-present dh and all contributors

+ \ No newline at end of file diff --git a/zh-CN/hooks/useBrowserLocation.html b/zh-CN/hooks/useBrowserLocation.html index 2d31934e..e1dc6bd0 100644 --- a/zh-CN/hooks/useBrowserLocation.html +++ b/zh-CN/hooks/useBrowserLocation.html @@ -6,7 +6,7 @@ useBrowserLocation | Vue3 Baidu Map Gl - + @@ -15,7 +15,7 @@ - + @@ -80,8 +80,8 @@ isError: Ref<boolean> status: Ref<Status | undefined> location: Ref<Location> -}

Released under the MIT License.

Copyright © 2022-present dh and all contributors

- +}

Released under the MIT License.

Copyright © 2022-present dh and all contributors

+ \ No newline at end of file diff --git a/zh-CN/hooks/useDefaultMarkerIcons.html b/zh-CN/hooks/useDefaultMarkerIcons.html index dd53c02d..0940c579 100644 --- a/zh-CN/hooks/useDefaultMarkerIcons.html +++ b/zh-CN/hooks/useDefaultMarkerIcons.html @@ -6,7 +6,7 @@ useDefaultMarkerIcons | Vue3 Baidu Map Gl - + @@ -15,7 +15,7 @@ - + @@ -67,8 +67,8 @@ | 'blue8' | 'blue9' | 'blue10' -export declare function useDefaultMarkerIcons(): Record<DefaultMarkerIcons, BMapGL.Icon>

Released under the MIT License.

Copyright © 2022-present dh and all contributors

- +export declare function useDefaultMarkerIcons(): Record<DefaultMarkerIcons, BMapGL.Icon>

Released under the MIT License.

Copyright © 2022-present dh and all contributors

+ \ No newline at end of file diff --git a/zh-CN/hooks/useIpLocation.html b/zh-CN/hooks/useIpLocation.html index f8780161..7fcfb50d 100644 --- a/zh-CN/hooks/useIpLocation.html +++ b/zh-CN/hooks/useIpLocation.html @@ -6,7 +6,7 @@ useIpLocation | Vue3 Baidu Map Gl - + @@ -15,7 +15,7 @@ - + @@ -42,8 +42,8 @@ location: Ref<Location> isLoading: Ref<boolean> get: () => void -}

Released under the MIT License.

Copyright © 2022-present dh and all contributors

- +}

Released under the MIT License.

Copyright © 2022-present dh and all contributors

+ \ No newline at end of file diff --git a/zh-CN/hooks/usePoint.html b/zh-CN/hooks/usePoint.html index 5f1373ae..4b831422 100644 --- a/zh-CN/hooks/usePoint.html +++ b/zh-CN/hooks/usePoint.html @@ -6,7 +6,7 @@ usePoint | Vue3 Baidu Map Gl - + @@ -15,7 +15,7 @@ - + @@ -62,8 +62,8 @@ * 设置实例点坐标 */ set: ({ lng, lat }: Point) => void -}

Released under the MIT License.

Copyright © 2022-present dh and all contributors

- +}

Released under the MIT License.

Copyright © 2022-present dh and all contributors

+ \ No newline at end of file diff --git a/zh-CN/hooks/usePointConvertor.html b/zh-CN/hooks/usePointConvertor.html index 52829d98..9e11a78a 100644 --- a/zh-CN/hooks/usePointConvertor.html +++ b/zh-CN/hooks/usePointConvertor.html @@ -6,7 +6,7 @@ usePointConvertor 坐标点转换 | Vue3 Baidu Map Gl - + @@ -15,7 +15,7 @@ - + @@ -107,8 +107,8 @@ * 设置实例点坐标 */ set: ({ lng, lat }: { lng: number; lat: number }) => void -}

Released under the MIT License.

Copyright © 2022-present dh and all contributors

- +}

Released under the MIT License.

Copyright © 2022-present dh and all contributors

+ \ No newline at end of file diff --git a/zh-CN/hooks/usePointGeocoder.html b/zh-CN/hooks/usePointGeocoder.html index ed7f0022..52714e18 100644 --- a/zh-CN/hooks/usePointGeocoder.html +++ b/zh-CN/hooks/usePointGeocoder.html @@ -6,7 +6,7 @@ usePointGeocoder | Vue3 Baidu Map Gl - + @@ -15,7 +15,7 @@ - + @@ -73,8 +73,8 @@ result: Ref<T | null | undefined> isLoading: Ref<boolean> isEmpty: Ref<boolean> -}

Released under the MIT License.

Copyright © 2022-present dh and all contributors

- +}

Released under the MIT License.

Copyright © 2022-present dh and all contributors

+ \ No newline at end of file diff --git a/zh-CN/hooks/useTrackAnimation.html b/zh-CN/hooks/useTrackAnimation.html index 57fbc14f..1344d43d 100644 --- a/zh-CN/hooks/useTrackAnimation.html +++ b/zh-CN/hooks/useTrackAnimation.html @@ -6,7 +6,7 @@ useTrackAnimation | Vue3 Baidu Map Gl - + @@ -15,7 +15,7 @@ - + @@ -98,8 +98,8 @@ * 动画状态 */ status: Ref<AnimationStatus> -}

Released under the MIT License.

Copyright © 2022-present dh and all contributors

- +}

Released under the MIT License.

Copyright © 2022-present dh and all contributors

+ \ No newline at end of file diff --git a/zh-CN/hooks/useViewAnimation.html b/zh-CN/hooks/useViewAnimation.html index a585da85..1b72f61d 100644 --- a/zh-CN/hooks/useViewAnimation.html +++ b/zh-CN/hooks/useViewAnimation.html @@ -6,7 +6,7 @@ useViewAnimation | Vue3 Baidu Map Gl - + @@ -15,7 +15,7 @@ - + @@ -111,8 +111,8 @@ proceed: () => void status: Ref<AnimationStatus> setKeyFrames: (keyFrames: ViewAnimationKeyFrames[]) => void -}

Released under the MIT License.

Copyright © 2022-present dh and all contributors

- +}

Released under the MIT License.

Copyright © 2022-present dh and all contributors

+ \ No newline at end of file diff --git a/zh-CN/index.html b/zh-CN/index.html index 5b0e0b76..9529a286 100644 --- a/zh-CN/index.html +++ b/zh-CN/index.html @@ -6,7 +6,7 @@ Vue3 Baidu Map Gl | Vue3 Baidu Map Gl - + @@ -16,7 +16,7 @@ - + @@ -30,7 +30,7 @@
Vue3 Baidu Map Gl

Appearance

Vue3 Baidu Map Gl

Vue3 & BMapGL 组件库 + hooks 库

易用 & 完整 & 性能不错

开始使用
View on GitHub
Vue3 BaiduMap GL
Rocket

化繁 => 为简

将百度地图繁琐的 API 封装进组件，你只需关注组件本身

Package

完整

20+ 高质量的开箱即用 Vue 3 组件以及 5+ hooks 封装

Triangular Ruler

易用

遵循直觉的、简约的 Api 设计

High Voltage

高性能

Composition Api，更好的性能

Hammer

不是 AnyScript

完整的 TypeScript 支持，更好的体验

Globe Showing Asia-Australia

WebGL

基于百度地图Gl版SDK，WebGL对地图、覆盖物等进行渲染，支持3D视角展示地图

Released under the MIT License.

Copyright © 2022-present dh and all contributors

- + \ No newline at end of file