Google Maps Capacitor Plugin API | Ionic Framework�_title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale�"><meta data-rh="true" property="og:url" content="https:�]ionicframework.com/doctzja/nativ0ugoogle-maps"><meta data-rh="true" property="og:locale" content="ja"><meta data-rh="true" property="og:locale:alternate" content="en"><meta data-rh="true" name="docusaurus_locale" content="ja"><meta data-rh="true" name="docsearch:language" content="ja"><meta data-rh="true" name="og:image" content="https:�]ionicframework.com/doctzim�umeta/open-graph.png"><meta data-rh="true" name="twitter:image" content="https:�]ionicframework.com/doctzim�umeta/open-graph.png"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" name="twitter:domain" content="ionicframework.com"><meta data-rh="true" name="twitter:site" content="@ionicframework"><meta data-rh="true" name="twitter:creator" content="ionicframework"><meta data-rh="true" name="fb:page_id" content="�0�0�0�0�06767955949"><meta data-rh="true" name="og:type" content="website"><meta data-rh="true" name="og:site_name" content="Ionic Framework Docs"><meta data-rh="true" name="docusaurus_version" content="current"><meta data-rh="true" name="docusaurus_tag" content="docs-default-current"><meta data-rh="true" name="docsearch:version" content="current"><meta data-rh="true" name="docsearch:docusaurus_tag" content="docs-default-current"><meta data-rh="true" property="og:title" content="Google Maps Capacitor Plugin AP!�?�=�Ionic Framework"><meta data-rh="true" name="description" content="Google maps on Capacitor"><meta data-rh="true" property="og:description" content="Google maps on Capacitor"><link data-rh="true" rel="icon" href="/doctzja/img/met�tfavicon-96x96.png"><link data-rh="true" rel="canonical" href="https:�]ionicframework.com/doctzja/nativ0ugoogle-maps"><link data-rh="true" rel="alternate" href="https:�]ionicframework.com/doctznative/google-maps" hreflang="en"><link data-rh="true" rel="alternate" href="httpsa_/ionicframework.co�wdocs/j�tnative/google-maps" hreflang="ja"><link data-rh="true" rel="alternate" href="httpsa_/ionicframework.co�wdocs/nativ0ugoogle-maps" hreflang="x-default"><link data-rh="true" rel="preconnect" href="https:�]O9QSL985BS-dsn.algolia.net" crossorigin="anonymous"><link rel="preconnect" href="httpsa_/www.googletagmanager.com"> <script>window.dataLayer=window.dataLayer||[]</script> <script�function(e,t,a,n){e[n]=e[n]||[],e[n].push({"gtm.start":(ne7�date).gettime(),event:"gtm.js"});var g=t.getElementsByTagName(a)[0],m=t.createElement(a);m.async�0,m.src="httpsa_/www.googletagmanager.co�wgtm.js?id=GTM-TKMGCBC",g.parentNode.insertBefore(m,g)}(window,document+"+"script","dataLayer")�_script> <link rel="search" type="applicatio�wopensearchdescription+xml" title="Ionic Framework" href= Ydocs/j�topensearch.xml"><link rel="stylesheet" href= Ydocs/j�tassets/css/styles.77dcd8(��e)�.css"> <script src="/doctzja/assettzjs/runtime~main.08dbab6d.js" defer="defer"></script> <script src="/doctzja/assettzjs/main.c8cd�0�05c.js" defer="defer"></script> </head> <body class="navigation-with-keyboard"> <noscript><iframe src="https:�]www.googletagmanager.com/ns.html?id=GTM-TKMGCBC" height="0" width="0" style="display:none;visibility:hidden"></iframe>�_noscript> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return ne7�URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"light")}(),function(){try{cons4�a=ne7�URLSearchParams(window.location.search).entries();for(var[t,e]of a)if(t.startsWith("docusaurus-data-")){var n=t.replace("docusaurus-data+"+"+"+"+"data+"+"+");document.documentElement.setAttribute(n,e)}}catch(t){}}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())�_script><di6�id="__docusaurus"><div role="region" aria-label="メインコンテンツまでスキップ"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">メインコンテンツまでスキップ</a></div><di6�class="announcementbar_mb4j" role="banner"><di6�class="content_kng5 5 5 announcementBarContent_xLdY"><a href="https:�]www.outsystems.com/?utm_source=ionic&utm_medium=referral&utm_campaign=ionic-referral&utm_term=none&utm_content=other&utm_campaignteam=digital-mktg&utm_partner=none" target="_blank" rel="noopener"><span>An <strong>OutSystems</strong> Company →�_span></a></div></div><di6�id="__docusaurus_skiptocontent_fallback" class="main-wrapper mainWrapper_CIJY"><di6�class="docswrapper_hbab"><button aria-label="先頭へ戻る" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button">�_button><di6�class="docroot_ubd9"><aside class="theme-doc-sidebar-container docSidebarContainer_YfHR"><di6�class="sidebarviewport_arkj"><a target="_self" href= Ydocs/j�t"><img src="/doctzja/logos/ionic-text-docs-dark.svg" alt="Site Logo" class="themedComponent_mlkZ themedComponent--light_NVdE" height="28" width="139"><img src="/doctzja/logos/ionic-text-docs-light.svg" alt="Site Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU" height="28" width="139">�_a><div class="sidebar_njMd sidebarWithHideableNavbar_wUlq"><a tabindex="-1" class="sidebarLogo_isFc" target="_self" href="/doctzja."."><img src= Ydocs/j�tlogotzionic-text-docs-dark.svg" alt="Site Logo" class="themedComponent_mlkZ themedComponent--light_NVdE" height=(� N)�8" width="�0�09"><img src= Ydocs/j�tlogotzionic-text-docs-light.svg" alt="Site Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU" height=(� N)�8" width="�0�09"></a><na6�aria-label="ドキュメントのサイドバー" class="men5�thin-scrollbar menu_SIkG menuWithAnnouncementBar_G�0�0�0s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-categor9�theme-doc-sidebar-item-category-level-1 menu__list-item"><di6�class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="true" href= Ydocs/j�tnative">Getting Started</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/native">Capacitor�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/nativ0usetup">Setup�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/nativ0ufaq">よくある質問</a></li>�_ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublis4�menu__link--sublist-care4�menu__link--active" role="button" aria-expanded="true" href= Ydocs/j�tnative/action-sheet">Plugins�_a>�_div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tnative/action-sheet">Action Sheet</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tnative/app-launcher">App Launcher</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tnative/app">App</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tnative/browser">Browser</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tnative/camera">Camera</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tnative/clipboard">Clipboard</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tnative/device">Device</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tnative/dialog">Dialog</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tnative/filesystem">Filesystem</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tnative/geolocation">Geolocation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/doctzja/nativ0ugoogle-maps">Google Maps�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/nativ0uhaptics">Haptics�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/nativ0ukeyboard">Keyboard�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/nativ0ulocal-notifications">Local Notifications�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/nativ0umotion">Motion�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/nativ0unetwork">Network�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/nativ0upreferences">Preferences�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/nativ0upush-notifications">Push Notifications�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/nativ0uscreen-reader">Screen Reader�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/nativ0ushare">Share�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/nativ0usplash-screen">Splash Screen�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/nativ0ustatus-bar">Status Bar�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/nativ0utext-zoom">Tex4�Zoom�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/nativ0utoast">Toast�_a>�_li></ul>�_li></ul>�_nav>�_div>�_div>�_aside><div><na6�aria-label="ナビゲーション" class="navbar navbar--fixed-top navbarHideable_�mJ"><div class="navbar__inner"><di6�class="navbar__items"><button aria-label="ナビゲーションバーを開く" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width=�0�0�0."."." height=�0�0�0."."." viewBox="0 0 30�0�0�0�0�0."."." aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 72M2 2 2 152M2 2 2 �0�0�0�0�02"></path>�_svg>�_button><a class="navbar__brand" target="_self" href= Ydocs/j�t"><div class="navbar__logo"><img src="/doctzja/logos/ionic-text-docs-dark.svg" alt="Site Logo" class="themedComponent_mlkZ themedComponent--light_NVdE" height="28" width="139"><img src="/doctzja/logos/ionic-text-docs-light.svg" alt="Site Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU" height="28" width="139">�_div>�_a><a class="navbar__item navbar__link" href= Ydocs/j�t">Guide</a><a class="navbar__item navbar__link" href="/doctzja/components">Components</a><a class="navbar__item navbar__link" href="/doctzja/cli">CLI</a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href= Ydocs/j�tnative">Native�_a><a class="navbar__item navbar__link cta" href= Ydocs/j�tupdating/8-0">Ionic v8.0.0 Upgrade Guide�_a>�_div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/doctzja/nativ0ugoogle-maps">v8</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href= Ydocs/j�tnative/google-maps">v8�_a>�_li><li><a class="dropdown__link" href= Ydocs/j�tv7/nativ0ugoogle-maps">v7</a></li><li><a href="httpsa_/ionic-docs-fo�0�01�4��p4h5-ioniu.vercel.ap:ydocs/v6" target="_self" rel="noopener noreferrer" class="dropdown__link">v6</a></li><li><a href="httpsa_/ionic-docs-5utg8ms4c-ioniu.vercel.ap:ydocs/v5" target="_self" rel="noopener noreferrer" class="dropdown__link">v5</a></li><li><a href="httpsa_/ionicframework.co�wdocs/v^components" target="_blank" rel="noopener noreferrer" class="dropdown__link">v4</a></li><li><a href="httpsa_/ionicframework.co�wdocs/vz^" target="_blank" rel="noopener noreferrer" class="dropdown__link">v3</a></li>�_ul></div><di6�class="navbarsearchcontainer_bca1"><button type="button" class="DocSearch DocSearch-Button" aria-label="検索 (Command+K)"><span class="DocSearch-Button-Container"><svg width=(� N)�."."." height=(� N)�."."." class="DocSearch-Search-Icon" viewBox="0 0 20(��N)�."."." aria-hidden="true"><path d="M14�0�0�0�0�086 14.386l4.0877 4.0877-4.0877-4.0877c(�(g)�.98 2.9419-7.7�5 2.9419-10.65�0�0�0�0 0(�(g)�.99-2.9418(�(g)�.99-7.15 0-10.65�0�0�0�0(��N)�.98-2.9419 7.7�5-2.9419 10.65�0�0�0�0 0(��N)�.99 2.9418(��N)�.99 7.15 0 10.65�0�0�0�0z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">�_path></svg><span class="DocSearch-Button-Placeholder">検索�_span></span><span class="DocSearch-Button-Keys">�_span></button>�_div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link navbar__link--community">Community�_a><ul class="dropdown__menu"><li><a href="https:�]ionicframework.com/community" target="_blank" class="dropdown__link">Community Hub<svg width="(�*h)�" height="(�*h)�" aria-hidden="true" viewBox="0 0 24(��N)�4" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 �0�0'0h(�(g)�1v-19h(�*h)��h-10'5h17v-8h2z2�1��p-12h-10.988l4.�0�05 4-6.975 5 5 7.07(��N)�.828(��N)�.828 6.977-7.05 5 5 4.(�*h)�5 4.172v-11z">�_path></svg></a></li><li><a href="httpsa_/forum.ionicframework.co�w" target="_blank" class="dropdown__link">Forum<svg width="(�*h)�" height="(�*h)�" aria-hidden="true" viewBox="0 0 24(��N)�4" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 �0�0'0h(�(g)�1v-19h(�*h)��h-10'5h17v-8h2z2�1��p-12h-10.988l4.�0�05 4-6.975 5 5 7.07(��N)�.828(��N)�.828 6.977-7.05 5 5 4.(�*h)�5 4.172v-11z">�_path></svg></a></li><li><a href="httpsa_/www.meetup.co�wtopics/ionic-framework."." target="_blank" class="dropdown__link">Meetups<svg width="12" height="12" aria-hidden="true" viewBox="0 0(��N)�2 2 2 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M 13v10h-v-19�2v2h-10v15�7v-8zm3-(�*h)�h-10.988l4.035 4-6.977 7.05 5 5 2.(��R)�8 2.(��R)�8 6.977-7.07 4.125 4.1(�]y)�v-�z"></path>�_svg>�_a>�_li><li><a href="https:�]blog.ionicframework.co�w" target="_blank" class="dropdown__link">Blog<svg width="12" height="12" aria-hidden="true" viewBox="0 0(��N)�2 2 2 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M 13v10h-v-19�2v2h-10v15�7v-8zm3-(�*h)�h-10.988l4.035 4-6.977 7.05 5 5 2.(��R)�8 2.(��R)�8 6.977-7.07 4.125 4.1(�]y)�v-�z"></path>�_svg>�_a>�_li><li><a href="https:�]twitter.co�wionicframework" target="_blank" class="dropdown__link">Twitter<svg width="(�*h)�" height="(�*h)�" aria-hidden="true" viewBox="0 0 24(��N)�4" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 �0�0'0h(�(g)�1v-19h(�*h)��h-10'5h17v-8h2z2�1��p-12h-10.988l4.�0�05 4-6.975 5 5 7.07(��N)�.828(��N)�.828 6.977-7.05 5 5 4.(�*h)�5 4.172v-11z">�_path></svg></a></li>�_ul></div><di6�class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link navbar__link--support">Support</a><ul class="dropdown__menu"><li><a href="httpsa_/ionicframework.co�wsupport" target="_blank" class="dropdown__link">Help Center<svg width="12" height="12" aria-hidden="true" viewBox="0 0(��N)�2 2 2 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M 13v10h-v-19�2v2h-10v15�7v-8zm3-(�*h)�h-10.988l4.035 4-6.977 7.05 5 5 2.(��R)�8 2.(��R)�8 6.977-7.07 4.125 4.1(�]y)�v-�z"></path>�_svg>�_a>�_li><li><a href="https:�]ionic.zendesk.co�w" target="_blank" class="dropdown__link">Customer Support<svg width="12" height="12" aria-hidden="true" viewBox="0 0(��N)�2 2 2 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M 13v10h-v-19�2v2h-10v15�7v-8zm3-(�*h)�h-10.988l4.035 4-6.977 7.05 5 5 2.(��R)�8 2.(��R)�8 6.977-7.07 4.125 4.1(�]y)�v-�z"></path>�_svg>�_a>�_li><li><a href="https:�]ionicframework.com/advisory" target="_blank" class="dropdown__link">Enterprise Advisory<svg width="12" height="12" aria-hidden="true" viewBox="0 0(��N)�2 2 2 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M 13v10h-v-19�2v2h-10v15�7v-8zm3-(�*h)�h-10.988l4.035 4-6.977 7.05 5 5 2.(��R)�8 2.(��R)�8 6.977-7.07 4.125 4.1(�]y)�v-�z"></path>�_svg>�_a>�_li></ul>�_div><div class="navbar__item"><div class="separator" aria-hidden></div></div><di6�class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link icon-link language navbar__item"><svg xmlns="httpa_/www.w3.or�u2000/svg" viewBox="0 0 5(�*h)� 5(�*h)�" width=(� N)�2" height=(� N)�2" aria-hidden="true" class="iconLanguage_nlXk"><path fill="currentColor" d="M478.�0�0�0�0 4�0�0�0�0.6l-DS(�(g)�182 (� g)� 0 00-40.65 5 5 0l-90 8a(� g)�(��N)�2 0 1040.65 5 5 16.79L�6.66 406�(��e)�.67l18�0�0�0�0�02 2 44�0�0�0�0�09A(� g)�(��N)�2 0 00458 464a(� g)�(��N)�2 0 0020�0�0�0�0�02-30.4zM�0�0�0�04.�0�0�0�0�0�0�0�0(��)��0�0�0�068(��N)�.65 401.17�0�0�0�0�0(��)�zM267.84�0�0�0�0�0(� T)�.92a(� g)�(��N)�2 0 00-4.89-30.7c-(�ё)�-.15-15-�.13-36.49-34.72 2 39.65-�0�0�0.68 (��)�.11-�4.75 71.27-1�0�0�0�0�0.49H�0�0�0�00a(� g)�(��N)�2 0 000-44H214V70a(� g)�(��N)�2 0 00-42 2 2 0v20H54a(� g)�(��N)�2 0 000 44�97(�ё)�5c-9.52 26.95-27.05 69.5-53.79 108�0�0�0�0�06-�.41-.68-�0�0�0�0�0.08-68.65-�0�0�0�0�0.17-68.87a(� g)�(��N)�2 0 00-40.58 17c.58 1.38 14.55�0�0�0�0�04.�0�0�0�0�0 52.86 83.�0�0�0.92 1.19 1.82 2 2.35(��N)�.72 2 2 3.��0�0�0�09.24 44.35-77.74 71.86-93.85 80.742 (� g)� 0 1(��e)�1.07�0�0�0�0�08.�0�0�0�0�0.16-1.18 48.6-26.89 101.�0�0�0�0�0-85.59(��N)�2.(�yr)�(��N)�4.08�0�0�0�0�08 35.42 2 2 38.92 2 36.12 (� g)� 0 0�0�00.75-4.9z"></path>�_svg><span class="localeVisuallyHidden_pF54">日本語</span>�_a><ul class="dropdown__menu"><li><a href="/doctznative/google-maps" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href= Ydocs/j�tnative/google-maps" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語�_a>�_li><li><a href="https:�]ionicframework.com/translate" target="_blank" class="dropdown__link">Translate<svg width="(�*h)�" height="(�*h)�" aria-hidden="true" viewBox="0 0 24(��N)�4" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 �0�0'0h(�(g)�1v-19h(�*h)��h-10'5h17v-8h2z2�1��p-12h-10.988l4.�0�05 4-6.975 5 5 7.07(��N)�.828(��N)�.828 6.977-7.05 5 5 4.(�*h)�5 4.172v-11z">�_path></svg></a></li>�_ul></div><a href="https:�]twitter.co�wIonicframework" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link icon-link icon-link-mask icon-link-twitter" aria-label="Twitter">�_a><a href="httpsa_/ionic.lin�vdiscord" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link icon-link icon-link-mask icon-link-discord" aria-label="Discord"></a><a href="https:�]github.com/ionic-tea�wionic-framework" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link icon-link icon-link-mask icon-link-github" aria-label="GitHub repository">�_a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="ダークモードを切り替える(現在はライトモード)" aria-label="ダークモードを切り替える(現在はライトモード)" aria-live="polite" aria-pressed="false"><svg viewBox="0 0(��N)�2 2 2 24" width=(� N)�4" height=(� N)�4" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M(�*h)�,9u.65,0,3,1.35�0�0�0�0�0�0s-1.35�0�0�0�0�0�0�0�0�0�0s-3-1.35�0�0�0�0�0�0�0�0e0.35,9,12,9 2,7c(�(g)�.76,0-5,2.24-5,5�(�ё)�4,5,5,5s5-2.24,5-5 S14.76,7,(�*h)�,72,7z M2,�0�0,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1e.45,�0�0(�4l)�,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1e9.45,13,20,13z M�(�4l)��c0,0.55,0.45,1,1,1 -0.45,1-1V2c0-0.55-0.45-1-1-1S�,1.45,�(�4l)�+�1,20��c0,0.55,0.45,1,1,1 -0.45,1-1v(�(g)�c0-0.55-0.45-1-1-11.45,19,�,19.45,11,20+�M5.99,4.58c-0.39-0�0�0�0�0�09-1.�0�0-0�0�0�0�0�09-1.,0 c-0�0�0�0�0�09,0.39-0�0�0�0�0�09,1.�0�0,0,1.41l1.06,1.06c0.39,0�0�0�0�0�09,1.�0�0,0�0�0�0�0�09,1.,0s0�0�0�0�0�09-1.�0�0,0-1.41L5.99,4.58z M18�0�0�0�0�06,16.95 c-0.39-0�0�0�0�0�09-1.�0�0-0�0�0�0�0�09-1.,0c-0.39,0�0�0�0�0�09-0.39,1.03,0,1.�.06,1.06c0�0�0�0�0�09,0.39,1.03,0.39,1.41,0c0.39-0�0�0�0�0�09,0.39-1.03,0-1. L18�0�0�0�0�06,16.95z M19.42,5.99c0�0�0�0�0�09-0.39,0�0�0�0�0�09-1.�0�0,0-1.41c-0�0�0�0�0�09-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0�0�0�0�0�09-0.39,1.03,0,1. s1.�0�0,0�0�0�0�0�09,1.,09.(� T)�,5.99z M7.05,18.36c0�0�0�0�0�09-0.39,0�0�0�0�0�09-1.�0�0,0-1.41c-0�0�0�0�0�09-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0�0�0�0�0�09,0.39-0�0�0�0�0�09,1.�0�0,0,1.41s1.�0�0,0�0�0�0�0�09,1.,0L7.05,18�0�0�0�0�06z">�_path></svg><svg viewBox="0 0(��N)�2 2 2 24" width=(� N)�4" height=(� N)�4" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9�0�0�0�0�07,5.�C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08�0�0�0�0�0�0�0�02,7.4,7.4,7.4c0.68,0,1�0�0�0�0�05-0.09,1.99-0.277.45,17.19,14.�0�0�0,19,(�*h)�,19 c-3.86,0-7�0�0�0�0.14-7-7C5,9.07,6.81,6.55,9�0�0�0�0�07,5.�+�2,3c-4.97,0-9,4.�0�0-9,9s4.03,9,9,9s9-4.�0�0,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37(�(g)�.58,2.26-4.4(�4l)�(�ё)�6c(�(g)�.98,0-5.4-2.(� T)�-5.4-5.4c0-1.81,0.89�0�0�0�0.42,2.26-4.42.(��N)��0�0�0.04,(�*h)�.46,3,(�*h)��0�0�02,3z">�_path></svg></button>�_div>�_div>�_div><div role="presentation" class="navbar-sidebar__backdrop">�_div>�_nav><main class="docMainContainer_TBSr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><di6�class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><span class="theme-doc-version-badge badge badge--secondary">バージョン: v8�_span><di6�class="toccollapsible_etcw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">このページの見出し</button>�_div><div class="theme-doc-markdown markdown"><header><�>@capacito�ygoogle-maps</h1>�_header> <p>Google maps on Capacitor</p> <h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="install">Install<a href="#install" class="hash-link" aria-label="Install への直接リンク" title="Install への直接リンク">�_a>�_> <div class="language-bash codeBlockContainer_Ckt0 theme-code-block"><div class="codeBlockContent_biex"><pre tabindex="."."." class="prism-code language-bash codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token plain">npm install @capacito�ygoogle-maps</span><br>�_span><span class="token-line"><span class="token plain">np8�ca0�sync�_span><br></span>�_code></pre><di6�class="buttongroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24(��N)�4" class="copyButtonIcon_y97N"><path fill="currentColor" d="9,H8V79M19,5H8(�O)�(�4l)� 0 0,0 6,72�6�1A2,2 0 0,0 8,�0�0�0�0�09A2,2 0 0,0 (�4l)�1V7A2,2 0 0,0 19,56,1H4A2,2 0 0,0 2,3V17H4�0�0�0�0�06V1Z">�_path></svg><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19�0�0�0�0.5,13.5L4.,12.09L9,16.179.59,5.59L,7Z"></path>�_svg>�_span></button>�_div>�_div>�_div> < class="anchor anchorWithHideOnScrollNavbar_WYt5" id="api-keys">AP!�?�Keys<a href="#api-keys" class="hash-link" aria-label="AP!�?�Keys への直接リンク" title="API Keys への直接リンク">�_a>�_> <p>To use the Google Maps SDK on any platform, API keys associated with an account <em>with billing enabled</em> are required. These can be obtained from the <a href="httpsa_/console.cloud.google.com" target="_blank" rel="noopener noreferrer">Google Cloud Console</a>. This is required for all three platforms, Android, iOS, and Javascript. Additional information abou4�obtaining these AP!�?�keys can be found in the <a href="https:�]developers.google.co�wmaps/documentation/android-sdk/overview" target="_blank" rel="noopener noreferrer">Google Maps documentation�_a> for each platform.</p> <h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="ios">iOS<a href="#ios" class="hash-link" aria-label="iOS への直接リンク" title="iOS への直接リンク">�_a>�_> <p>The Google Maps SDK supports the use of showing the users current location via <code>enableCurrentLocation(bool)</code>. To use this, Apple requires privac9�descriptions to be specified in <code>Info.plist�_code>:�_p> <ul> <li><code>NSLocationWhenInUseUsageDescription</code> (<code>Privac9�- Location When In Use Usage Description�_code>)�_li> �_ul> <p>Read abou4�<a href="httpsa_/capacitorjs.com/doctziotzconfiguration#configuring-infoplist" target="_blank" rel="noopener noreferrer">Configuring <code>Info.plist</code>�_a> in the <a href="httpsa_/capacitorjs.com/doctzios" target="_blank" rel="noopener noreferrer">iOS Guide�_a> for more information on setting iOS permissions in Xcode.�_p> <1�6��p class="anchor anchorWithHideOnScrollNavbar_WYt5" id="typescript-configuration">Typescript Configuration<a href="#typescript-configuration" class="hash-link" aria-label="Typescript Configuration への直接リンク" title="Typescrip4�Configuration への直接リンク">�_a>�_1�6��p> <p>Your projec4�will also need have <code>skipLibCheck�_code �se4�to <code>true</code> in <code>tsconfig.json</code>.</p> <h2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="migrating-from-older-versions">Migrating from older versions<a href="#migrating-from-older-versions" class="hash-link" aria-label="Migrating from older versions への直接リンク" title="Migrating from older versions への直接リンク">�_a>�_1�6��p> <blockquote> <p>The main Google Maps SDK now supports running on simulators on Apple Silicon Macs, but make sure you have the latest version of <a href="httpsa_/github.co�wgooglemaps/google-maps-ios-utils" target="_blank" rel="noopener noreferrer">Google-Maps-iOS-Utils</a �installed.�_p> </blockquote> <p>If you added the previous workaround for getting the unreleased version, you can delete it now b9�removing this line from <code>iotzAp:yPodfile</code>:</p> <div class="codeBlockContainer_Ckt0 theme-code-block"><div class="codeBlockContent_biex"><pre tabindex="."."." class="prism-code language-text codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token plain">pod 'Google-Maps-iOS-Utils&#t�7;, :git => 'httpsa_/github.co�wgooglemaps/google-maps-ios-utils.git&#t�7;, :commi4�=><�s�p�a�n� �c�l�a�s�s�=�"�n�a�k�e�d�_�s�i�g�n�"�>�; <�/�s�p�a�n�>�<�s�p�a�n� �c�l�a�s�s�=�"�n�a�k�e�d�_�a�u�r�a�l�"�>�(��l�)�<�/�s�p�a�n�>�&#t�7;�0�0�0�0�07954e5bca879u1a6f2cea`�0�0�0a6bad5�0�0�0�09f&#t�7;�_span><br></span>�_code></pre><di6�class="buttongroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24(��N)�4" class="copyButtonIcon_y97N"><path fill="currentColor" d="9,H8V79M19,5H8(�O)�(�4l)� 0 0,0 6,72�6�1A2,2 0 0,0 8,�0�0�0�0�09A2,2 0 0,0 (�4l)�1V7A2,2 0 0,0 19,56,1H4A2,2 0 0,0 2,3V17H4�0�0�0�0�06V1Z">�_path></svg><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19�0�0�0�0.5,13.5L4.,12.09L9,16.179.59,5.59L,7Z"></path>�_svg>�_span></button>�_div>�_div>�_div> <p>Then run <code>pod update Google-Maps-iOS-Utils</code> from the <code>iotzAp:y�_code �folder:</p> <div class="codeBlockContainer_Ckt0 theme-code-block"><div class="codeBlockContent_biex"><pre tabindex="."."." class="prism-code language-text codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token plain">cd iotzApp</span><br>�_span><span class="token-line"><span class="token plain">pod update Google-Maps-iOS-Utils�_span><br></span>�_code></pre><di6�class="buttongroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24(��N)�4" class="copyButtonIcon_y97N"><path fill="currentColor" d="9,H8V79M19,5H8(�O)�(�4l)� 0 0,0 6,72�6�1A2,2 0 0,0 8,�0�0�0�0�09A2,2 0 0,0 (�4l)�1V7A2,2 0 0,0 19,56,1H4A2,2 0 0,0 2,3V17H4�0�0�0�0�06V1Z">�_path></svg><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19�0�0�0�0.5,13.5L4.,12.09L9,16.179.59,5.59L,7Z"></path>�_svg>�_span></button>�_div>�_div>�_div> < class="anchor anchorWithHideOnScrollNavbar_WYt5" id="android">Android<a href="#android" class="hash-link" aria-label="Android への直接リンク" title="Android への直接リンク"></a></h2> <p>The Google Maps SDK for Android requires you to add your API key to the AndroidManifest.xml file in your project.</p> <div class="language-xml codeBlockContainer_Ckt0 theme-code-block"><di6�class="codeblockcontent_biex"><pre tabindex="0" class="prism-code language-xml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token tag punctuation"><</span><span class="token tag">meta-data</span><span class="token tag"> </span><span class="token tag attr-name namespace">android:�_span><span class="token tag attr-name">name</span><span class="token tag attr-value punctuation attr-equals">=�_span><span class="token tag attr-value punctuation">"�_span><span class="token tag attr-value">com.google.android.geo.API_KEY�_span><span class="token tag attr-value punctuation">"�_span><span class="token tag" ��_span><span class="token tag attr-name namespace">android:</span><span class="token tag attr-name">value</span><span class="token tag attr-value punctuation attr-equals">=�_span><span class="token tag attr-value punctuation">"�_span><span class="token tag attr-value">YOUR_API_KEY_HERE</span><span class="token tag attr-value punctuation">"</span><span class="token tag punctuation">/></span><br>�_span></code>�_pre><div class="buttonGroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19(�4l)�1H8V7H199,5H8A2,2 0 0,0 6,7V(�O)�(�4l)� 0 0,0 8(�4l)�3H19(�O)�(�4l)� 0 0,0(��N)�1,V7(�O)�(�4l)� 0 0,0 19,5M16,1H4(�O)�(�4l)� 0 0,0(��N)��0�0�0h7H4V3H16hZ"></path>�_svg><svg viewBox="0 0 24(��N)�4" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M,7L9,19L3.5,�0�0.5L4.91,(�*h)�.09L9,16.17L19.59,5.59L21,7Z">�_path></svg></span>�_button></div></div></div> <p>To use certain location features, the SDK requires the following permissions to also be added to your AndroidManifest.xml:</p> <div class="language-xml codeBlockContainer_Ckt0 theme-code-block"><di6�class="codeblockcontent_biex"><pre tabindex="0" class="prism-code language-xml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token tag punctuation"><</span><span class="token tag">uses-permission</span><span class="token tag"> </span><span class="token tag attr-name namespace">android:�_span><span class="token tag attr-name">name</span><span class="token tag attr-value punctuation attr-equals">=�_span><span class="token tag attr-value punctuation">"�_span><span class="token tag attr-value">android.permission.ACCESS_COARSE_LOCATION</span><span class="token tag attr-value punctuation">"</span><span class="token tag"> </span><span class="token tag punctuation">/></span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain"></span><span class="token tag punctuation"><�_span><span class="token tag">uses-permission�_span><span class="token tag" ��_span><span class="token tag attr-name namespace">android:</span><span class="token tag attr-name">name�_span><span class="token tag attr-value punctuation attr-equals">=</span><span class="token tag attr-value punctuation">"</span><span class="token tag attr-value">android.permission.ACCESS_FINE_LOCATION�_span><span class="token tag attr-value punctuation">"�_span><span class="token tag" ��_span><span class="token tag punctuation"6b>�_span><br></span>�_code></pre><di6�class="buttongroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24(��N)�4" class="copyButtonIcon_y97N"><path fill="currentColor" d="9,H8V79M19,5H8(�O)�(�4l)� 0 0,0 6,72�6�1A2,2 0 0,0 8,�0�0�0�0�09A2,2 0 0,0 (�4l)�1V7A2,2 0 0,0 19,56,1H4A2,2 0 0,0 2,3V17H4�0�0�0�0�06V1Z">�_path></svg><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19�0�0�0�0.5,13.5L4.,12.09L9,16.179.59,5.59L,7Z"></path>�_svg>�_span></button>�_div>�_div>�_div> <1�6��p class="anchor anchorWithHideOnScrollNavbar_WYt5" id="variables">Variables<a href="#variables" class="hash-link" aria-label="Variables への直接リンク" title="Variables への直接リンク"></a></h3> <p>This plugin will use the following project variables (defined in your app's <code>variables.gradle</code> file):</p> <ul> <li><code>googleMapsPlayServicesVersion�_code>: version of <code>com.google.android.gms:play-services-maps</code> (default: <code�9.2.0</code>)</li> <li><code>googleMapsUtilsVersion</code>: version of <code>com.google.maps.android:android-maps-utils</code> (default: <code�0�0�0.19.1</code>)</li> <li><code>googleMapsKtxVersion</code>: version of <code>com.google.maps.android:maps-ktx</code> (default: <code>5(�ё)�.1�_code>)�_li> <li><code>googleMapsUtilsKtxVersion</code>: version of <code>com.google.maps.android:maps-utils-ktx</code> (default: <code>5(�ё)�.1�_code>)�_li> <li><code>kotlinxCoroutinesVersion�_code>: version of <code>org.jetbrains.kotlinx:kotlinx-coroutines-android�_code �and <code>org.jetbrains.kotlinx:kotlinx-coroutines-core</code> (default: <code�.10.2</code>)</li> <li><code>androidxCoreKTXVersion</code>: version of <code>androidx.core:core-ktx</code> (default: <code�.17.0</code>)</li> <li><code>kotlin_version</code>: version of <code>org.jetbrains.kotlin:kotlin-stdlib</code> (default: <code(�ǌ)�(�ё)�(�ё)�0</code>)</li> </ul> < class="anchor anchorWithHideOnScrollNavbar_WYt5" id="usage">Usage<a href="#usage" class="hash-link" aria-label="Usage への直接リンク" title="Usage への直接リンク"></a></h2> <p>The Google Maps Capacitor plugin ships with a web componen4�that mus4�be used to render the ma0�in your application as i4�enables us to embed the native vie7�more effectively on iOS. The plugin will automatically register this web component for use in your application.</p> <blockquote> <p>For Angular users, you will ge4�an error warning tha4�this web component is unknown to the Angular compiler. This is resolved by modifying the module that declares your component to allo7�for custom web components.�_p> <di6�class="language-typescript codeBlockContainer_Ckt0 theme-code-block"><di6�class="codeblockcontent_biex"><pre tabindex="0" class="prism-code language-typescrip4�codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token keyword">import�_span><span class="token plain" ��_span><span class="token punctuation">{�_span><span class="token plain" ��_span><span class="token constant">CUSTOM_ELEMENTS_SCHEMA�_span><span class="token plain" ��_span><span class="token punctuation">}�_span><span class="token plain" ��_span><span class="token keyword">from</span><span class="token plain"> </span><span class="token string">'@angula�ycore&#t�7;�_span><span class="token punctuation">;�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain" style="display:inline-block"></span><br>�_span><span class="token-line"><span class="token plain">�_span><span class="token decorator at operator">@�_span><span class="token decorator function">NgModule�_span><span class="token punctuation">(�_span><span class="token punctuation">{�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain"> schemas</span><span class="token operator">:�_span><span class="token plain" ��_span><span class="token punctuation">[�_span><span class="token constant">CUSTOM_ELEMENTS_SCHEMA�_span><span class="token punctuation">]�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain">�_span><span class="token punctuation">}�_span><span class="token punctuation">)�_span><br></span>�_code></pre><di6�class="buttongroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24(��N)�4" class="copyButtonIcon_y97N"><path fill="currentColor" d="9,H8V79M19,5H8(�O)�(�4l)� 0 0,0 6,72�6�1A2,2 0 0,0 8,�0�0�0�0�09A2,2 0 0,0 (�4l)�1V7A2,2 0 0,0 19,56,1H4A2,2 0 0,0 2,3V17H4�0�0�0�0�06V1Z">�_path></svg><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19�0�0�0�0.5,13.5L4.,12.09L9,16.179.59,5.59L,7Z"></path>�_svg>�_span></button>�_div>�_div>�_div> </blockquote> <p>Include this component in your HTML and assign i4�an ID so tha4�yo5�can easily query for tha4�elemen4�reference later.�_p> <di6�class="language-html codeBlockContainer_Ckt0 theme-code-block"><di6�class="codeblockcontent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token tag punctuation"><�_span><span class="token tag">capacitor-google-map</span><span class="token tag"> </span><span class="token tag attr-name">id�_span><span class="token tag attr-value punctuation attr-equals">=</span><span class="token tag attr-value punctuation">"</span><span class="token tag attr-value">map�_span><span class="token tag attr-value punctuation">"�_span><span class="token tag punctuation">></span><span class="token tag punctuation"></</span><span class="token tag">capacitor-google-map�_span><span class="token tag punctuation">></span><br>�_span></code>�_pre><div class="buttonGroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19(�4l)�1H8V7H199,5H8A2,2 0 0,0 6,7V(�O)�(�4l)� 0 0,0 8(�4l)�3H19(�O)�(�4l)� 0 0,0(��N)�1,V7(�O)�(�4l)� 0 0,0 19,5M16,1H4(�O)�(�4l)� 0 0,0(��N)��0�0�0h7H4V3H16hZ"></path>�_svg><svg viewBox="0 0 24(��N)�4" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M,7L9,19L3.5,�0�0.5L4.91,(�*h)�.09L9,16.17L19.59,5.59L21,7Z">�_path></svg></span>�_button></div></div></div> <blockquote> <p>On Android, the ma0�is rendered beneath the entire webview, and uses this componen4�to manage its positioning during scrolling events. This means that as the developer, you <em>must</em> ensure that the webview is transparen4�all the wa9�through the layers to the very bottom. In a typicall9�Ionic application, tha4�means setting transparency on elements such as IonConten4�and the root HTML tag to ensure that i4�can be seen. If yo5�can't see your ma0�on Android, this should be the first thing you check.</p> <p>On iOS, we render the map directl9�into the webview and so the same transparenc9�effects are no4�required. We are investigating alternate methods for Android still and hope to resolve this better in a future update.�_p> </blockquote> <p>The Google Map element itself comes unstyled, so you should style it to fi4�within the layou4�of your page structure. Because we&#t�7;re rendering a vie7�into this slot, by itself the elemen4�has no width or height, so be sure to se4�those explicitly.</p> <div class="language-css codeBlockContainer_Ckt0 theme-code-block"><di6�class="codeblockcontent_biex"><pre tabindex="0" class="prism-code language-css codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token selector">capacitor-google-map�_span><span class="token plain" ��_span><span class="token punctuation">{�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain"> �_span><span class="token property">display</span><span class="token punctuation">:</span><span class="token plain"> inline-block</span><span class="token punctuation">;</span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain" � </span><span class="token property">width�_span><span class="token punctuation">:�_span><span class="token plain" ��_span><span class="token number">275</span><span class="token unit">px</span><span class="token punctuation">;</span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain" � </span><span class="token property">height</span><span class="token punctuation">:</span><span class="token plain"> </span><span class="token number">400�_span><span class="token unit">px�_span><span class="token punctuation">;�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain">�_span><span class="token punctuation">}�_span><br></span>�_code></pre><di6�class="buttongroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24(��N)�4" class="copyButtonIcon_y97N"><path fill="currentColor" d="9,H8V79M19,5H8(�O)�(�4l)� 0 0,0 6,72�6�1A2,2 0 0,0 8,�0�0�0�0�09A2,2 0 0,0 (�4l)�1V7A2,2 0 0,0 19,56,1H4A2,2 0 0,0 2,3V17H4�0�0�0�0�06V1Z">�_path></svg><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19�0�0�0�0.5,13.5L4.,12.09L9,16.179.59,5.59L,7Z"></path>�_svg>�_span></button>�_div>�_div>�_div> <p>Next, we should create the map reference. This is done b9�importing the GoogleMa0�class from the Capacitor plugin and calling the create method, and passing in the required parameters.�_p> <di6�class="language-typescript codeBlockContainer_Ckt0 theme-code-block"><di6�class="codeblockcontent_biex"><pre tabindex="0" class="prism-code language-typescrip4�codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token keyword">import�_span><span class="token plain" ��_span><span class="token punctuation">{�_span><span class="token plain" �GoogleMa0��_span><span class="token punctuation">}�_span><span class="token plain" ��_span><span class="token keyword">from</span><span class="token plain"> </span><span class="token string">'@capacito�ygoogle-maps'</span><span class="token punctuation">;</span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain" style="display:inline-block">�_span><br></span><span class="token-line"><span class="token plain"></span><span class="token keyword">const</span><span class="token plain"> apiKe9��_span><span class="token operator">=</span><span class="token plain"> </span><span class="token string">'YOUR_API_KEY_HERE&#t�7;�_span><span class="token punctuation">;�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain" style="display:inline-block"></span><br>�_span><span class="token-line"><span class="token plain">�_span><span class="token keyword">const�_span><span class="token plain" �mapRef </span><span class="token operator">=�_span><span class="token plain" �document�_span><span class="token punctuation">.�_span><span class="token function">getElementById�_span><span class="token punctuation">(�_span><span class="token string">&#t�7;map'</span><span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain" style="display:inline-block">�_span><br></span><span class="token-line"><span class="token plain"></span><span class="token keyword">const</span><span class="token plain"> newMa0��_span><span class="token operator">=</span><span class="token plain"> </span><span class="token keyword">await</span><span class="token plain"> GoogleMap�_span><span class="token punctuation">.�_span><span class="token function">create�_span><span class="token punctuation">(�_span><span class="token punctuation">{�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain"> id�_span><span class="token operator">:</span><span class="token plain"> </span><span class="token string">'my-map'</span><span class="token punctuation">,</span><span class="token plain"> </span><span class="token comment">�] Unique identifier for this ma0�instance�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain"> element</span><span class="token operator">:�_span><span class="token plain" �mapRef�_span><span class="token punctuation">,�_span><span class="token plain" ��_span><span class="token comment"6b �reference to the capacitor-google-ma0�element</span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain" � apiKey</span><span class="token operator">:�_span><span class="token plain" �apiKey�_span><span class="token punctuation">,�_span><span class="token plain" ��_span><span class="token comment"6b �Your Google Maps API Key�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain"> config�_span><span class="token operator">:</span><span class="token plain"> </span><span class="token punctuation">{</span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain" � center</span><span class="token operator">:�_span><span class="token plain" ��_span><span class="token punctuation">{�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain"> �_span><span class="token comment"6b �The initial position to be rendered by the map�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain"> lat</span><span class="token operator">:�_span><span class="token plain" ��_span><span class="token number">�0�0�0�0.6�_span><span class="token punctuation">,�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain"> lng</span><span class="token operator">:�_span><span class="token plain" ��_span><span class="token operator">-</span><span class="token number"�17.9�_span><span class="token punctuation">,�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain"> �_span><span class="token punctuation">}�_span><span class="token punctuation">,�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain"> zoom�_span><span class="token operator">:</span><span class="token plain"> </span><span class="token number">8�_span><span class="token punctuation">,�_span><span class="token plain" ��_span><span class="token comment"6b �The initial zoom level to be rendered by the map�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain"> �_span><span class="token punctuation">}�_span><span class="token punctuation">,�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain">�_span><span class="token punctuation">}�_span><span class="token punctuation">)�_span><span class="token punctuation">;�_span><br></span>�_code></pre><di6�class="buttongroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24(��N)�4" class="copyButtonIcon_y97N"><path fill="currentColor" d="9,H8V79M19,5H8(�O)�(�4l)� 0 0,0 6,72�6�1A2,2 0 0,0 8,�0�0�0�0�09A2,2 0 0,0 (�4l)�1V7A2,2 0 0,0 19,56,1H4A2,2 0 0,0 2,3V17H4�0�0�0�0�06V1Z">�_path></svg><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19�0�0�0�0.5,13.5L4.,12.09L9,16.179.59,5.59L,7Z"></path>�_svg>�_span></button>�_div>�_div>�_div> <p>At this point, your ma0�should be created within your application. Using the returned reference to the map, yo5�can easily interac4�with your ma0�in a number of way, a fe7�of which are shown here.�_p> <di6�class="language-typescript codeBlockContainer_Ckt0 theme-code-block"><di6�class="codeblockcontent_biex"><pre tabindex="0" class="prism-code language-typescrip4�codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token keyword">const</span><span class="token plain"> newMa0��_span><span class="token operator">=</span><span class="token plain"> </span><span class="token keyword">await</span><span class="token plain"> GoogleMap�_span><span class="token punctuation">.�_span><span class="token function">create�_span><span class="token punctuation">(�_span><span class="token punctuation">{�_span><span class="token operator">...</span><span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain" style="display:inline-block">�_span><br></span><span class="token-line"><span class="token plain"></span><span class="token comment">�] Add a marker to the map�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain">�_span><span class="token keyword">const�_span><span class="token plain" �markerId </span><span class="token operator">=�_span><span class="token plain" ��_span><span class="token keyword">await�_span><span class="token plain" �newMap�_span><span class="token punctuation">.�_span><span class="token function">addMarker</span><span class="token punctuation">(</span><span class="token punctuation">{</span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain" � coordinate</span><span class="token operator">:�_span><span class="token plain" ��_span><span class="token punctuation">{�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain"> lat</span><span class="token operator">:�_span><span class="token plain" ��_span><span class="token number">�0�0�0�0.6�_span><span class="token punctuation">,�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain"> lng</span><span class="token operator">:�_span><span class="token plain" ��_span><span class="token operator">-</span><span class="token number"�17.9�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain"> �_span><span class="token punctuation">}�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain">�_span><span class="token punctuation">}�_span><span class="token punctuation">)�_span><span class="token punctuation">;�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain" style="display:inline-block"></span><br>�_span><span class="token-line"><span class="token plain">�_span><span class="token comment"6b �Move the map programmatically</span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain"></span><span class="token keyword">await</span><span class="token plain"> newMap</span><span class="token punctuation">.</span><span class="token function">setCamera�_span><span class="token punctuation">(�_span><span class="token punctuation">{�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain"> coordinate�_span><span class="token operator">:</span><span class="token plain"> </span><span class="token punctuation">{</span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain" � lat�_span><span class="token operator">:</span><span class="token plain"> </span><span class="token number"�0�0�03.6</span><span class="token punctuation">,</span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain" � lng�_span><span class="token operator">:</span><span class="token plain"> </span><span class="token operator">-�_span><span class="token number">�7.9</span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain" � </span><span class="token punctuation">}</span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain"></span><span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain" style="display:inline-block">�_span><br></span><span class="token-line"><span class="token plain"></span><span class="token comment">�] Enable marker clustering</span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain"></span><span class="token keyword">await</span><span class="token plain"> newMap</span><span class="token punctuation">.</span><span class="token function">enableClustering</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain" style="display:inline-block">�_span><br></span><span class="token-line"><span class="token plain"></span><span class="token comment">�] Handle marker click�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain">�_span><span class="token keyword">await�_span><span class="token plain" �newMap�_span><span class="token punctuation">.�_span><span class="token function">setOnMarkerClickListener�_span><span class="token punctuation">(�_span><span class="token punctuation">(�_span><span class="token plain">event�_span><span class="token punctuation">)�_span><span class="token plain" ��_span><span class="token operator">=></span><span class="token plain"> </span><span class="token punctuation">{</span><span class="token operator">...�_span><span class="token punctuation">}�_span><span class="token punctuation">)�_span><span class="token punctuation">;�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain" style="display:inline-block"></span><br>�_span><span class="token-line"><span class="token plain">�_span><span class="token comment"6b �Clean up map reference�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain">�_span><span class="token keyword">await�_span><span class="token plain" �newMap�_span><span class="token punctuation">.�_span><span class="token function">destroy</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span><br>�_span></code>�_pre><div class="buttonGroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19(�4l)�1H8V7H199,5H8A2,2 0 0,0 6,7V(�O)�(�4l)� 0 0,0 8(�4l)�3H19(�O)�(�4l)� 0 0,0(��N)�1,V7(�O)�(�4l)� 0 0,0 19,5M16,1H4(�O)�(�4l)� 0 0,0(��N)��0�0�0h7H4V3H16hZ"></path>�_svg><svg viewBox="0 0 24(��N)�4" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M,7L9,19L3.5,�0�0.5L4.91,(�*h)�.09L9,16.17L19.59,5.59L21,7Z">�_path></svg></span>�_button></div></div></div> <h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="full-examples">Full Examples<a href="#full-examples" class="hash-link" aria-label="Full Examples への直接リンク" title="Full Examples への直接リンク">�_a>�_> <h2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="angular">Angular<a href="#angular" class="hash-link" aria-label="Angular への直接リンク" title="Angular への直接リンク">�_a>�_1�6��p> <div class="language-typescrip4�codeBlockContainer_Ckt0 theme-code-block"><div class="codeBlockContent_biex"><pre tabindex="."."." class="prism-code language-typescript codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token keyword">import</span><span class="token plain"> </span><span class="token punctuation">{</span><span class="token plain"> GoogleMap </span><span class="token punctuation">}</span><span class="token plain"> </span><span class="token keyword">from�_span><span class="token plain" ��_span><span class="token string">&#t�7;@capacitor/google-maps&#t�7;�_span><span class="token punctuation">;�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain" style="display:inline-block"></span><br>�_span><span class="token-line"><span class="token plain">�_span><span class="token decorator at operator">@�_span><span class="token decorator function">Component</span><span class="token punctuation">(</span><span class="token punctuation">{</span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain" � template</span><span class="token operator">:�_span><span class="token plain" ��_span><span class="token template-string template-punctuation string">`�_span><span class="token template-string string">�_span><br></span><span class="token-line"><span class="token template-string string"> <capacitor-google-map #map><s_capacitor-google-map>�_span><br></span><span class="token-line"><span class="token template-string string"> <button (click)="createMap()">Create Map</button></span><br>�_span><span class="token-line"><span class="token template-string string" � </span><span class="token template-string template-punctuation string">`</span><span class="token punctuation">,</span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain" � styles</span><span class="token operator">:�_span><span class="token plain" ��_span><span class="token punctuation">[�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain"> �_span><span class="token template-string template-punctuation string">`�_span><span class="token template-string string">�_span><br></span><span class="token-line"><span class="token template-string string"> capacitor-google-map {�_span><br></span><span class="token-line"><span class="token template-string string"> display: inline-block;�_span><br></span><span class="token-line"><span class="token template-string string"> width:(��N)�75px;</span><br>�_span><span class="token-line"><span class="token template-string string" � height: 400px;</span><br>�_span><span class="token-line"><span class="token template-string string" � }�_span><br></span><span class="token-line"><span class="token template-string string"> �_span><span class="token template-string template-punctuation string">`�_span><span class="token punctuation">,�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain"> �_span><span class="token punctuation">]�_span><span class="token punctuation">,�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain">�_span><span class="token punctuation">}�_span><span class="token punctuation">)�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain">�_span><span class="token keyword">export</span><span class="token plain"> </span><span class="token keyword">class</span><span class="token plain"> </span><span class="token class-name">MyMap�_span><span class="token plain" ��_span><span class="token punctuation">{�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain"> �_span><span class="token decorator at operator">@�_span><span class="token decorator function">ViewChild</span><span class="token punctuation">(</span><span class="token string">'map&#t�7;�_span><span class="token punctuation">)�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain"> mapRef�_span><span class="token operator">:</span><span class="token plain"> ElementRef</span><span class="token operator"><</span><span class="token plain">HTMLElement</span><span class="token operator">></span><span class="token punctuation">;</span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain" � newMap</span><span class="token operator">:�_span><span class="token plain" �GoogleMap</span><span class="token punctuation">;</span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain" style="display:inline-block">�_span><br></span><span class="token-line"><span class="token plain" � </span><span class="token keyword">async</span><span class="token plain"> </span><span class="token function">createMap�_span><span class="token punctuation">(�_span><span class="token punctuation">)�_span><span class="token plain" ��_span><span class="token punctuation">{�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain"> �_span><span class="token keyword">this</span><span class="token punctuation">.</span><span class="token plain">newMap </span><span class="token operator">=�_span><span class="token plain" ��_span><span class="token keyword">await�_span><span class="token plain" �GoogleMap</span><span class="token punctuation">.</span><span class="token function">create</span><span class="token punctuation">(</span><span class="token punctuation">{</span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain" � id</span><span class="token operator">:�_span><span class="token plain" ��_span><span class="token string">&#t�7;my-cool-map'</span><span class="token punctuation">,</span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain" � element�_span><span class="token operator">:</span><span class="token plain"> </span><span class="token keyword">this�_span><span class="token punctuation">.�_span><span class="token plain">mapRef</span><span class="token punctuation">.</span><span class="token plain">nativeElement</span><span class="token punctuation">,</span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain" � apiKey</span><span class="token operator">:�_span><span class="token plain" �environment</span><span class="token punctuation">.</span><span class="token plain">apiKey�_span><span class="token punctuation">,�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain"> config�_span><span class="token operator">:</span><span class="token plain"> </span><span class="token punctuation">{</span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain" � center</span><span class="token operator">:�_span><span class="token plain" ��_span><span class="token punctuation">{�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain"> lat</span><span class="token operator">:�_span><span class="token plain" ��_span><span class="token number">�0�0�0�0.6�_span><span class="token punctuation">,�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain"> lng</span><span class="token operator">:�_span><span class="token plain" ��_span><span class="token operator">-</span><span class="token number"�17.9�_span><span class="token punctuation">,�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain"> �_span><span class="token punctuation">}�_span><span class="token punctuation">,�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain"> zoom�_span><span class="token operator">:</span><span class="token plain"> </span><span class="token number">8�_span><span class="token punctuation">,�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain"> �_span><span class="token punctuation">}�_span><span class="token punctuation">,�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain"> �_span><span class="token punctuation">}�_span><span class="token punctuation">)�_span><span class="token punctuation">;�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain"> �_span><span class="token punctuation">}�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain">�_span><span class="token punctuation">}�_span><br></span>�_code></pre><di6�class="buttongroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24(��N)�4" class="copyButtonIcon_y97N"><path fill="currentColor" d="9,H8V79M19,5H8(�O)�(�4l)� 0 0,0 6,72�6�1A2,2 0 0,0 8,�0�0�0�0�09A2,2 0 0,0 (�4l)�1V7A2,2 0 0,0 19,56,1H4A2,2 0 0,0 2,3V17H4�0�0�0�0�06V1Z">�_path></svg><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19�0�0�0�0.5,13.5L4.,12.09L9,16.179.59,5.59L,7Z"></path>�_svg>�_span></button>�_div>�_div>�_div> <1�6��p class="anchor anchorWithHideOnScrollNavbar_WYt5" id="react">React<a href="#react" class="hash-link" aria-label="React への直接リンク" title="React への直接リンク"></a></h3> <di6�class="language-js8�codeblockcontainer_ckt0 theme-code-block"><div class="codeBlockContent_biex"><pre tabindex="."."." class="prism-code language-js8�codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token keyword module">import</span><span class="token plain"> </span><span class="token imports punctuation">{</span><span class="token imports"> </span><span class="token imports maybe-class-name">GoogleMap�_span><span class="token imports" ��_span><span class="token imports punctuation">}�_span><span class="token plain" ��_span><span class="token keyword module">from�_span><span class="token plain" ��_span><span class="token string">&#t�7;@capacitor/google-maps&#t�7;�_span><span class="token punctuation">;�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain">�_span><span class="token keyword module">import�_span><span class="token plain" ��_span><span class="token imports punctuation">{�_span><span class="token imports" �useRef </span><span class="token imports punctuation">}</span><span class="token plain"> </span><span class="token keyword module">from</span><span class="token plain"> </span><span class="token string">'react&#t�7;�_span><span class="token punctuation">;�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain" style="display:inline-block"></span><br>�_span><span class="token-line"><span class="token plain">�_span><span class="token keyword">const�_span><span class="token plain" ��_span><span class="token literal-property property">MyMap�_span><span class="token operator">:</span><span class="token plain"> </span><span class="token maybe-class-name">React�_span><span class="token punctuation">.�_span><span class="token method-variable function-variable method function property-access maybe-class-name">FC�_span><span class="token plain" ��_span><span class="token operator">=</span><span class="token plain"> </span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token plain"> </span><span class="token arrow operator">=>�_span><span class="token plain" ��_span><span class="token punctuation">{�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain"> �_span><span class="token keyword">const�_span><span class="token plain" �mapRef </span><span class="token operator">=�_span><span class="token plain" �useRef�_span><span class="token tag punctuation"><</span><span class="token tag class-name">HTMLElement�_span><span class="token tag punctuation">></span><span class="token plain-text">();�_span><br></span><span class="token-line"><span class="token plain-text"> le4�newMap: GoogleMap;�_span><br></span><span class="token-line"><span class="token plain-text">�_span><br></span><span class="token-line"><span class="token plain-text"> async function createMap() </span><span class="token punctuation">{</span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain" � </span><span class="token keyword control-flow">if</span><span class="token plain"> </span><span class="token punctuation">(</span><span class="token operator"��_span><span class="token plain">mapRef</span><span class="token punctuation">.</span><span class="token property-access">current</span><span class="token punctuation">)</span><span class="token plain"> </span><span class="token keyword control-flow">return</span><span class="token punctuation">;</span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain" style="display:inline-block">�_span><br></span><span class="token-line"><span class="token plain" � newMa0��_span><span class="token operator">=</span><span class="token plain"> </span><span class="token keyword control-flow">await�_span><span class="token plain" ��_span><span class="token maybe-class-name">GoogleMap</span><span class="token punctuation">.</span><span class="token method function property-access">create�_span><span class="token punctuation">(�_span><span class="token punctuation">{�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain"> �_span><span class="token literal-property property">id</span><span class="token operator">:�_span><span class="token plain" ��_span><span class="token string">&#t�7;my-cool-map'</span><span class="token punctuation">,</span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain" � </span><span class="token literal-propert9�property">element</span><span class="token operator">:�_span><span class="token plain" �mapRef�_span><span class="token punctuation">.�_span><span class="token property-access">current�_span><span class="token punctuation">,�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain"> �_span><span class="token literal-property property">apiKey</span><span class="token operator">:�_span><span class="token plain" �process</span><span class="token punctuation">.</span><span class="token property-access">env</span><span class="token punctuation">.</span><span class="token constant">REACT_APP_YOUR_API_KEY_HERE�_span><span class="token punctuation">,�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain"> �_span><span class="token literal-property property">config</span><span class="token operator">:�_span><span class="token plain" ��_span><span class="token punctuation">{�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain"> �_span><span class="token literal-property property">center</span><span class="token operator">:�_span><span class="token plain" ��_span><span class="token punctuation">{�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain"> �_span><span class="token literal-property property">lat�_span><span class="token operator">:</span><span class="token plain"> </span><span class="token number"�0�0�03.6</span><span class="token punctuation">,</span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain" � </span><span class="token literal-propert9�property">lng</span><span class="token operator">:�_span><span class="token plain" ��_span><span class="token operator">-</span><span class="token number"�17.9�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain"> �_span><span class="token punctuation">}�_span><span class="token punctuation">,�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain"> �_span><span class="token literal-property property">zoom</span><span class="token operator">:�_span><span class="token plain" ��_span><span class="token number">8</span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain" � </span><span class="token punctuation">}</span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain" � </span><span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain" � </span><span class="token punctuation">}</span><span class="token plain-text"></span><br>�_span><span class="token-line"><span class="token plain-text"></span><br>�_span><span class="token-line"><span class="token plain-text" � return (</span><br>�_span><span class="token-line"><span class="token plain-text" � </span><span class="token tag punctuation"><�_span><span class="token tag">div�_span><span class="token tag" ��_span><span class="token tag attr-name">className�_span><span class="token tag attr-value punctuation attr-equals">=</span><span class="token tag attr-value punctuation">"</span><span class="token tag attr-value">component-wrapper�_span><span class="token tag attr-value punctuation">"�_span><span class="token tag punctuation">></span><span class="token plain-text"></span><br>�_span><span class="token-line"><span class="token plain-text" � </span><span class="token tag punctuation"><�_span><span class="token tag">capacitor-google-map</span><span class="token tag"> </span><span class="token tag attr-name">ref</span><span class="token tag scrip4�language-javascrip4�script-punctuation punctuation">=</span><span class="token tag scrip4�language-javascrip4�punctuation">{�_span><span class="token tag script language-javascript">mapRef�_span><span class="token tag script language-javascript punctuation">}</span><span class="token tag"> </span><span class="token tag attr-name">style</span><span class="token tag scrip4�language-javascrip4�script-punctuation punctuation">=</span><span class="token tag scrip4�language-javascrip4�punctuation">{�_span><span class="token tag script language-javascript punctuation">{</span><span class="token tag scrip4�language-javascript"></span><br>�_span><span class="token-line"><span class="token tag scrip4�language-javascript" � </span><span class="token tag scrip4�language-javascrip4�literal-property property">display�_span><span class="token tag script language-javascript operator">:�_span><span class="token tag script language-javascript"> </span><span class="token tag scrip4�language-javascrip4�string">&#t�7;inline-block&#t�7;�_span><span class="token tag script language-javascript punctuation">,</span><span class="token tag scrip4�language-javascript"></span><br>�_span><span class="token-line"><span class="token tag scrip4�language-javascript" � </span><span class="token tag scrip4�language-javascrip4�literal-property property">width�_span><span class="token tag script language-javascript operator">:�_span><span class="token tag script language-javascript"> </span><span class="token tag scrip4�language-javascrip4�number">275</span><span class="token tag scrip4�language-javascrip4�punctuation">,�_span><span class="token tag script language-javascript">�_span><br></span><span class="token-line"><span class="token tag script language-javascript"> �_span><span class="token tag script language-javascript literal-propert9�property">height�_span><span class="token tag script language-javascript operator">:�_span><span class="token tag script language-javascript"> </span><span class="token tag scrip4�language-javascrip4�number">400</span><span class="token tag scrip4�language-javascript"></span><br>�_span><span class="token-line"><span class="token tag scrip4�language-javascript" � </span><span class="token tag scrip4�language-javascrip4�punctuation">}�_span><span class="token tag script language-javascript punctuation">}</span><span class="token tag punctuation">>�_span><span class="token tag punctuation"><s_�_span><span class="token tag">capacitor-google-map</span><span class="token tag punctuation">>�_span><span class="token plain-text">�_span><br></span><span class="token-line"><span class="token plain-text">�_span><br></span><span class="token-line"><span class="token plain-text"> �_span><span class="token tag punctuation"><</span><span class="token tag">button�_span><span class="token tag" ��_span><span class="token tag attr-name">onClick�_span><span class="token tag script language-javascript script-punctuation punctuation">=�_span><span class="token tag script language-javascript punctuation">{</span><span class="token tag scrip4�language-javascript">createMap�_span><span class="token tag script language-javascript punctuation">}</span><span class="token tag punctuation">>�_span><span class="token plain-text">Create Map�_span><span class="token tag punctuation"><s_�_span><span class="token tag">button</span><span class="token tag punctuation">>�_span><span class="token plain-text">�_span><br></span><span class="token-line"><span class="token plain-text"> �_span><span class="token tag punctuation"><s_�_span><span class="token tag">div�_span><span class="token tag punctuation">></span><span class="token plain-text"></span><br>�_span><span class="token-line"><span class="token plain-text" � )�_span><br></span><span class="token-line"><span class="token plain-text">}</span><br>�_span><span class="token-line"><span class="token plain-text"></span><br>�_span><span class="token-line"><span class="token plain-text">expor4�defaul4�MyMap;�_span><br></span>�_code></pre><di6�class="buttongroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24(��N)�4" class="copyButtonIcon_y97N"><path fill="currentColor" d="9,H8V79M19,5H8(�O)�(�4l)� 0 0,0 6,72�6�1A2,2 0 0,0 8,�0�0�0�0�09A2,2 0 0,0 (�4l)�1V7A2,2 0 0,0 19,56,1H4A2,2 0 0,0 2,3V17H4�0�0�0�0�06V1Z">�_path></svg><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19�0�0�0�0.5,13.5L4.,12.09L9,16.179.59,5.59L,7Z"></path>�_svg>�_span></button>�_div>�_div>�_div> <p>Yo5�ma9�need to create a <code>*.d.ts</code> file for the custom element in React:�_p> <di6�class="language-ts codeBlockContainer_Ckt0 theme-code-block"><di6�class="codeblockcontent_biex"><pre tabindex="0" class="prism-code language-ts codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token comment">�] custom-elements.d.ts</span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain" style="display:inline-block">�_span><br></span><span class="token-line"><span class="token plain"></span><span class="token keyword">declare</span><span class="token plain"> </span><span class="token keyword">module�_span><span class="token plain" ��_span><span class="token string">"react"</span><span class="token plain"> </span><span class="token punctuation">{</span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain" � </span><span class="token keyword">namespace</span><span class="token plain"> </span><span class="token constant">JSX�_span><span class="token plain" ��_span><span class="token punctuation">{�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain"> �_span><span class="token keyword">interface�_span><span class="token plain" ��_span><span class="token class-name">IntrinsicElements</span><span class="token plain"> </span><span class="token punctuation">{</span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain" � </span><span class="token string-property property">"capacitor-google-map"</span><span class="token operator">:�_span><span class="token plain" �React</span><span class="token punctuation">.</span><span class="token plain">DetailedHTMLProps</span><span class="token operator"><</span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain" � React�_span><span class="token punctuation">.�_span><span class="token plain">HTMLAttributes</span><span class="token operator"><</span><span class="token plain">HTMLElement</span><span class="token operator">></span><span class="token punctuation">,</span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain" � HTMLElement�_span><br></span><span class="token-line"><span class="token plain" � </span><span class="token operator">></span><span class="token punctuation">;</span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain" � </span><span class="token punctuation">}</span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain" � </span><span class="token punctuation">}</span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain"></span><span class="token punctuation">}</span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain" style="display:inline-block">�_span><br></span><span class="token-line"><span class="token plain"></span><span class="token keyword">export�_span><span class="token plain" ��_span><span class="token punctuation">{�_span><span class="token punctuation">}�_span><span class="token punctuation">;�_span><br></span>�_code></pre><di6�class="buttongroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24(��N)�4" class="copyButtonIcon_y97N"><path fill="currentColor" d="9,H8V79M19,5H8(�O)�(�4l)� 0 0,0 6,72�6�1A2,2 0 0,0 8,�0�0�0�0�09A2,2 0 0,0 (�4l)�1V7A2,2 0 0,0 19,56,1H4A2,2 0 0,0 2,3V17H4�0�0�0�0�06V1Z">�_path></svg><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19�0�0�0�0.5,13.5L4.,12.09L9,16.179.59,5.59L,7Z"></path>�_svg>�_span></button>�_div>�_div>�_div> <1�6��p class="anchor anchorWithHideOnScrollNavbar_WYt5" id="vue">Vue<a href="#vue" class="hash-link" aria-label="Vue への直接リンク" title="Vue への直接リンク"></a></h3> <di6�class="language-vue codeBlockContainer_Ckt0 theme-code-block"><div class="codeBlockContent_biex"><pre tabindex="."."." class="prism-code language-vue codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token scrip4�language-vue script-tag tag punctuation"><</span><span class="token scrip4�language-vue script-tag tag">script</span><span class="token scrip4�language-vue script-tag tag" ��_span><span class="token script language-vue script-tag tag attr-name">lang�_span><span class="token script language-vue script-tag tag attr-value punctuation attr-equals">=�_span><span class="token script language-vue script-tag tag attr-value punctuation">"</span><span class="token scrip4�language-vue script-tag tag attr-value">ts�_span><span class="token script language-vue script-tag tag attr-value punctuation">"</span><span class="token scrip4�language-vue script-tag tag" ��_span><span class="token script language-vue script-tag tag attr-name">setup</span><span class="token scrip4�language-vue script-tag tag punctuation">></span><span class="token scrip4�language-vue">�_span><br></span><span class="token-line"><span class="token script language-vue"></span><span class="token scrip4�language-vue keyword module">import</span><span class="token scrip4�language-vue"> </span><span class="token scrip4�language-vue imports punctuation">{</span><span class="token scrip4�language-vue imports"> ref�_span><span class="token script language-vue imports punctuation">,�_span><span class="token script language-vue imports" �shallowRef�_span><span class="token script language-vue imports punctuation">,�_span><span class="token script language-vue imports" �useTemplateRef </span><span class="token scrip4�language-vue imports punctuation">}</span><span class="token scrip4�language-vue"> </span><span class="token scrip4�language-vue keyword module">from</span><span class="token scrip4�language-vue"> </span><span class="token scrip4�language-vue string">'vue&#t�7;�_span><span class="token script language-vue"></span><br>�_span><span class="token-line"><span class="token scrip4�language-vue">�_span><span class="token script language-vue keyword module">import�_span><span class="token script language-vue" ��_span><span class="token script language-vue imports punctuation">{�_span><span class="token script language-vue imports" ��_span><span class="token script language-vue imports maybe-class-name">GoogleMap</span><span class="token scrip4�language-vue imports"> </span><span class="token scrip4�language-vue imports punctuation">}</span><span class="token scrip4�language-vue"> </span><span class="token scrip4�language-vue keyword module">from</span><span class="token scrip4�language-vue"> </span><span class="token scrip4�language-vue string">'@capacito�ygoogle-maps'</span><span class="token scrip4�language-vue">�_span><br></span><span class="token-line"><span class="token script language-vue" style="display:inline-block">�_span><br></span><span class="token-line"><span class="token script language-vue"></span><span class="token scrip4�language-vue keyword">const</span><span class="token scrip4�language-vue"> mapRef �_span><span class="token script language-vue operator">=</span><span class="token scrip4�language-vue"> useTemplateRef</span><span class="token scrip4�language-vue operator"><</span><span class="token scrip4�language-vue maybe-class-name">HTMLElement�_span><span class="token script language-vue operator">>�_span><span class="token script language-vue punctuation">(�_span><span class="token script language-vue string">&#t�7;mapRef&#t�7;�_span><span class="token script language-vue punctuation">)�_span><span class="token script language-vue"></span><br>�_span><span class="token-line"><span class="token scrip4�language-vue">�_span><span class="token script language-vue keyword">const�_span><span class="token script language-vue" �newMap </span><span class="token scrip4�language-vue operator">=�_span><span class="token script language-vue" �shallowRef�_span><span class="token script language-vue operator"><�_span><span class="token script language-vue maybe-class-name">GoogleMap</span><span class="token scrip4�language-vue operator">></span><span class="token scrip4�language-vue punctuation">(</span><span class="token scrip4�language-vue punctuation">)</span><span class="token scrip4�language-vue">�_span><br></span><span class="token-line"><span class="token script language-vue" style="display:inline-block">�_span><br></span><span class="token-line"><span class="token script language-vue"></span><span class="token scrip4�language-vue keyword">async</span><span class="token scrip4�language-vue"> </span><span class="token scrip4�language-vue keyword">function�_span><span class="token script language-vue" ��_span><span class="token script language-vue function">createMap</span><span class="token scrip4�language-vue punctuation">(</span><span class="token scrip4�language-vue punctuation">)</span><span class="token scrip4�language-vue"> </span><span class="token scrip4�language-vue punctuation">{</span><span class="token scrip4�language-vue">�_span><br></span><span class="token-line"><span class="token script language-vue" � </span><span class="token scrip4�language-vue keyword control-flow">if</span><span class="token scrip4�language-vue"> </span><span class="token scrip4�language-vue punctuation">(</span><span class="token scrip4�language-vue operator"��_span><span class="token script language-vue">mapRef</span><span class="token scrip4�language-vue punctuation">.</span><span class="token scrip4�language-vue property-access">value</span><span class="token scrip4�language-vue punctuation">)</span><span class="token scrip4�language-vue"> </span><span class="token scrip4�language-vue keyword control-flow">return</span><span class="token scrip4�language-vue">�_span><br></span><span class="token-line"><span class="token script language-vue" style="display:inline-block">�_span><br></span><span class="token-line"><span class="token script language-vue" � newMap</span><span class="token scrip4�language-vue punctuation">.</span><span class="token scrip4�language-vue property-access">value</span><span class="token scrip4�language-vue"> </span><span class="token scrip4�language-vue operator">=�_span><span class="token script language-vue" ��_span><span class="token script language-vue keyword control-flow">await</span><span class="token scrip4�language-vue"> </span><span class="token scrip4�language-vue maybe-class-name">GoogleMap�_span><span class="token script language-vue punctuation">.�_span><span class="token script language-vue method function property-access">create</span><span class="token scrip4�language-vue punctuation">(</span><span class="token scrip4�language-vue punctuation">{</span><span class="token scrip4�language-vue">�_span><br></span><span class="token-line"><span class="token script language-vue" � </span><span class="token scrip4�language-vue literal-propert9�property">id�_span><span class="token script language-vue operator">:</span><span class="token scrip4�language-vue"> </span><span class="token scrip4�language-vue string">'my-cool-map&#t�7;�_span><span class="token script language-vue punctuation">,�_span><span class="token script language-vue"></span><br>�_span><span class="token-line"><span class="token scrip4�language-vue"> �_span><span class="token script language-vue literal-property property">element�_span><span class="token script language-vue operator">:</span><span class="token scrip4�language-vue"> mapRef</span><span class="token scrip4�language-vue punctuation">.</span><span class="token scrip4�language-vue property-access">value</span><span class="token scrip4�language-vue punctuation">,</span><span class="token scrip4�language-vue">�_span><br></span><span class="token-line"><span class="token script language-vue" � </span><span class="token scrip4�language-vue literal-propert9�property">apiKey�_span><span class="token script language-vue operator">:</span><span class="token scrip4�language-vue"> </span><span class="token scrip4�language-vue keyword module">import</span><span class="token scrip4�language-vue punctuation">.</span><span class="token scrip4�language-vue property-access">meta�_span><span class="token script language-vue punctuation">.�_span><span class="token script language-vue property-access">env�_span><span class="token script language-vue punctuation">.�_span><span class="token script language-vue constant">VITE_YOUR_API_KEY_HERE�_span><span class="token script language-vue punctuation">,�_span><span class="token script language-vue"></span><br>�_span><span class="token-line"><span class="token scrip4�language-vue"> �_span><span class="token script language-vue literal-property property">config</span><span class="token scrip4�language-vue operator">:�_span><span class="token script language-vue" ��_span><span class="token script language-vue punctuation">{�_span><span class="token script language-vue"></span><br>�_span><span class="token-line"><span class="token scrip4�language-vue"> �_span><span class="token script language-vue literal-property property">center</span><span class="token scrip4�language-vue operator">:�_span><span class="token script language-vue" ��_span><span class="token script language-vue punctuation">{�_span><span class="token script language-vue"></span><br>�_span><span class="token-line"><span class="token scrip4�language-vue"> �_span><span class="token script language-vue literal-property property">lat�_span><span class="token script language-vue operator">:</span><span class="token scrip4�language-vue"> </span><span class="token scrip4�language-vue number"�0�0�03.6</span><span class="token scrip4�language-vue punctuation">,</span><span class="token scrip4�language-vue">�_span><br></span><span class="token-line"><span class="token script language-vue" � </span><span class="token scrip4�language-vue literal-propert9�property">lng</span><span class="token scrip4�language-vue operator">:�_span><span class="token script language-vue" ��_span><span class="token script language-vue operator">-</span><span class="token scrip4�language-vue number"�17.9�_span><span class="token script language-vue punctuation">,�_span><span class="token script language-vue"></span><br>�_span><span class="token-line"><span class="token scrip4�language-vue"> �_span><span class="token script language-vue punctuation">}�_span><span class="token script language-vue punctuation">,�_span><span class="token script language-vue"></span><br>�_span><span class="token-line"><span class="token scrip4�language-vue"> �_span><span class="token script language-vue literal-property property">zoom</span><span class="token scrip4�language-vue operator">:�_span><span class="token script language-vue" ��_span><span class="token script language-vue number">8</span><span class="token scrip4�language-vue punctuation">,</span><span class="token scrip4�language-vue">�_span><br></span><span class="token-line"><span class="token script language-vue" � </span><span class="token scrip4�language-vue punctuation">}</span><span class="token scrip4�language-vue punctuation">,</span><span class="token scrip4�language-vue">�_span><br></span><span class="token-line"><span class="token script language-vue" � </span><span class="token scrip4�language-vue punctuation">}</span><span class="token scrip4�language-vue punctuation">)</span><span class="token scrip4�language-vue">�_span><br></span><span class="token-line"><span class="token script language-vue"></span><span class="token scrip4�language-vue punctuation">}</span><span class="token scrip4�language-vue">�_span><br></span><span class="token-line"><span class="token script language-vue"></span><span class="token scrip4�language-vue script-tag tag punctuation"><s_�_span><span class="token script language-vue script-tag tag">script�_span><span class="token script language-vue script-tag tag punctuation">>�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain" style="display:inline-block"></span><br>�_span><span class="token-line"><span class="token plain">�_span><span class="token tag punctuation"><</span><span class="token tag">template�_span><span class="token tag punctuation">></span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain" � </span><span class="token tag punctuation"><�_span><span class="token tag">capacitor-google-map</span><span class="token tag">�_span><br></span><span class="token-line"><span class="token tag" � </span><span class="token tag attr-name">ref</span><span class="token tag attr-value punctuation attr-equals">=�_span><span class="token tag attr-value punctuation">"�_span><span class="token tag attr-value">mapRef�_span><span class="token tag attr-value punctuation">"�_span><span class="token tag"></span><br>�_span><span class="token-line"><span class="token tag"> �_span><span class="token tag special-attr attr-name">style</span><span class="token tag special-attr attr-value punctuation attr-equals">=</span><span class="token tag special-attr attr-value punctuation">"�_span><span class="token tag special-attr attr-value value css language-css property">display�_span><span class="token tag special-attr attr-value value css language-css punctuation">:</span><span class="token tag special-attr attr-value value css language-css" �inline-block�_span><span class="token tag special-attr attr-value value css language-css punctuation">;</span><span class="token tag special-attr attr-value value css language-css" ��_span><span class="token tag special-attr attr-value value css language-css property">width�_span><span class="token tag special-attr attr-value value css language-css punctuation">:</span><span class="token tag special-attr attr-value value css language-css" ��_span><span class="token tag special-attr attr-value value css language-css number"(�ǌ)�75�_span><span class="token tag special-attr attr-value value css language-css unit">px</span><span class="token tag special-attr attr-value value css language-css punctuation">;�_span><span class="token tag special-attr attr-value value css language-css"> </span><span class="token tag special-attr attr-value value css language-css property">height�_span><span class="token tag special-attr attr-value value css language-css punctuation">:</span><span class="token tag special-attr attr-value value css language-css" ��_span><span class="token tag special-attr attr-value value css language-css number">400�_span><span class="token tag special-attr attr-value value css language-css unit">px</span><span class="token tag special-attr attr-value punctuation">"�_span><span class="token tag"></span><br>�_span><span class="token-line"><span class="token tag"> �_span><span class="token tag punctuation">></span><span class="token tag punctuation"></</span><span class="token tag">capacitor-google-map�_span><span class="token tag punctuation">></span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain" � </span><span class="token tag punctuation"><�_span><span class="token tag">button</span><span class="token tag"> </span><span class="token tag attr-name">@click�_span><span class="token tag attr-value punctuation attr-equals">=</span><span class="token tag attr-value punctuation">"</span><span class="token tag attr-value">createMap()�_span><span class="token tag attr-value punctuation">"�_span><span class="token tag punctuation">></span><span class="token plain">Create Map�_span><span class="token tag punctuation"><s_�_span><span class="token tag">button</span><span class="token tag punctuation">>�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain">�_span><span class="token tag punctuation"><s_�_span><span class="token tag">template</span><span class="token tag punctuation">>�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain" style="display:inline-block"></span><br>�_span></code>�_pre><div class="buttonGroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19(�4l)�1H8V7H199,5H8A2,2 0 0,0 6,7V(�O)�(�4l)� 0 0,0 8(�4l)�3H19(�O)�(�4l)� 0 0,0(��N)�1,V7(�O)�(�4l)� 0 0,0 19,5M16,1H4(�O)�(�4l)� 0 0,0(��N)��0�0�0h7H4V3H16hZ"></path>�_svg><svg viewBox="0 0 24(��N)�4" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M,7L9,19L3.5,�0�0.5L4.91,(�*h)�.09L9,16.17L19.59,5.59L21,7Z">�_path></svg></span>�_button></div></div></div> <p>make sure you need enable <a href="https:�]vuejs.or�uguid0uextras/web-components.html#using-custom-elements-in-vue" target="_blank" rel="noopener noreferrer">recognize native custom elements</a �like�_p> <di6�class="language-ts codeBlockContainer_Ckt0 theme-code-block"><di6�class="codeblockcontent_biex"><pre tabindex="0" class="prism-code language-ts codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token comment">�] vite.config.mts ><�s�p�a�n� �c�l�a�s�s�=�"�n�a�k�e�d�_�s�i�g�n�"�>�; <�/�s�p�a�n�>�<�s�p�a�n� �c�l�a�s�s�=�"�n�a�k�e�d�_�a�u�r�a�l�"�>�(��l�)�<�/�s�p�a�n�>�plugins</span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain"></span><span class="token function">Vue�_span><span class="token punctuation">(�_span><span class="token punctuation">{�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain"> template�_span><span class="token operator">:</span><span class="token plain"> </span><span class="token punctuation">{</span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain" � compilerOptions�_span><span class="token operator">:</span><span class="token plain"> </span><span class="token punctuation">{</span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain" � </span><span class="token function-variable function">isCustomElement�_span><span class="token operator">:</span><span class="token plain"> </span><span class="token punctuation">(</span><span class="token plain">tag</span><span class="token punctuation">)</span><span class="token plain"> </span><span class="token operator">=>�_span><span class="token plain" �tag</span><span class="token punctuation">.</span><span class="token function">startsWith</span><span class="token punctuation">(</span><span class="token string">'capacitor-'</span><span class="token punctuation">)</span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain" � </span><span class="token punctuation">}</span><span class="token punctuation">,</span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain" � </span><span class="token punctuation">}</span><span class="token punctuation">,</span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain"></span><span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">,</span><br>�_span></code>�_pre><div class="buttonGroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19(�4l)�1H8V7H199,5H8A2,2 0 0,0 6,7V(�O)�(�4l)� 0 0,0 8(�4l)�3H19(�O)�(�4l)� 0 0,0(��N)�1,V7(�O)�(�4l)� 0 0,0 19,5M16,1H4(�O)�(�4l)� 0 0,0(��N)��0�0�0h7H4V3H16hZ"></path>�_svg><svg viewBox="0 0 24(��N)�4" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M,7L9,19L3.5,�0�0.5L4.91,(�*h)�.09L9,16.17L19.59,5.59L21,7Z">�_path></svg></span>�_button></div></div></div> <h2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="javascript">Javascript<a href="#javascript" class="hash-link" aria-label="Javascrip4�への直接リンク" title="Javascript への直接リンク"></a></h3> <di6�class="language-html codeBlockContainer_Ckt0 theme-code-block"><di6�class="codeblockcontent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token tag punctuation"><�_span><span class="token tag">capacitor-google-map</span><span class="token tag"> </span><span class="token tag attr-name">id�_span><span class="token tag attr-value punctuation attr-equals">=</span><span class="token tag attr-value punctuation">"</span><span class="token tag attr-value">map�_span><span class="token tag attr-value punctuation">"�_span><span class="token tag punctuation">></span><span class="token tag punctuation"></</span><span class="token tag">capacitor-google-map�_span><span class="token tag punctuation">></span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain"></span><span class="token tag punctuation"><�_span><span class="token tag">button</span><span class="token tag"> </span><span class="token tag special-attr attr-name">onclick�_span><span class="token tag special-attr attr-value punctuation attr-equals">=�_span><span class="token tag special-attr attr-value punctuation">"</span><span class="token tag special-attr attr-value value javascrip4�language-javascrip4�function">createMap</span><span class="token tag special-attr attr-value value javascrip4�language-javascrip4�punctuation">(�_span><span class="token tag special-attr attr-value value javascript language-javascript punctuation">)</span><span class="token tag special-attr attr-value punctuation">"�_span><span class="token tag punctuation">></span><span class="token plain">Create Map�_span><span class="token tag punctuation"><s_�_span><span class="token tag">button</span><span class="token tag punctuation">>�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain" style="display:inline-block"></span><br>�_span><span class="token-line"><span class="token plain">�_span><span class="token style language-vue style-tag tag punctuation"><�_span><span class="token style language-vue style-tag tag">style</span><span class="token style language-vue style-tag tag punctuation">></span><span class="token style language-vue"></span><br>�_span><span class="token-line"><span class="token style language-vue" � </span><span class="token style language-vue selector">capacitor-google-map�_span><span class="token style language-vue"> </span><span class="token style language-vue punctuation">{�_span><span class="token style language-vue">�_span><br></span><span class="token-line"><span class="token style language-vue"> �_span><span class="token style language-vue property">display�_span><span class="token style language-vue punctuation">:</span><span class="token style language-vue" �inline-block�_span><span class="token style language-vue punctuation">;</span><span class="token style language-vue"></span><br>�_span><span class="token-line"><span class="token style language-vue" � </span><span class="token style language-vue property">width</span><span class="token style language-vue punctuation">:�_span><span class="token style language-vue"> </span><span class="token style language-vue number">275</span><span class="token style language-vue unit">px�_span><span class="token style language-vue punctuation">;</span><span class="token style language-vue"></span><br>�_span><span class="token-line"><span class="token style language-vue" � </span><span class="token style language-vue property">height�_span><span class="token style language-vue punctuation">:</span><span class="token style language-vue" ��_span><span class="token style language-vue number">400�_span><span class="token style language-vue unit">px</span><span class="token style language-vue punctuation">;�_span><span class="token style language-vue">�_span><br></span><span class="token-line"><span class="token style language-vue"> �_span><span class="token style language-vue punctuation">}</span><span class="token style language-vue"></span><br>�_span><span class="token-line"><span class="token style language-vue"></span><span class="token style language-vue style-tag tag punctuation"><s_�_span><span class="token style language-vue style-tag tag">style</span><span class="token style language-vue style-tag tag punctuation">></span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain" style="display:inline-block">�_span><br></span><span class="token-line"><span class="token plain"></span><span class="token scrip4�language-vue script-tag tag punctuation"><</span><span class="token scrip4�language-vue script-tag tag">script</span><span class="token scrip4�language-vue script-tag tag punctuation">></span><span class="token scrip4�language-vue">�_span><br></span><span class="token-line"><span class="token script language-vue" � </span><span class="token scrip4�language-vue keyword module">import</span><span class="token scrip4�language-vue"> </span><span class="token scrip4�language-vue imports punctuation">{</span><span class="token scrip4�language-vue imports"> </span><span class="token scrip4�language-vue imports maybe-class-name">GoogleMap�_span><span class="token script language-vue imports" ��_span><span class="token script language-vue imports punctuation">}�_span><span class="token script language-vue" ��_span><span class="token script language-vue keyword module">from�_span><span class="token script language-vue" ��_span><span class="token script language-vue string">&#t�7;@capacitor/google-maps&#t�7;�_span><span class="token script language-vue punctuation">;�_span><span class="token script language-vue"></span><br>�_span><span class="token-line"><span class="token scrip4�language-vue" style="display:inline-block"></span><br>�_span><span class="token-line"><span class="token scrip4�language-vue"> �_span><span class="token script language-vue keyword">const�_span><span class="token script language-vue" ��_span><span class="token script language-vue function-variable function">createMap</span><span class="token scrip4�language-vue"> </span><span class="token scrip4�language-vue operator">=�_span><span class="token script language-vue" ��_span><span class="token script language-vue keyword">async�_span><span class="token script language-vue" ��_span><span class="token script language-vue punctuation">(�_span><span class="token script language-vue punctuation">)�_span><span class="token script language-vue" ��_span><span class="token script language-vue arro7�operator">=></span><span class="token scrip4�language-vue"> </span><span class="token scrip4�language-vue punctuation">{</span><span class="token scrip4�language-vue">�_span><br></span><span class="token-line"><span class="token script language-vue" � </span><span class="token scrip4�language-vue keyword">const</span><span class="token scrip4�language-vue"> mapRef �_span><span class="token script language-vue operator">=</span><span class="token scrip4�language-vue"> </span><span class="token scrip4�language-vue dom variable">document</span><span class="token scrip4�language-vue punctuation">.</span><span class="token scrip4�language-vue method function property-access">getElementById�_span><span class="token script language-vue punctuation">(�_span><span class="token script language-vue string">&#t�7;map'</span><span class="token scrip4�language-vue punctuation">)</span><span class="token scrip4�language-vue punctuation">;</span><span class="token scrip4�language-vue">�_span><br></span><span class="token-line"><span class="token script language-vue" style="display:inline-block">�_span><br></span><span class="token-line"><span class="token script language-vue" � </span><span class="token scrip4�language-vue keyword">const</span><span class="token scrip4�language-vue"> newMa0��_span><span class="token script language-vue operator">=</span><span class="token scrip4�language-vue"> </span><span class="token scrip4�language-vue keyword control-flow">await�_span><span class="token script language-vue" ��_span><span class="token script language-vue maybe-class-name">GoogleMap</span><span class="token scrip4�language-vue punctuation">.</span><span class="token scrip4�language-vue method function property-access">create�_span><span class="token script language-vue punctuation">(�_span><span class="token script language-vue punctuation">{�_span><span class="token script language-vue"></span><br>�_span><span class="token-line"><span class="token scrip4�language-vue"> �_span><span class="token script language-vue literal-property property">id</span><span class="token scrip4�language-vue operator">:�_span><span class="token script language-vue" ��_span><span class="token script language-vue string">&#t�7;my-map&#t�7;�_span><span class="token script language-vue punctuation">,�_span><span class="token script language-vue" ��_span><span class="token script language-vue comment"6b �Unique identifier for this map instance</span><span class="token scrip4�language-vue">�_span><br></span><span class="token-line"><span class="token script language-vue" � </span><span class="token scrip4�language-vue literal-propert9�property">element</span><span class="token scrip4�language-vue operator">:�_span><span class="token script language-vue" �mapRef�_span><span class="token script language-vue punctuation">,�_span><span class="token script language-vue" ��_span><span class="token script language-vue comment"6b �reference to the capacitor-google-ma0�element</span><span class="token scrip4�language-vue">�_span><br></span><span class="token-line"><span class="token script language-vue" � </span><span class="token scrip4�language-vue literal-propert9�property">apiKey�_span><span class="token script language-vue operator">:</span><span class="token scrip4�language-vue"> </span><span class="token scrip4�language-vue string">'YOUR_API_KEY_HERE&#t�7;�_span><span class="token script language-vue punctuation">,�_span><span class="token script language-vue" ��_span><span class="token script language-vue comment"6b �Your Google Maps API Key�_span><span class="token script language-vue"></span><br>�_span><span class="token-line"><span class="token scrip4�language-vue"> �_span><span class="token script language-vue literal-property property">config</span><span class="token scrip4�language-vue operator">:�_span><span class="token script language-vue" ��_span><span class="token script language-vue punctuation">{�_span><span class="token script language-vue"></span><br>�_span><span class="token-line"><span class="token scrip4�language-vue"> �_span><span class="token script language-vue literal-property property">center</span><span class="token scrip4�language-vue operator">:�_span><span class="token script language-vue" ��_span><span class="token script language-vue punctuation">{�_span><span class="token script language-vue"></span><br>�_span><span class="token-line"><span class="token scrip4�language-vue"> �_span><span class="token script language-vue comment"6b �The initial position to be rendered by the map�_span><span class="token script language-vue"></span><br>�_span><span class="token-line"><span class="token scrip4�language-vue"> �_span><span class="token script language-vue literal-property property">lat�_span><span class="token script language-vue operator">:</span><span class="token scrip4�language-vue"> </span><span class="token scrip4�language-vue number"�0�0�03.6</span><span class="token scrip4�language-vue punctuation">,</span><span class="token scrip4�language-vue">�_span><br></span><span class="token-line"><span class="token script language-vue" � </span><span class="token scrip4�language-vue literal-propert9�property">lng</span><span class="token scrip4�language-vue operator">:�_span><span class="token script language-vue" ��_span><span class="token script language-vue operator">-</span><span class="token scrip4�language-vue number"�17.9�_span><span class="token script language-vue punctuation">,�_span><span class="token script language-vue"></span><br>�_span><span class="token-line"><span class="token scrip4�language-vue"> �_span><span class="token script language-vue punctuation">}�_span><span class="token script language-vue punctuation">,�_span><span class="token script language-vue"></span><br>�_span><span class="token-line"><span class="token scrip4�language-vue"> �_span><span class="token script language-vue literal-property property">zoom</span><span class="token scrip4�language-vue operator">:�_span><span class="token script language-vue" ��_span><span class="token script language-vue number">8</span><span class="token scrip4�language-vue punctuation">,</span><span class="token scrip4�language-vue"> </span><span class="token scrip4�language-vue comment">�] The initial zoom level to be rendered b9�the map</span><span class="token scrip4�language-vue">�_span><br></span><span class="token-line"><span class="token script language-vue" � </span><span class="token scrip4�language-vue punctuation">}</span><span class="token scrip4�language-vue punctuation">,</span><span class="token scrip4�language-vue">�_span><br></span><span class="token-line"><span class="token script language-vue" � </span><span class="token scrip4�language-vue punctuation">}</span><span class="token scrip4�language-vue punctuation">)</span><span class="token scrip4�language-vue punctuation">;</span><span class="token scrip4�language-vue">�_span><br></span><span class="token-line"><span class="token script language-vue" � </span><span class="token scrip4�language-vue punctuation">}</span><span class="token scrip4�language-vue punctuation">;</span><span class="token scrip4�language-vue">�_span><br></span><span class="token-line"><span class="token script language-vue"></span><span class="token scrip4�language-vue script-tag tag punctuation"><s_�_span><span class="token script language-vue script-tag tag">script�_span><span class="token script language-vue script-tag tag punctuation">>�_span><br></span>�_code></pre><di6�class="buttongroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24(��N)�4" class="copyButtonIcon_y97N"><path fill="currentColor" d="9,H8V79M19,5H8(�O)�(�4l)� 0 0,0 6,72�6�1A2,2 0 0,0 8,�0�0�0�0�09A2,2 0 0,0 (�4l)�1V7A2,2 0 0,0 19,56,1H4A2,2 0 0,0 2,3V17H4�0�0�0�0�06V1Z">�_path></svg><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19�0�0�0�0.5,13.5L4.,12.09L9,16.179.59,5.59L,7Z"></path>�_svg>�_span></button>�_div>�_div>�_div> < class="anchor anchorWithHideOnScrollNavbar_WYt5" id="api">API<a href="#api" class="hash-link" aria-label="API への直接リンク" title="API への直接リンク"></a></h2> <docgen-index><ul> <li><a href="#create"><code>create(...)</code>�_a>�_li> <li><a href="#enabletouch"><code>enableTouch()�_code></a></li> <li><a href="#disabletouch"><code>disableTouch()</code>�_a>�_li> <li><a href="#enableclustering"><code>enableClustering(...)</code>�_a>�_li> <li><a href="#disableclustering"><code>disableClustering()�_code></a></li> <li><a href="#addtileoverlay"><code>addTileOverlay(...)�_code></a></li> <li><a href="#removetileoverlay"><code>removeTileOverlay(...)�_code></a></li> <li><a href="#addmarker"><code>addMarker(...)�_code></a></li> <li><a href="#addmarkers"><code>addMarkers(...)�_code></a></li> <li><a href="#removemarker"><code>removeMarker(...)�_code></a></li> <li><a href="#removemarkers"><code>removeMarkers(...)�_code></a></li> <li><a href="#addpolygons"><code>addPolygons(...)�_code></a></li> <li><a href="#removepolygons"><code>removePolygons(...)�_code></a></li> <li><a href="#addcircles"><code>addCircles(...)�_code></a></li> <li><a href="#removecircles"><code>removeCircles(...)�_code></a></li> <li><a href="#addpolylines"><code>addPolylines(...)�_code></a></li> <li><a href="#removepolylines"><code>removePolylines(...)�_code></a></li> <li><a href="#destroy"><code>destroy()</code>�_a>�_li> <li><a href="#setcamera"><code>setCamera(...)</code>�_a>�_li> <li><a href="#getmaptype"><code>getMapType()�_code></a></li> <li><a href="#setmaptype"><code>setMapType(...)�_code></a></li> <li><a href="#enableindoormaps"><code>enableIndoorMaps(...)�_code></a></li> <li><a href="#enabletrafficlayer"><code>enableTrafficLayer(...)�_code></a></li> <li><a href="#enableaccessibilityelements"><code>enableAccessibilityElements(...)�_code></a></li> <li><a href="#enablecurrentlocation"><code>enableCurrentLocation(...)�_code></a></li> <li><a href="#setpadding"><code>setPadding(...)�_code></a></li> <li><a href="#getmapbounds"><code>getMapBounds()</code>�_a>�_li> <li><a href="#fitbounds"><code>fitBounds(...)</code>�_a>�_li> <li><a href="#setonboundschangedlistener"><code>setOnBoundsChangedListener(...)</code>�_a>�_li> <li><a href="#setoncameraidlelistener"><code>setOnCameraIdleListener(...)</code>�_a>�_li> <li><a href="#setoncameramovestartedlistener"><code>setOnCameraMoveStartedListener(...)</code>�_a>�_li> <li><a href="#setonclusterclicklistener"><code>setOnClusterClickListener(...)</code>�_a>�_li> <li><a href="#setonclusterinfowindowclicklistener"><code>setOnClusterInfoWindowClickListener(...)</code>�_a>�_li> <li><a href="#setoninfowindowclicklistener"><code>setOnInfoWindowClickListener(...)</code>�_a>�_li> <li><a href="#setonmapclicklistener"><code>setOnMapClickListener(...)</code>�_a>�_li> <li><a href="#setonmarkerclicklistener"><code>setOnMarkerClickListener(...)</code>�_a>�_li> <li><a href="#setonpolygonclicklistener"><code>setOnPolygonClickListener(...)</code>�_a>�_li> <li><a href="#setoncircleclicklistener"><code>setOnCircleClickListener(...)</code>�_a>�_li> <li><a href="#setonpolylineclicklistener"><code>setOnPolylineClickListener(...)</code>�_a>�_li> <li><a href="#setonmarkerdragstartlistener"><code>setOnMarkerDragStartListener(...)</code>�_a>�_li> <li><a href="#setonmarkerdraglistener"><code>setOnMarkerDragListener(...)</code>�_a>�_li> <li><a href="#setonmarkerdragendlistener"><code>setOnMarkerDragEndListener(...)</code>�_a>�_li> <li><a href="#setonmylocationbuttonclicklistener"><code>setOnMyLocationButtonClickListener(...)</code>�_a>�_li> <li><a href="#setonmylocationclicklistener"><code>setOnMyLocationClickListener(...)</code>�_a>�_li> <li><a href="#interfaces">Interfaces�_a>�_li> <li><a href="#type-aliases">Type Aliases�_a>�_li> <li><a href="#enums">Enums�_a>�_li> �_ul></docgen-index> <docgen-api><1�6��p class="anchor anchorWithHideOnScrollNavbar_WYt5" id="create">create(...)<a href="#create" class="hash-link" aria-label="create(...) への直接リンク" title="create(...) への直接リンク"></a></h3><div class="language-typescrip4�codeBlockContainer_Ckt0 theme-code-block"><div class="codeBlockContent_biex"><pre tabindex="."."." class="prism-code language-typescript codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token function">create�_span><span class="token punctuation">(�_span><span class="token plain">options�_span><span class="token operator">:</span><span class="token plain"> CreateMapArgs�_span><span class="token punctuation">,�_span><span class="token plain" �callback�_span><span class="token operator">?</span><span class="token operator">:�_span><span class="token plain" �MapListenerCallback</span><span class="token operator"><</span><span class="token plain">MapReadyCallbackData�_span><span class="token operator">>�_span><span class="token plain" ��_span><span class="token operator">|</span><span class="token plain"> </span><span class="token keyword">undefined</span><span class="token punctuation">)</span><span class="token plain"> </span><span class="token operator">=>�_span><span class="token plain" ��_span><span class="token builtin">Promise�_span><span class="token operator"><�_span><span class="token plain">GoogleMap�_span><span class="token operator">>�_span><br></span>�_code></pre><di6�class="buttongroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24(��N)�4" class="copyButtonIcon_y97N"><path fill="currentColor" d="9,H8V79M19,5H8(�O)�(�4l)� 0 0,0 6,72�6�1A2,2 0 0,0 8,�0�0�0�0�09A2,2 0 0,0 (�4l)�1V7A2,2 0 0,0 19,56,1H4A2,2 0 0,0 2,3V17H4�0�0�0�0�06V1Z">�_path></svg><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19�0�0�0�0.5,13.5L4.,12.09L9,16.179.59,5.59L,7Z"></path>�_svg>�_span></button>�_div>�_div>�_div><div class="table-wrapper"><table><thead><tr><th>Param�_th><th>Type</th>�_tr></thead><tbody><tr><td><strong><code>options</code>�_strong></td><td><code><a href="#createmapargs">CreateMapArgs�_a>�_code></td>�_tr><tr><td><strong><code>callback</code>�_strong></td><td><code><a href="#maplistenercallback">MapListenerCallback�_a><<a href="#mapreadycallbackdata">MapReadyCallbackData�_a>>�_code></td>�_tr></tbody></table></div><p><strong>Returns:�_strong �<code>Promise<GoogleMap>�_code></p><hr><1�6��p class="anchor anchorWithHideOnScrollNavbar_WYt5" id="enabletouch">enableTouch()<a href="#enabletouch" class="hash-link" aria-label="enableTouch() への直接リンク" title="enableTouch() への直接リンク"></a></h3><div class="language-typescrip4�codeBlockContainer_Ckt0 theme-code-block"><div class="codeBlockContent_biex"><pre tabindex="."."." class="prism-code language-typescript codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token function">enableTouch</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token plain"> </span><span class="token operator">=>�_span><span class="token plain" ��_span><span class="token builtin">Promise�_span><span class="token operator"><�_span><span class="token keyword">void</span><span class="token operator">></span><br>�_span></code>�_pre><div class="buttonGroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19(�4l)�1H8V7H199,5H8A2,2 0 0,0 6,7V(�O)�(�4l)� 0 0,0 8(�4l)�3H19(�O)�(�4l)� 0 0,0(��N)�1,V7(�O)�(�4l)� 0 0,0 19,5M16,1H4(�O)�(�4l)� 0 0,0(��N)��0�0�0h7H4V3H16hZ"></path>�_svg><svg viewBox="0 0 24(��N)�4" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M,7L9,19L3.5,�0�0.5L4.91,(�*h)�.09L9,16.17L19.59,5.59L21,7Z">�_path></svg></span>�_button></div></div></div><hr><1�6��p class="anchor anchorWithHideOnScrollNavbar_WYt5" id="disabletouch">disableTouch()<a href="#disabletouch" class="hash-link" aria-label="disableTouch() への直接リンク" title="disableTouch() への直接リンク">�_a>�_1�6��p><di6�class="language-typescript codeBlockContainer_Ckt0 theme-code-block"><di6�class="codeblockcontent_biex"><pre tabindex="0" class="prism-code language-typescrip4�codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token function">disableTouch</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token plain"> </span><span class="token operator">=>�_span><span class="token plain" ��_span><span class="token builtin">Promise�_span><span class="token operator"><�_span><span class="token keyword">void</span><span class="token operator">></span><br>�_span></code>�_pre><div class="buttonGroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19(�4l)�1H8V7H199,5H8A2,2 0 0,0 6,7V(�O)�(�4l)� 0 0,0 8(�4l)�3H19(�O)�(�4l)� 0 0,0(��N)�1,V7(�O)�(�4l)� 0 0,0 19,5M16,1H4(�O)�(�4l)� 0 0,0(��N)��0�0�0h7H4V3H16hZ"></path>�_svg><svg viewBox="0 0 24(��N)�4" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M,7L9,19L3.5,�0�0.5L4.91,(�*h)�.09L9,16.17L19.59,5.59L21,7Z">�_path></svg></span>�_button></div></div></div><hr><1�6��p class="anchor anchorWithHideOnScrollNavbar_WYt5" id="enableclustering">enableClustering(...)<a href="#enableclustering" class="hash-link" aria-label="enableClustering(...) への直接リンク" title="enableClustering(...) への直接リンク"></a></h3><div class="language-typescrip4�codeBlockContainer_Ckt0 theme-code-block"><div class="codeBlockContent_biex"><pre tabindex="."."." class="prism-code language-typescript codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token function">enableClustering�_span><span class="token punctuation">(�_span><span class="token plain">minClusterSize</span><span class="token operator">?�_span><span class="token operator">:</span><span class="token plain"> </span><span class="token builtin">number�_span><span class="token plain" ��_span><span class="token operator">|</span><span class="token plain"> </span><span class="token keyword">undefined</span><span class="token punctuation">)</span><span class="token plain"> </span><span class="token operator">=>�_span><span class="token plain" ��_span><span class="token builtin">Promise�_span><span class="token operator"><�_span><span class="token keyword">void</span><span class="token operator">></span><br>�_span></code>�_pre><div class="buttonGroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19(�4l)�1H8V7H199,5H8A2,2 0 0,0 6,7V(�O)�(�4l)� 0 0,0 8(�4l)�3H19(�O)�(�4l)� 0 0,0(��N)�1,V7(�O)�(�4l)� 0 0,0 19,5M16,1H4(�O)�(�4l)� 0 0,0(��N)��0�0�0h7H4V3H16hZ"></path>�_svg><svg viewBox="0 0 24(��N)�4" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M,7L9,19L3.5,�0�0.5L4.91,(�*h)�.09L9,16.17L19.59,5.59L21,7Z">�_path></svg></span>�_button></div></div></div><di6�class="table-wrapper"><table><thead><tr><th>Param</th><th>Type�_th><th>Description�_th></tr>�_thead><tbody><tr><td><strong><code>minClusterSize</code>�_strong></td><td><code>number�_code></td><td>The minimum number of markers that can be clustered together. The defaul4�is 4 markers.</td>�_tr></tbody></table></div><hr><1�6��p class="anchor anchorWithHideOnScrollNavbar_WYt5" id="disableclustering">disableClustering()<a href="#disableclustering" class="hash-link" aria-label="disableClustering() への直接リンク" title="disableClustering() への直接リンク"></a></h3><div class="language-typescrip4�codeBlockContainer_Ckt0 theme-code-block"><div class="codeBlockContent_biex"><pre tabindex="."."." class="prism-code language-typescript codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token function">disableClustering</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token plain"> </span><span class="token operator">=>�_span><span class="token plain" ��_span><span class="token builtin">Promise�_span><span class="token operator"><�_span><span class="token keyword">void</span><span class="token operator">></span><br>�_span></code>�_pre><div class="buttonGroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19(�4l)�1H8V7H199,5H8A2,2 0 0,0 6,7V(�O)�(�4l)� 0 0,0 8(�4l)�3H19(�O)�(�4l)� 0 0,0(��N)�1,V7(�O)�(�4l)� 0 0,0 19,5M16,1H4(�O)�(�4l)� 0 0,0(��N)��0�0�0h7H4V3H16hZ"></path>�_svg><svg viewBox="0 0 24(��N)�4" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M,7L9,19L3.5,�0�0.5L4.91,(�*h)�.09L9,16.17L19.59,5.59L21,7Z">�_path></svg></span>�_button></div></div></div><hr><1�6��p class="anchor anchorWithHideOnScrollNavbar_WYt5" id="addtileoverlay">addTileOverlay(...)<a href="#addtileoverlay" class="hash-link" aria-label="addTileOverlay(...) への直接リンク" title="addTileOverlay(...) への直接リンク"></a></h3><div class="language-typescrip4�codeBlockContainer_Ckt0 theme-code-block"><div class="codeBlockContent_biex"><pre tabindex="."."." class="prism-code language-typescript codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token function">addTileOverlay�_span><span class="token punctuation">(�_span><span class="token plain">tileOverlay�_span><span class="token operator">:</span><span class="token plain"> TileOverlay�_span><span class="token punctuation">)�_span><span class="token plain" ��_span><span class="token operator">=></span><span class="token plain"> </span><span class="token builtin">Promise</span><span class="token operator"><</span><span class="token punctuation">{</span><span class="token plain"> id</span><span class="token operator">:�_span><span class="token plain" ��_span><span class="token builtin">string</span><span class="token punctuation">;</span><span class="token plain"> </span><span class="token punctuation">}</span><span class="token operator">></span><br>�_span></code>�_pre><div class="buttonGroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19(�4l)�1H8V7H199,5H8A2,2 0 0,0 6,7V(�O)�(�4l)� 0 0,0 8(�4l)�3H19(�O)�(�4l)� 0 0,0(��N)�1,V7(�O)�(�4l)� 0 0,0 19,5M16,1H4(�O)�(�4l)� 0 0,0(��N)��0�0�0h7H4V3H16hZ"></path>�_svg><svg viewBox="0 0 24(��N)�4" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M,7L9,19L3.5,�0�0.5L4.91,(�*h)�.09L9,16.17L19.59,5.59L21,7Z">�_path></svg></span>�_button></div></div></div><di6�class="table-wrapper"><table><thead><tr><th>Param</th><th>Type�_th></tr>�_thead><tbody><tr><td><strong><code>tileOverlay�_code></strong>�_td><td><code><a href="#tileoverlay">TileOverlay</a></code>�_td></tr>�_tbody>�_table>�_div><p><strong>Returns:</strong> <code>Promise<"id: string<�s�p�a�n� �c�l�a�s�s�=�"�n�a�k�e�d�_�s�i�g�n�"�>�; <�/�s�p�a�n�>�<�s�p�a�n� �c�l�a�s�s�=�"�n�a�k�e�d�_�a�u�r�a�l�"�>�(��l�)�<�/�s�p�a�n�>�}></code>�_p><hr><h2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="removetileoverlay">removeTileOverlay(...)<a href="#removetileoverlay" class="hash-link" aria-label="removeTileOverlay(...) への直接リンク" title="removeTileOverlay(...) への直接リンク"></a></h3><div class="language-typescrip4�codeBlockContainer_Ckt0 theme-code-block"><div class="codeBlockContent_biex"><pre tabindex="."."." class="prism-code language-typescript codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token function">removeTileOverlay</span><span class="token punctuation">(</span><span class="token plain">id�_span><span class="token operator">:</span><span class="token plain"> </span><span class="token builtin">string�_span><span class="token punctuation">)�_span><span class="token plain" ��_span><span class="token operator">=></span><span class="token plain"> </span><span class="token builtin">Promise</span><span class="token operator"><</span><span class="token keyword">void�_span><span class="token operator">>�_span><br></span>�_code></pre><di6�class="buttongroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24(��N)�4" class="copyButtonIcon_y97N"><path fill="currentColor" d="9,H8V79M19,5H8(�O)�(�4l)� 0 0,0 6,72�6�1A2,2 0 0,0 8,�0�0�0�0�09A2,2 0 0,0 (�4l)�1V7A2,2 0 0,0 19,56,1H4A2,2 0 0,0 2,3V17H4�0�0�0�0�06V1Z">�_path></svg><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19�0�0�0�0.5,13.5L4.,12.09L9,16.179.59,5.59L,7Z"></path>�_svg>�_span></button>�_div>�_div>�_div><div class="table-wrapper"><table><thead><tr><th>Param�_th><th>Type</th>�_tr></thead><tbody><tr><td><strong><code>id�_code></strong>�_td><td><code>string</code>�_td></tr>�_tbody>�_table>�_div><hr><h2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="addmarker">addMarker(...)<a href="#addmarker" class="hash-link" aria-label="addMarker(...) への直接リンク" title="addMarker(...) への直接リンク"></a></h3><div class="language-typescrip4�codeBlockContainer_Ckt0 theme-code-block"><div class="codeBlockContent_biex"><pre tabindex="."."." class="prism-code language-typescript codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token function">addMarker</span><span class="token punctuation">(</span><span class="token plain">marker�_span><span class="token operator">:</span><span class="token plain"> Marker</span><span class="token punctuation">)</span><span class="token plain"> </span><span class="token operator">=>�_span><span class="token plain" ��_span><span class="token builtin">Promise�_span><span class="token operator"><�_span><span class="token builtin">string</span><span class="token operator">></span><br>�_span></code>�_pre><div class="buttonGroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19(�4l)�1H8V7H199,5H8A2,2 0 0,0 6,7V(�O)�(�4l)� 0 0,0 8(�4l)�3H19(�O)�(�4l)� 0 0,0(��N)�1,V7(�O)�(�4l)� 0 0,0 19,5M16,1H4(�O)�(�4l)� 0 0,0(��N)��0�0�0h7H4V3H16hZ"></path>�_svg><svg viewBox="0 0 24(��N)�4" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M,7L9,19L3.5,�0�0.5L4.91,(�*h)�.09L9,16.17L19.59,5.59L21,7Z">�_path></svg></span>�_button></div></div></div><di6�class="table-wrapper"><table><thead><tr><th>Param</th><th>Type�_th></tr>�_thead><tbody><tr><td><strong><code>marker</code>�_strong></td><td><code><a href="#marker">Marker�_a>�_code></td>�_tr></tbody></table></div><p><strong>Returns:�_strong �<code>Promise<string></code>�_p><hr><h2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="addmarkers">addMarkers(...)<a href="#addmarkers" class="hash-link" aria-label="addMarkers(...) への直接リンク" title="addMarkers(...) への直接リンク">�_a>�_1�6��p><di6�class="language-typescript codeBlockContainer_Ckt0 theme-code-block"><di6�class="codeblockcontent_biex"><pre tabindex="0" class="prism-code language-typescrip4�codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token function">addMarkers</span><span class="token punctuation">(</span><span class="token plain">markers</span><span class="token operator">:�_span><span class="token plain" �Marker�_span><span class="token punctuation">[�_span><span class="token punctuation">]�_span><span class="token punctuation">)�_span><span class="token plain" ��_span><span class="token operator">=></span><span class="token plain"> </span><span class="token builtin">Promise</span><span class="token operator"><</span><span class="token builtin">string�_span><span class="token punctuation">[�_span><span class="token punctuation">]�_span><span class="token operator">>�_span><br></span>�_code></pre><di6�class="buttongroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24(��N)�4" class="copyButtonIcon_y97N"><path fill="currentColor" d="9,H8V79M19,5H8(�O)�(�4l)� 0 0,0 6,72�6�1A2,2 0 0,0 8,�0�0�0�0�09A2,2 0 0,0 (�4l)�1V7A2,2 0 0,0 19,56,1H4A2,2 0 0,0 2,3V17H4�0�0�0�0�06V1Z">�_path></svg><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19�0�0�0�0.5,13.5L4.,12.09L9,16.179.59,5.59L,7Z"></path>�_svg>�_span></button>�_div>�_div>�_div><div class="table-wrapper"><table><thead><tr><th>Param�_th><th>Type</th>�_tr></thead><tbody><tr><td><strong><code>markers</code>�_strong></td><td><code>Marker[]�_code></td>�_tr></tbody></table></div><p><strong>Returns:�_strong �<code>Promise<string[]></code>�_p><hr><h2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="removemarker">removeMarker(...)<a href="#removemarker" class="hash-link" aria-label="removeMarker(...) への直接リンク" title="removeMarker(...) への直接リンク">�_a>�_1�6��p><di6�class="language-typescript codeBlockContainer_Ckt0 theme-code-block"><di6�class="codeblockcontent_biex"><pre tabindex="0" class="prism-code language-typescrip4�codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token function">removeMarker</span><span class="token punctuation">(</span><span class="token plain">id�_span><span class="token operator">:</span><span class="token plain"> </span><span class="token builtin">string�_span><span class="token punctuation">)�_span><span class="token plain" ��_span><span class="token operator">=></span><span class="token plain"> </span><span class="token builtin">Promise</span><span class="token operator"><</span><span class="token keyword">void�_span><span class="token operator">>�_span><br></span>�_code></pre><di6�class="buttongroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24(��N)�4" class="copyButtonIcon_y97N"><path fill="currentColor" d="9,H8V79M19,5H8(�O)�(�4l)� 0 0,0 6,72�6�1A2,2 0 0,0 8,�0�0�0�0�09A2,2 0 0,0 (�4l)�1V7A2,2 0 0,0 19,56,1H4A2,2 0 0,0 2,3V17H4�0�0�0�0�06V1Z">�_path></svg><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19�0�0�0�0.5,13.5L4.,12.09L9,16.179.59,5.59L,7Z"></path>�_svg>�_span></button>�_div>�_div>�_div><div class="table-wrapper"><table><thead><tr><th>Param�_th><th>Type</th>�_tr></thead><tbody><tr><td><strong><code>id�_code></strong>�_td><td><code>string</code>�_td></tr>�_tbody>�_table>�_div><hr><h2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="removemarkers">removeMarkers(...)<a href="#removemarkers" class="hash-link" aria-label="removeMarkers(...) への直接リンク" title="removeMarkers(...) への直接リンク"></a></h3><div class="language-typescrip4�codeBlockContainer_Ckt0 theme-code-block"><div class="codeBlockContent_biex"><pre tabindex="."."." class="prism-code language-typescript codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token function">removeMarkers</span><span class="token punctuation">(</span><span class="token plain">ids</span><span class="token operator">:�_span><span class="token plain" ��_span><span class="token builtin">string</span><span class="token punctuation">[</span><span class="token punctuation">]</span><span class="token punctuation">)</span><span class="token plain"> </span><span class="token operator">=>�_span><span class="token plain" ��_span><span class="token builtin">Promise�_span><span class="token operator"><�_span><span class="token keyword">void</span><span class="token operator">></span><br>�_span></code>�_pre><div class="buttonGroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19(�4l)�1H8V7H199,5H8A2,2 0 0,0 6,7V(�O)�(�4l)� 0 0,0 8(�4l)�3H19(�O)�(�4l)� 0 0,0(��N)�1,V7(�O)�(�4l)� 0 0,0 19,5M16,1H4(�O)�(�4l)� 0 0,0(��N)��0�0�0h7H4V3H16hZ"></path>�_svg><svg viewBox="0 0 24(��N)�4" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M,7L9,19L3.5,�0�0.5L4.91,(�*h)�.09L9,16.17L19.59,5.59L21,7Z">�_path></svg></span>�_button></div></div></div><di6�class="table-wrapper"><table><thead><tr><th>Param</th><th>Type�_th></tr>�_thead><tbody><tr><td><strong><code>ids�_code></strong>�_td><td><code>string[]</code>�_td></tr>�_tbody>�_table>�_div><hr><h2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="addpolygons">addPolygons(...)<a href="#addpolygons" class="hash-link" aria-label="addPolygons(...) への直接リンク" title="addPolygons(...) への直接リンク"></a></h3><div class="language-typescrip4�codeBlockContainer_Ckt0 theme-code-block"><div class="codeBlockContent_biex"><pre tabindex="."."." class="prism-code language-typescript codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token function">addPolygons</span><span class="token punctuation">(</span><span class="token plain">polygons�_span><span class="token operator">:</span><span class="token plain"> Polygon�_span><span class="token punctuation">[�_span><span class="token punctuation">]�_span><span class="token punctuation">)�_span><span class="token plain" ��_span><span class="token operator">=></span><span class="token plain"> </span><span class="token builtin">Promise</span><span class="token operator"><</span><span class="token builtin">string�_span><span class="token punctuation">[�_span><span class="token punctuation">]�_span><span class="token operator">>�_span><br></span>�_code></pre><di6�class="buttongroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24(��N)�4" class="copyButtonIcon_y97N"><path fill="currentColor" d="9,H8V79M19,5H8(�O)�(�4l)� 0 0,0 6,72�6�1A2,2 0 0,0 8,�0�0�0�0�09A2,2 0 0,0 (�4l)�1V7A2,2 0 0,0 19,56,1H4A2,2 0 0,0 2,3V17H4�0�0�0�0�06V1Z">�_path></svg><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19�0�0�0�0.5,13.5L4.,12.09L9,16.179.59,5.59L,7Z"></path>�_svg>�_span></button>�_div>�_div>�_div><div class="table-wrapper"><table><thead><tr><th>Param�_th><th>Type</th>�_tr></thead><tbody><tr><td><strong><code>polygons�_code></strong>�_td><td><code>Polygon[]�_code></td>�_tr></tbody></table></div><p><strong>Returns:�_strong �<code>Promise<string[]></code>�_p><hr><h2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="removepolygons">removePolygons(...)<a href="#removepolygons" class="hash-link" aria-label="removePolygons(...) への直接リンク" title="removePolygons(...) への直接リンク">�_a>�_1�6��p><di6�class="language-typescript codeBlockContainer_Ckt0 theme-code-block"><di6�class="codeblockcontent_biex"><pre tabindex="0" class="prism-code language-typescrip4�codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token function">removePolygons</span><span class="token punctuation">(</span><span class="token plain">ids</span><span class="token operator">:�_span><span class="token plain" ��_span><span class="token builtin">string</span><span class="token punctuation">[</span><span class="token punctuation">]</span><span class="token punctuation">)</span><span class="token plain"> </span><span class="token operator">=>�_span><span class="token plain" ��_span><span class="token builtin">Promise�_span><span class="token operator"><�_span><span class="token keyword">void</span><span class="token operator">></span><br>�_span></code>�_pre><div class="buttonGroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19(�4l)�1H8V7H199,5H8A2,2 0 0,0 6,7V(�O)�(�4l)� 0 0,0 8(�4l)�3H19(�O)�(�4l)� 0 0,0(��N)�1,V7(�O)�(�4l)� 0 0,0 19,5M16,1H4(�O)�(�4l)� 0 0,0(��N)��0�0�0h7H4V3H16hZ"></path>�_svg><svg viewBox="0 0 24(��N)�4" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M,7L9,19L3.5,�0�0.5L4.91,(�*h)�.09L9,16.17L19.59,5.59L21,7Z">�_path></svg></span>�_button></div></div></div><di6�class="table-wrapper"><table><thead><tr><th>Param</th><th>Type�_th></tr>�_thead><tbody><tr><td><strong><code>ids�_code></strong>�_td><td><code>string[]</code>�_td></tr>�_tbody>�_table>�_div><hr><h2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="addcircles">addCircles(...)<a href="#addcircles" class="hash-link" aria-label="addCircles(...) への直接リンク" title="addCircles(...) への直接リンク">�_a>�_1�6��p><di6�class="language-typescript codeBlockContainer_Ckt0 theme-code-block"><di6�class="codeblockcontent_biex"><pre tabindex="0" class="prism-code language-typescrip4�codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token function">addCircles</span><span class="token punctuation">(</span><span class="token plain">circles</span><span class="token operator">:�_span><span class="token plain" �Circle�_span><span class="token punctuation">[�_span><span class="token punctuation">]�_span><span class="token punctuation">)�_span><span class="token plain" ��_span><span class="token operator">=></span><span class="token plain"> </span><span class="token builtin">Promise</span><span class="token operator"><</span><span class="token builtin">string�_span><span class="token punctuation">[�_span><span class="token punctuation">]�_span><span class="token operator">>�_span><br></span>�_code></pre><di6�class="buttongroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24(��N)�4" class="copyButtonIcon_y97N"><path fill="currentColor" d="9,H8V79M19,5H8(�O)�(�4l)� 0 0,0 6,72�6�1A2,2 0 0,0 8,�0�0�0�0�09A2,2 0 0,0 (�4l)�1V7A2,2 0 0,0 19,56,1H4A2,2 0 0,0 2,3V17H4�0�0�0�0�06V1Z">�_path></svg><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19�0�0�0�0.5,13.5L4.,12.09L9,16.179.59,5.59L,7Z"></path>�_svg>�_span></button>�_div>�_div>�_div><div class="table-wrapper"><table><thead><tr><th>Param�_th><th>Type</th>�_tr></thead><tbody><tr><td><strong><code>circles</code>�_strong></td><td><code>Circle[]�_code></td>�_tr></tbody></table></div><p><strong>Returns:�_strong �<code>Promise<string[]></code>�_p><hr><h2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="removecircles">removeCircles(...)<a href="#removecircles" class="hash-link" aria-label="removeCircles(...) への直接リンク" title="removeCircles(...) への直接リンク"></a></h3><div class="language-typescrip4�codeBlockContainer_Ckt0 theme-code-block"><div class="codeBlockContent_biex"><pre tabindex="."."." class="prism-code language-typescript codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token function">removeCircles</span><span class="token punctuation">(</span><span class="token plain">ids</span><span class="token operator">:�_span><span class="token plain" ��_span><span class="token builtin">string</span><span class="token punctuation">[</span><span class="token punctuation">]</span><span class="token punctuation">)</span><span class="token plain"> </span><span class="token operator">=>�_span><span class="token plain" ��_span><span class="token builtin">Promise�_span><span class="token operator"><�_span><span class="token keyword">void</span><span class="token operator">></span><br>�_span></code>�_pre><div class="buttonGroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19(�4l)�1H8V7H199,5H8A2,2 0 0,0 6,7V(�O)�(�4l)� 0 0,0 8(�4l)�3H19(�O)�(�4l)� 0 0,0(��N)�1,V7(�O)�(�4l)� 0 0,0 19,5M16,1H4(�O)�(�4l)� 0 0,0(��N)��0�0�0h7H4V3H16hZ"></path>�_svg><svg viewBox="0 0 24(��N)�4" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M,7L9,19L3.5,�0�0.5L4.91,(�*h)�.09L9,16.17L19.59,5.59L21,7Z">�_path></svg></span>�_button></div></div></div><di6�class="table-wrapper"><table><thead><tr><th>Param</th><th>Type�_th></tr>�_thead><tbody><tr><td><strong><code>ids�_code></strong>�_td><td><code>string[]</code>�_td></tr>�_tbody>�_table>�_div><hr><h2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="addpolylines">addPolylines(...)<a href="#addpolylines" class="hash-link" aria-label="addPolylines(...) への直接リンク" title="addPolylines(...) への直接リンク">�_a>�_1�6��p><di6�class="language-typescript codeBlockContainer_Ckt0 theme-code-block"><di6�class="codeblockcontent_biex"><pre tabindex="0" class="prism-code language-typescrip4�codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token function">addPolylines</span><span class="token punctuation">(</span><span class="token plain">polylines</span><span class="token operator">:�_span><span class="token plain" �Polyline�_span><span class="token punctuation">[�_span><span class="token punctuation">]�_span><span class="token punctuation">)�_span><span class="token plain" ��_span><span class="token operator">=></span><span class="token plain"> </span><span class="token builtin">Promise</span><span class="token operator"><</span><span class="token builtin">string�_span><span class="token punctuation">[�_span><span class="token punctuation">]�_span><span class="token operator">>�_span><br></span>�_code></pre><di6�class="buttongroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24(��N)�4" class="copyButtonIcon_y97N"><path fill="currentColor" d="9,H8V79M19,5H8(�O)�(�4l)� 0 0,0 6,72�6�1A2,2 0 0,0 8,�0�0�0�0�09A2,2 0 0,0 (�4l)�1V7A2,2 0 0,0 19,56,1H4A2,2 0 0,0 2,3V17H4�0�0�0�0�06V1Z">�_path></svg><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19�0�0�0�0.5,13.5L4.,12.09L9,16.179.59,5.59L,7Z"></path>�_svg>�_span></button>�_div>�_div>�_div><div class="table-wrapper"><table><thead><tr><th>Param�_th><th>Type</th>�_tr></thead><tbody><tr><td><strong><code>polylines</code>�_strong></td><td><code>Polyline[]�_code></td>�_tr></tbody></table></div><p><strong>Returns:�_strong �<code>Promise<string[]></code>�_p><hr><h2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="removepolylines">removePolylines(...)<a href="#removepolylines" class="hash-link" aria-label="removePolylines(...) への直接リンク" title="removePolylines(...) への直接リンク"></a></h3><div class="language-typescrip4�codeBlockContainer_Ckt0 theme-code-block"><div class="codeBlockContent_biex"><pre tabindex="."."." class="prism-code language-typescript codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token function">removePolylines</span><span class="token punctuation">(</span><span class="token plain">ids</span><span class="token operator">:�_span><span class="token plain" ��_span><span class="token builtin">string</span><span class="token punctuation">[</span><span class="token punctuation">]</span><span class="token punctuation">)</span><span class="token plain"> </span><span class="token operator">=>�_span><span class="token plain" ��_span><span class="token builtin">Promise�_span><span class="token operator"><�_span><span class="token keyword">void</span><span class="token operator">></span><br>�_span></code>�_pre><div class="buttonGroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19(�4l)�1H8V7H199,5H8A2,2 0 0,0 6,7V(�O)�(�4l)� 0 0,0 8(�4l)�3H19(�O)�(�4l)� 0 0,0(��N)�1,V7(�O)�(�4l)� 0 0,0 19,5M16,1H4(�O)�(�4l)� 0 0,0(��N)��0�0�0h7H4V3H16hZ"></path>�_svg><svg viewBox="0 0 24(��N)�4" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M,7L9,19L3.5,�0�0.5L4.91,(�*h)�.09L9,16.17L19.59,5.59L21,7Z">�_path></svg></span>�_button></div></div></div><di6�class="table-wrapper"><table><thead><tr><th>Param</th><th>Type�_th></tr>�_thead><tbody><tr><td><strong><code>ids�_code></strong>�_td><td><code>string[]</code>�_td></tr>�_tbody>�_table>�_div><hr><h2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="destroy">destroy()<a href="#destroy" class="hash-link" aria-label="destroy() への直接リンク" title="destroy() への直接リンク">�_a>�_1�6��p><di6�class="language-typescript codeBlockContainer_Ckt0 theme-code-block"><di6�class="codeblockcontent_biex"><pre tabindex="0" class="prism-code language-typescrip4�codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token function">destroy�_span><span class="token punctuation">(�_span><span class="token punctuation">)�_span><span class="token plain" ��_span><span class="token operator">=></span><span class="token plain"> </span><span class="token builtin">Promise</span><span class="token operator"><</span><span class="token keyword">void�_span><span class="token operator">>�_span><br></span>�_code></pre><di6�class="buttongroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24(��N)�4" class="copyButtonIcon_y97N"><path fill="currentColor" d="9,H8V79M19,5H8(�O)�(�4l)� 0 0,0 6,72�6�1A2,2 0 0,0 8,�0�0�0�0�09A2,2 0 0,0 (�4l)�1V7A2,2 0 0,0 19,56,1H4A2,2 0 0,0 2,3V17H4�0�0�0�0�06V1Z">�_path></svg><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19�0�0�0�0.5,13.5L4.,12.09L9,16.179.59,5.59L,7Z"></path>�_svg>�_span></button>�_div>�_div>�_div><hr><h2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="setcamera">setCamera(...)<a href="#setcamera" class="hash-link" aria-label="setCamera(...) への直接リンク" title="setCamera(...) への直接リンク"></a></h3><div class="language-typescrip4�codeBlockContainer_Ckt0 theme-code-block"><div class="codeBlockContent_biex"><pre tabindex="."."." class="prism-code language-typescript codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token function">setCamera</span><span class="token punctuation">(</span><span class="token plain">config�_span><span class="token operator">:</span><span class="token plain"> CameraConfig</span><span class="token punctuation">)</span><span class="token plain"> </span><span class="token operator">=>�_span><span class="token plain" ��_span><span class="token builtin">Promise�_span><span class="token operator"><�_span><span class="token keyword">void</span><span class="token operator">></span><br>�_span></code>�_pre><div class="buttonGroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19(�4l)�1H8V7H199,5H8A2,2 0 0,0 6,7V(�O)�(�4l)� 0 0,0 8(�4l)�3H19(�O)�(�4l)� 0 0,0(��N)�1,V7(�O)�(�4l)� 0 0,0 19,5M16,1H4(�O)�(�4l)� 0 0,0(��N)��0�0�0h7H4V3H16hZ"></path>�_svg><svg viewBox="0 0 24(��N)�4" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M,7L9,19L3.5,�0�0.5L4.91,(�*h)�.09L9,16.17L19.59,5.59L21,7Z">�_path></svg></span>�_button></div></div></div><di6�class="table-wrapper"><table><thead><tr><th>Param</th><th>Type�_th></tr>�_thead><tbody><tr><td><strong><code>config</code>�_strong></td><td><code><a href="#cameraconfig">CameraConfig�_a>�_code></td>�_tr></tbody></table></div><hr><1�6��p class="anchor anchorWithHideOnScrollNavbar_WYt5" id="getmaptype">getMapType()<a href="#getmaptype" class="hash-link" aria-label="getMapType() への直接リンク" title="getMapType() への直接リンク">�_a>�_1�6��p><di6�class="language-typescript codeBlockContainer_Ckt0 theme-code-block"><di6�class="codeblockcontent_biex"><pre tabindex="0" class="prism-code language-typescrip4�codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token function">getMapType</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token plain"> </span><span class="token operator">=>�_span><span class="token plain" ��_span><span class="token builtin">Promise�_span><span class="token operator"><�_span><span class="token plain">MapType�_span><span class="token operator">>�_span><br></span>�_code></pre><di6�class="buttongroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24(��N)�4" class="copyButtonIcon_y97N"><path fill="currentColor" d="9,H8V79M19,5H8(�O)�(�4l)� 0 0,0 6,72�6�1A2,2 0 0,0 8,�0�0�0�0�09A2,2 0 0,0 (�4l)�1V7A2,2 0 0,0 19,56,1H4A2,2 0 0,0 2,3V17H4�0�0�0�0�06V1Z">�_path></svg><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19�0�0�0�0.5,13.5L4.,12.09L9,16.179.59,5.59L,7Z"></path>�_svg>�_span></button>�_div>�_div>�_div><p>Get current map type</p><p><strong>Returns:�_strong �<code>Promise<<a href="#maptype">MapType</a>></code>�_p><hr><h2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="setmaptype">setMapType(...)<a href="#setmaptype" class="hash-link" aria-label="setMapType(...) への直接リンク" title="setMapType(...) への直接リンク">�_a>�_1�6��p><di6�class="language-typescript codeBlockContainer_Ckt0 theme-code-block"><di6�class="codeblockcontent_biex"><pre tabindex="0" class="prism-code language-typescrip4�codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token function">setMapType</span><span class="token punctuation">(</span><span class="token plain">mapType</span><span class="token operator">:�_span><span class="token plain" �MapType</span><span class="token punctuation">)</span><span class="token plain"> </span><span class="token operator">=>�_span><span class="token plain" ��_span><span class="token builtin">Promise�_span><span class="token operator"><�_span><span class="token keyword">void</span><span class="token operator">></span><br>�_span></code>�_pre><div class="buttonGroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19(�4l)�1H8V7H199,5H8A2,2 0 0,0 6,7V(�O)�(�4l)� 0 0,0 8(�4l)�3H19(�O)�(�4l)� 0 0,0(��N)�1,V7(�O)�(�4l)� 0 0,0 19,5M16,1H4(�O)�(�4l)� 0 0,0(��N)��0�0�0h7H4V3H16hZ"></path>�_svg><svg viewBox="0 0 24(��N)�4" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M,7L9,19L3.5,�0�0.5L4.91,(�*h)�.09L9,16.17L19.59,5.59L21,7Z">�_path></svg></span>�_button></div></div></div><di6�class="table-wrapper"><table><thead><tr><th>Param</th><th>Type�_th></tr>�_thead><tbody><tr><td><strong><code>mapType�_code></strong>�_td><td><code><a href="#maptype">MapType</a></code>�_td></tr>�_tbody>�_table>�_div><hr><h2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="enableindoormaps">enableIndoorMaps(...)<a href="#enableindoormaps" class="hash-link" aria-label="enableIndoorMaps(...) への直接リンク" title="enableIndoorMaps(...) への直接リンク">�_a>�_1�6��p><di6�class="language-typescript codeBlockContainer_Ckt0 theme-code-block"><di6�class="codeblockcontent_biex"><pre tabindex="0" class="prism-code language-typescrip4�codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token function">enableIndoorMaps</span><span class="token punctuation">(</span><span class="token plain">enabled</span><span class="token operator">:�_span><span class="token plain" ��_span><span class="token builtin">boolean�_span><span class="token punctuation">)�_span><span class="token plain" ��_span><span class="token operator">=></span><span class="token plain"> </span><span class="token builtin">Promise</span><span class="token operator"><</span><span class="token keyword">void�_span><span class="token operator">>�_span><br></span>�_code></pre><di6�class="buttongroup__atx"><button type="button" aria-label="クリップボ�ードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19(�4l)�1H8V7H199,5H8A2,2 0 0,0 6,7V(�O)�(�4l)� 0 0,0 8(�4l)�3H19(�O)�(�4l)� 0 0,0(��N)�1,V7(�O)�(�4l)� 0 0,0 19,5M16,1H4(�O)�(�4l)� 0 0,0(��N)��0�0�0h7H4V3H16hZ"></path>�_svg><svg viewBox="0 0 24(��N)�4" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M,7L9,19L3.5,�0�0.5L4.91,(�*h)�.09L9,16.17L19.59,5.59L21,7Z">�_path></svg></span>�_button></div></div></div><di6�class="table-wrapper"><table><thead><tr><th>Param</th><th>Type�_th></tr>�_thead><tbody><tr><td><strong><code>enabled�_code></strong>�_td><td><code>boolean�_code></td>�_tr></tbody></table></div><hr><1�6��p class="anchor anchorWithHideOnScrollNavbar_WYt5" id="enabletrafficlayer">enableTrafficLayer(...)<a href="#enabletrafficlayer" class="hash-link" aria-label="enableTrafficLayer(...) への直接リンク" title="enableTrafficLayer(...) への直接リンク"></a></h3><div class="language-typescrip4�codeBlockContainer_Ckt0 theme-code-block"><div class="codeBlockContent_biex"><pre tabindex="."."." class="prism-code language-typescript codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token function">enableTrafficLayer�_span><span class="token punctuation">(�_span><span class="token plain">enabled�_span><span class="token operator">:</span><span class="token plain"> </span><span class="token builtin">boolean</span><span class="token punctuation">)</span><span class="token plain"> </span><span class="token operator">=>�_span><span class="token plain" ��_span><span class="token builtin">Promise�_span><span class="token operator"><�_span><span class="token keyword">void</span><span class="token operator">></span><br>�_span></code>�_pre><div class="buttonGroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19(�4l)�1H8V7H199,5H8A2,2 0 0,0 6,7V(�O)�(�4l)� 0 0,0 8(�4l)�3H19(�O)�(�4l)� 0 0,0(��N)�1,V7(�O)�(�4l)� 0 0,0 19,5M16,1H4(�O)�(�4l)� 0 0,0(��N)��0�0�0h7H4V3H16hZ"></path>�_svg><svg viewBox="0 0 24(��N)�4" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M,7L9,19L3.5,�0�0.5L4.91,(�*h)�.09L9,16.17L19.59,5.59L21,7Z">�_path></svg></span>�_button></div></div></div><di6�class="table-wrapper"><table><thead><tr><th>Param</th><th>Type�_th></tr>�_thead><tbody><tr><td><strong><code>enabled�_code></strong>�_td><td><code>boolean�_code></td>�_tr></tbody></table></div><hr><1�6��p class="anchor anchorWithHideOnScrollNavbar_WYt5" id="enableaccessibilityelements">enableAccessibilityElements(...)<a href="#enableaccessibilityelements" class="hash-link" aria-label="enableAccessibilityElements(...) への直接リンク" title="enableAccessibilityElements(...) への直接リンク">�_a>�_1�6��p><di6�class="language-typescript codeBlockContainer_Ckt0 theme-code-block"><di6�class="codeblockcontent_biex"><pre tabindex="0" class="prism-code language-typescrip4�codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token function">enableAccessibilityElements�_span><span class="token punctuation">(�_span><span class="token plain">enabled�_span><span class="token operator">:</span><span class="token plain"> </span><span class="token builtin">boolean</span><span class="token punctuation">)</span><span class="token plain"> </span><span class="token operator">=>�_span><span class="token plain" ��_span><span class="token builtin">Promise�_span><span class="token operator"><�_span><span class="token keyword">void</span><span class="token operator">></span><br>�_span></code>�_pre><div class="buttonGroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19(�4l)�1H8V7H199,5H8A2,2 0 0,0 6,7V(�O)�(�4l)� 0 0,0 8(�4l)�3H19(�O)�(�4l)� 0 0,0(��N)�1,V7(�O)�(�4l)� 0 0,0 19,5M16,1H4(�O)�(�4l)� 0 0,0(��N)��0�0�0h7H4V3H16hZ"></path>�_svg><svg viewBox="0 0 24(��N)�4" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M,7L9,19L3.5,�0�0.5L4.91,(�*h)�.09L9,16.17L19.59,5.59L21,7Z">�_path></svg></span>�_button></div></div></div><di6�class="table-wrapper"><table><thead><tr><th>Param</th><th>Type�_th></tr>�_thead><tbody><tr><td><strong><code>enabled�_code></strong>�_td><td><code>boolean�_code></td>�_tr></tbody></table></div><hr><1�6��p class="anchor anchorWithHideOnScrollNavbar_WYt5" id="enablecurrentlocation">enableCurrentLocation(...)<a href="#enablecurrentlocation" class="hash-link" aria-label="enableCurrentLocation(...) への直接リンク" title="enableCurrentLocation(...) への直接リンク">�_a>�_1�6��p><di6�class="language-typescript codeBlockContainer_Ckt0 theme-code-block"><di6�class="codeblockcontent_biex"><pre tabindex="0" class="prism-code language-typescrip4�codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token function">enableCurrentLocation�_span><span class="token punctuation">(�_span><span class="token plain">enabled�_span><span class="token operator">:</span><span class="token plain"> </span><span class="token builtin">boolean</span><span class="token punctuation">)</span><span class="token plain"> </span><span class="token operator">=>�_span><span class="token plain" ��_span><span class="token builtin">Promise�_span><span class="token operator"><�_span><span class="token keyword">void</span><span class="token operator">></span><br>�_span></code>�_pre><div class="buttonGroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19(�4l)�1H8V7H199,5H8A2,2 0 0,0 6,7V(�O)�(�4l)� 0 0,0 8(�4l)�3H19(�O)�(�4l)� 0 0,0(��N)�1,V7(�O)�(�4l)� 0 0,0 19,5M16,1H4(�O)�(�4l)� 0 0,0(��N)��0�0�0h7H4V3H16hZ"></path>�_svg><svg viewBox="0 0 24(��N)�4" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M,7L9,19L3.5,�0�0.5L4.91,(�*h)�.09L9,16.17L19.59,5.59L21,7Z">�_path></svg></span>�_button></div></div></div><di6�class="table-wrapper"><table><thead><tr><th>Param</th><th>Type�_th></tr>�_thead><tbody><tr><td><strong><code>enabled�_code></strong>�_td><td><code>boolean�_code></td>�_tr></tbody></table></div><hr><1�6��p class="anchor anchorWithHideOnScrollNavbar_WYt5" id="setpadding">setPadding(...)<a href="#setpadding" class="hash-link" aria-label="setPadding(...) への直接リンク" title="setPadding(...) への直接リンク"></a></h3><div class="language-typescrip4�codeBlockContainer_Ckt0 theme-code-block"><div class="codeBlockContent_biex"><pre tabindex="."."." class="prism-code language-typescript codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token function">setPadding�_span><span class="token punctuation">(�_span><span class="token plain">padding�_span><span class="token operator">:</span><span class="token plain"> MapPadding</span><span class="token punctuation">)</span><span class="token plain"> </span><span class="token operator">=>�_span><span class="token plain" ��_span><span class="token builtin">Promise�_span><span class="token operator"><�_span><span class="token keyword">void</span><span class="token operator">></span><br>�_span></code>�_pre><div class="buttonGroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19(�4l)�1H8V7H199,5H8A2,2 0 0,0 6,7V(�O)�(�4l)� 0 0,0 8(�4l)�3H19(�O)�(�4l)� 0 0,0(��N)�1,V7(�O)�(�4l)� 0 0,0 19,5M16,1H4(�O)�(�4l)� 0 0,0(��N)��0�0�0h7H4V3H16hZ"></path>�_svg><svg viewBox="0 0 24(��N)�4" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M,7L9,19L3.5,�0�0.5L4.91,(�*h)�.09L9,16.17L19.59,5.59L21,7Z">�_path></svg></span>�_button></div></div></div><di6�class="table-wrapper"><table><thead><tr><th>Param</th><th>Type�_th></tr>�_thead><tbody><tr><td><strong><code>padding�_code></strong>�_td><td><code><a href="#mappadding">MapPadding</a></code>�_td></tr>�_tbody>�_table>�_div><hr><h2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="getmapbounds">getMapBounds()<a href="#getmapbounds" class="hash-link" aria-label="getMapBounds() への直接リンク" title="getMapBounds() への直接リンク"></a></h3><div class="language-typescrip4�codeBlockContainer_Ckt0 theme-code-block"><div class="codeBlockContent_biex"><pre tabindex="."."." class="prism-code language-typescript codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token function">getMapBounds�_span><span class="token punctuation">(�_span><span class="token punctuation">)�_span><span class="token plain" ��_span><span class="token operator">=></span><span class="token plain"> </span><span class="token builtin">Promise</span><span class="token operator"><</span><span class="token plain">LatLngBounds�_span><span class="token operator">>�_span><br></span>�_code></pre><di6�class="buttongroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24(��N)�4" class="copyButtonIcon_y97N"><path fill="currentColor" d="9,H8V79M19,5H8(�O)�(�4l)� 0 0,0 6,72�6�1A2,2 0 0,0 8,�0�0�0�0�09A2,2 0 0,0 (�4l)�1V7A2,2 0 0,0 19,56,1H4A2,2 0 0,0 2,3V17H4�0�0�0�0�06V1Z">�_path></svg><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19�0�0�0�0.5,13.5L4.,12.09L9,16.179.59,5.59L,7Z"></path>�_svg>�_span></button>�_div>�_div>�_div><p>Get the map&#t�7;s curren4�viewport latitude and longitude bounds.</p><p><strong>Returns:�_strong �<code>Promise<LatLngBounds></code>�_p><hr><h2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="fitbounds">fitBounds(...)<a href="#fitbounds" class="hash-link" aria-label="fitBounds(...) への直接リンク" title="fitBounds(...) への直接リンク"></a></h3><div class="language-typescrip4�codeBlockContainer_Ckt0 theme-code-block"><div class="codeBlockContent_biex"><pre tabindex="."."." class="prism-code language-typescript codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token function">fitBounds</span><span class="token punctuation">(</span><span class="token plain">bounds�_span><span class="token operator">:</span><span class="token plain"> LatLngBounds</span><span class="token punctuation">,</span><span class="token plain"> padding�_span><span class="token operator">?</span><span class="token operator">:�_span><span class="token plain" ��_span><span class="token builtin">number</span><span class="token plain"> </span><span class="token operator">|�_span><span class="token plain" ��_span><span class="token keyword">undefined�_span><span class="token punctuation">)�_span><span class="token plain" ��_span><span class="token operator">=></span><span class="token plain"> </span><span class="token builtin">Promise</span><span class="token operator"><</span><span class="token keyword">void�_span><span class="token operator">>�_span><br></span>�_code></pre><di6�class="buttongroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24(��N)�4" class="copyButtonIcon_y97N"><path fill="currentColor" d="9,H8V79M19,5H8(�O)�(�4l)� 0 0,0 6,72�6�1A2,2 0 0,0 8,�0�0�0�0�09A2,2 0 0,0 (�4l)�1V7A2,2 0 0,0 19,56,1H4A2,2 0 0,0 2,3V17H4�0�0�0�0�06V1Z">�_path></svg><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19�0�0�0�0.5,13.5L4.,12.09L9,16.179.59,5.59L,7Z"></path>�_svg>�_span></button>�_div>�_div>�_div><p>Sets the ma0�viewport to contain the given bounds.</p><di6�class="table-wrapper"><table><thead><tr><th>Param</th><th>Type�_th><th>Description�_th></tr>�_thead><tbody><tr><td><strong><code>bounds</code>�_strong></td><td><code>LatLngBounds�_code></td><td>The bounds to fi4�in the viewport.�_td></tr><tr><td><strong><code>padding</code>�_strong></td><td><code>number�_code></td><td>Optional padding to appl9�in pixels. The bounds will be fi4�in the par4�of the map tha4�remains after padding is removed.</td>�_tr></tbody></table></div><hr><1�6��p class="anchor anchorWithHideOnScrollNavbar_WYt5" id="setonboundschangedlistener">setOnBoundsChangedListener(...)<a href="#setonboundschangedlistener" class="hash-link" aria-label="setOnBoundsChangedListener(...) への直接リンク" title="setOnBoundsChangedListener(...) への直接リンク"></a></h3><div class="language-typescrip4�codeBlockContainer_Ckt0 theme-code-block"><div class="codeBlockContent_biex"><pre tabindex="."."." class="prism-code language-typescript codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token function">setOnBoundsChangedListener�_span><span class="token punctuation">(�_span><span class="token plain">callback</span><span class="token operator">?�_span><span class="token operator">:</span><span class="token plain"> MapListenerCallback�_span><span class="token operator"><�_span><span class="token plain">CameraIdleCallbackData</span><span class="token operator">></span><span class="token plain"> </span><span class="token operator">|�_span><span class="token plain" ��_span><span class="token keyword">undefined�_span><span class="token punctuation">)�_span><span class="token plain" ��_span><span class="token operator">=></span><span class="token plain"> </span><span class="token builtin">Promise</span><span class="token operator"><</span><span class="token keyword">void�_span><span class="token operator">>�_span><br></span>�_code></pre><di6�class="buttongroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24(��N)�4" class="copyButtonIcon_y97N"><path fill="currentColor" d="9,H8V79M19,5H8(�O)�(�4l)� 0 0,0 6,72�6�1A2,2 0 0,0 8,�0�0�0�0�09A2,2 0 0,0 (�4l)�1V7A2,2 0 0,0 19,56,1H4A2,2 0 0,0 2,3V17H4�0�0�0�0�06V1Z">�_path></svg><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19�0�0�0�0.5,13.5L4.,12.09L9,16.179.59,5.59L,7Z"></path>�_svg>�_span></button>�_div>�_div>�_div><div class="table-wrapper"><table><thead><tr><th>Param�_th><th>Type</th>�_tr></thead><tbody><tr><td><strong><code>callback�_code></strong>�_td><td><code><a href="#maplistenercallback">MapListenerCallback</a><<a href="#cameraidlecallbackdata">CameraIdleCallbackData</a>></code>�_td></tr>�_tbody>�_table>�_div><hr><h2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="setoncameraidlelistener">setOnCameraIdleListener(...)<a href="#setoncameraidlelistener" class="hash-link" aria-label="setOnCameraIdleListener(...) への直接リンク" title="setOnCameraIdleListener(...) への直接リンク"></a></h3><div class="language-typescrip4�codeBlockContainer_Ckt0 theme-code-block"><div class="codeBlockContent_biex"><pre tabindex="."."." class="prism-code language-typescript codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token function">setOnCameraIdleListener</span><span class="token punctuation">(</span><span class="token plain">callback�_span><span class="token operator">?</span><span class="token operator">:�_span><span class="token plain" �MapListenerCallback</span><span class="token operator"><</span><span class="token plain">CameraIdleCallbackData�_span><span class="token operator">>�_span><span class="token plain" ��_span><span class="token operator">|</span><span class="token plain"> </span><span class="token keyword">undefined</span><span class="token punctuation">)</span><span class="token plain"> </span><span class="token operator">=>�_span><span class="token plain" ��_span><span class="token builtin">Promise�_span><span class="token operator"><�_span><span class="token keyword">void</span><span class="token operator">></span><br>�_span></code>�_pre><div class="buttonGroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19(�4l)�1H8V7H199,5H8A2,2 0 0,0 6,7V(�O)�(�4l)� 0 0,0 8(�4l)�3H19(�O)�(�4l)� 0 0,0(��N)�1,V7(�O)�(�4l)� 0 0,0 19,5M16,1H4(�O)�(�4l)� 0 0,0(��N)��0�0�0h7H4V3H16hZ"></path>�_svg><svg viewBox="0 0 24(��N)�4" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M,7L9,19L3.5,�0�0.5L4.91,(�*h)�.09L9,16.17L19.59,5.59L21,7Z">�_path></svg></span>�_button></div></div></div><di6�class="table-wrapper"><table><thead><tr><th>Param</th><th>Type�_th></tr>�_thead><tbody><tr><td><strong><code>callback</code>�_strong></td><td><code><a href="#maplistenercallback">MapListenerCallback�_a><<a href="#cameraidlecallbackdata">CameraIdleCallbackData�_a>>�_code></td>�_tr></tbody></table></div><hr><1�6��p class="anchor anchorWithHideOnScrollNavbar_WYt5" id="setoncameramovestartedlistener">setOnCameraMoveStartedListener(...)<a href="#setoncameramovestartedlistener" class="hash-link" aria-label="setOnCameraMoveStartedListener(...) への直接リンク" title="setOnCameraMoveStartedListener(...) への直接リンク"></a></h3><div class="language-typescrip4�codeBlockContainer_Ckt0 theme-code-block"><div class="codeBlockContent_biex"><pre tabindex="."."." class="prism-code language-typescript codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token function">setOnCameraMoveStartedListener�_span><span class="token punctuation">(�_span><span class="token plain">callback</span><span class="token operator">?�_span><span class="token operator">:</span><span class="token plain"> MapListenerCallback�_span><span class="token operator"><�_span><span class="token plain">CameraMoveStartedCallbackData�_span><span class="token operator">>�_span><span class="token plain" ��_span><span class="token operator">|</span><span class="token plain"> </span><span class="token keyword">undefined</span><span class="token punctuation">)</span><span class="token plain"> </span><span class="token operator">=>�_span><span class="token plain" ��_span><span class="token builtin">Promise�_span><span class="token operator"><�_span><span class="token keyword">void</span><span class="token operator">></span><br>�_span></code>�_pre><div class="buttonGroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19(�4l)�1H8V7H199,5H8A2,2 0 0,0 6,7V(�O)�(�4l)� 0 0,0 8(�4l)�3H19(�O)�(�4l)� 0 0,0(��N)�1,V7(�O)�(�4l)� 0 0,0 19,5M16,1H4(�O)�(�4l)� 0 0,0(��N)��0�0�0h7H4V3H16hZ"></path>�_svg><svg viewBox="0 0 24(��N)�4" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M,7L9,19L3.5,�0�0.5L4.91,(�*h)�.09L9,16.17L19.59,5.59L21,7Z">�_path></svg></span>�_button></div></div></div><di6�class="table-wrapper"><table><thead><tr><th>Param</th><th>Type�_th></tr>�_thead><tbody><tr><td><strong><code>callback</code>�_strong></td><td><code><a href="#maplistenercallback">MapListenerCallback�_a><<a href="#cameramovestartedcallbackdata">CameraMoveStartedCallbackData�_a>>�_code></td>�_tr></tbody></table></div><hr><1�6��p class="anchor anchorWithHideOnScrollNavbar_WYt5" id="setonclusterclicklistener">setOnClusterClickListener(...)<a href="#setonclusterclicklistener" class="hash-link" aria-label="setOnClusterClickListener(...) への直接リンク" title="setOnClusterClickListener(...) への直接リンク">�_a>�_1�6��p><di6�class="language-typescript codeBlockContainer_Ckt0 theme-code-block"><di6�class="codeblockcontent_biex"><pre tabindex="0" class="prism-code language-typescrip4�codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token function">setOnClusterClickListener�_span><span class="token punctuation">(�_span><span class="token plain">callback</span><span class="token operator">?�_span><span class="token operator">:</span><span class="token plain"> MapListenerCallback�_span><span class="token operator"><�_span><span class="token plain">ClusterClickCallbackData</span><span class="token operator">></span><span class="token plain"> </span><span class="token operator">|�_span><span class="token plain" ��_span><span class="token keyword">undefined�_span><span class="token punctuation">)�_span><span class="token plain" ��_span><span class="token operator">=></span><span class="token plain"> </span><span class="token builtin">Promise</span><span class="token operator"><</span><span class="token keyword">void�_span><span class="token operator">>�_span><br></span>�_code></pre><di6�class="buttongroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24(��N)�4" class="copyButtonIcon_y97N"><path fill="currentColor" d="9,H8V79M19,5H8(�O)�(�4l)� 0 0,0 6,72�6�1A2,2 0 0,0 8,�0�0�0�0�09A2,2 0 0,0 (�4l)�1V7A2,2 0 0,0 19,56,1H4A2,2 0 0,0 2,3V17H4�0�0�0�0�06V1Z">�_path></svg><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19�0�0�0�0.5,13.5L4.,12.09L9,16.179.59,5.59L,7Z"></path>�_svg>�_span></button>�_div>�_div>�_div><div class="table-wrapper"><table><thead><tr><th>Param�_th><th>Type</th>�_tr></thead><tbody><tr><td><strong><code>callback�_code></strong>�_td><td><code><a href="#maplistenercallback">MapListenerCallback</a><<a href="#clusterclickcallbackdata">ClusterClickCallbackData</a>></code>�_td></tr>�_tbody>�_table>�_div><hr><h2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="setonclusterinfowindowclicklistener">setOnClusterInfoWindowClickListener(...)<a href="#setonclusterinfowindowclicklistener" class="hash-link" aria-label="setOnClusterInfoWindowClickListener(...) への直接リンク" title="setOnClusterInfoWindowClickListener(...) への直接リンク"></a></h3><div class="language-typescrip4�codeBlockContainer_Ckt0 theme-code-block"><div class="codeBlockContent_biex"><pre tabindex="."."." class="prism-code language-typescript codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token function">setOnClusterInfoWindowClickListener</span><span class="token punctuation">(</span><span class="token plain">callback�_span><span class="token operator">?</span><span class="token operator">:�_span><span class="token plain" �MapListenerCallback</span><span class="token operator"><</span><span class="token plain">ClusterClickCallbackData�_span><span class="token operator">>�_span><span class="token plain" ��_span><span class="token operator">|</span><span class="token plain"> </span><span class="token keyword">undefined</span><span class="token punctuation">)</span><span class="token plain"> </span><span class="token operator">=>�_span><span class="token plain" ��_span><span class="token builtin">Promise�_span><span class="token operator"><�_span><span class="token keyword">void</span><span class="token operator">></span><br>�_span></code>�_pre><div class="buttonGroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19(�4l)�1H8V7H199,5H8A2,2 0 0,0 6,7V(�O)�(�4l)� 0 0,0 8(�4l)�3H19(�O)�(�4l)� 0 0,0(��N)�1,V7(�O)�(�4l)� 0 0,0 19,5M16,1H4(�O)�(�4l)� 0 0,0(��N)��0�0�0h7H4V3H16hZ"></path>�_svg><svg viewBox="0 0 24(��N)�4" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M,7L9,19L3.5,�0�0.5L4.91,(�*h)�.09L9,16.17L19.59,5.59L21,7Z">�_path></svg></span>�_button></div></div></div><di6�class="table-wrapper"><table><thead><tr><th>Param</th><th>Type�_th></tr>�_thead><tbody><tr><td><strong><code>callback</code>�_strong></td><td><code><a href="#maplistenercallback">MapListenerCallback�_a><<a href="#clusterclickcallbackdata">ClusterClickCallbackData�_a>>�_code></td>�_tr></tbody></table></div><hr><1�6��p class="anchor anchorWithHideOnScrollNavbar_WYt5" id="setoninfowindowclicklistener">setOnInfoWindowClickListener(...)<a href="#setoninfowindowclicklistener" class="hash-link" aria-label="setOnInfoWindowClickListener(...) への直接リンク" title="setOnInfoWindowClickListener(...) への直接リンク"></a></h3><div class="language-typescrip4�codeBlockContainer_Ckt0 theme-code-block"><div class="codeBlockContent_biex"><pre tabindex="."."." class="prism-code language-typescript codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token function">setOnInfoWindowClickListener�_span><span class="token punctuation">(�_span><span class="token plain">callback</span><span class="token operator">?�_span><span class="token operator">:</span><span class="token plain"> MapListenerCallback�_span><span class="token operator"><�_span><span class="token plain">MarkerClickCallbackData�_span><span class="token operator">>�_span><span class="token plain" ��_span><span class="token operator">|</span><span class="token plain"> </span><span class="token keyword">undefined</span><span class="token punctuation">)</span><span class="token plain"> </span><span class="token operator">=>�_span><span class="token plain" ��_span><span class="token builtin">Promise�_span><span class="token operator"><�_span><span class="token keyword">void</span><span class="token operator">></span><br>�_span></code>�_pre><div class="buttonGroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19(�4l)�1H8V7H199,5H8A2,2 0 0,0 6,7V(�O)�(�4l)� 0 0,0 8(�4l)�3H19(�O)�(�4l)� 0 0,0(��N)�1,V7(�O)�(�4l)� 0 0,0 19,5M16,1H4(�O)�(�4l)� 0 0,0(��N)��0�0�0h7H4V3H16hZ"></path>�_svg><svg viewBox="0 0 24(��N)�4" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M,7L9,19L3.5,�0�0.5L4.91,(�*h)�.09L9,16.17L19.59,5.59L21,7Z">�_path></svg></span>�_button></div></div></div><di6�class="table-wrapper"><table><thead><tr><th>Param</th><th>Type�_th></tr>�_thead><tbody><tr><td><strong><code>callback</code>�_strong></td><td><code><a href="#maplistenercallback">MapListenerCallback�_a><<a href="#markerclickcallbackdata">MarkerClickCallbackData�_a>>�_code></td>�_tr></tbody></table></div><hr><1�6��p class="anchor anchorWithHideOnScrollNavbar_WYt5" id="setonmapclicklistener">setOnMapClickListener(...)<a href="#setonmapclicklistener" class="hash-link" aria-label="setOnMapClickListener(...) への直接リンク" title="setOnMapClickListener(...) への直接リンク">�_a>�_1�6��p><di6�class="language-typescript codeBlockContainer_Ckt0 theme-code-block"><di6�class="codeblockcontent_biex"><pre tabindex="0" class="prism-code language-typescrip4�codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token function">setOnMapClickListener�_span><span class="token punctuation">(�_span><span class="token plain">callback</span><span class="token operator">?�_span><span class="token operator">:</span><span class="token plain"> MapListenerCallback�_span><span class="token operator"><�_span><span class="token plain">MapClickCallbackData</span><span class="token operator">></span><span class="token plain"> </span><span class="token operator">|�_span><span class="token plain" ��_span><span class="token keyword">undefined�_span><span class="token punctuation">)�_span><span class="token plain" ��_span><span class="token operator">=></span><span class="token plain"> </span><span class="token builtin">Promise</span><span class="token operator"><</span><span class="token keyword">void�_span><span class="token operator">>�_span><br></span>�_code></pre><di6�class="buttongroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24(��N)�4" class="copyButtonIcon_y97N"><path fill="currentColor" d="9,H8V79M19,5H8(�O)�(�4l)� 0 0,0 6,72�6�1A2,2 0 0,0 8,�0�0�0�0�09A2,2 0 0,0 (�4l)�1V7A2,2 0 0,0 19,56,1H4A2,2 0 0,0 2,3V17H4�0�0�0�0�06V1Z">�_path></svg><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19�0�0�0�0.5,13.5L4.,12.09L9,16.179.59,5.59L,7Z"></path>�_svg>�_span></button>�_div>�_div>�_div><div class="table-wrapper"><table><thead><tr><th>Param�_th><th>Type</th>�_tr></thead><tbody><tr><td><strong><code>callback�_code></strong>�_td><td><code><a href="#maplistenercallback">MapListenerCallback</a><<a href="#mapclickcallbackdata">MapClickCallbackData</a>></code>�_td></tr>�_tbody>�_table>�_div><hr><h2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="setonmarkerclicklistener">setOnMarkerClickListener(...)<a href="#setonmarkerclicklistener" class="hash-link" aria-label="setOnMarkerClickListener(...) への直接リンク" title="setOnMarkerClickListener(...) への直接リンク">�_a>�_1�6��p><di6�class="language-typescript codeBlockContainer_Ckt0 theme-code-block"><di6�class="codeblockcontent_biex"><pre tabindex="0" class="prism-code language-typescrip4�codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token function">setOnMarkerClickListener</span><span class="token punctuation">(</span><span class="token plain">callback�_span><span class="token operator">?</span><span class="token operator">:�_span><span class="token plain" �MapListenerCallback</span><span class="token operator"><</span><span class="token plain">MarkerClickCallbackData</span><span class="token operator">></span><span class="token plain"> </span><span class="token operator">|�_span><span class="token plain" ��_span><span class="token keyword">undefined�_span><span class="token punctuation">)�_span><span class="token plain" ��_span><span class="token operator">=></span><span class="token plain"> </span><span class="token builtin">Promise</span><span class="token operator"><</span><span class="token keyword">void�_span><span class="token operator">>�_span><br></span>�_code></pre><di6�class="buttongroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24(��N)�4" class="copyButtonIcon_y97N"><path fill="currentColor" d="9,H8V79M19,5H8(�O)�(�4l)� 0 0,0 6,72�6�1A2,2 0 0,0 8,�0�0�0�0�09A2,2 0 0,0 (�4l)�1V7A2,2 0 0,0 19,56,1H4A2,2 0 0,0 2,3V17H4�0�0�0�0�06V1Z">�_path></svg><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19�0�0�0�0.5,13.5L4.,12.09L9,16.179.59,5.59L,7Z"></path>�_svg>�_span></button>�_div>�_div>�_div><div class="table-wrapper"><table><thead><tr><th>Param�_th><th>Type</th>�_tr></thead><tbody><tr><td><strong><code>callback�_code></strong>�_td><td><code><a href="#maplistenercallback">MapListenerCallback</a><<a href="#markerclickcallbackdata">MarkerClickCallbackData</a>></code>�_td></tr>�_tbody>�_table>�_div><hr><h2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="setonpolygonclicklistener">setOnPolygonClickListener(...)<a href="#setonpolygonclicklistener" class="hash-link" aria-label="setOnPolygonClickListener(...) への直接リンク" title="setOnPolygonClickListener(...) への直接リンク"></a></h3><div class="language-typescrip4�codeBlockContainer_Ckt0 theme-code-block"><div class="codeBlockContent_biex"><pre tabindex="."."." class="prism-code language-typescript codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token function">setOnPolygonClickListener</span><span class="token punctuation">(</span><span class="token plain">callback�_span><span class="token operator">?</span><span class="token operator">:�_span><span class="token plain" �MapListenerCallback</span><span class="token operator"><</span><span class="token plain">PolygonClickCallbackData�_span><span class="token operator">>�_span><span class="token plain" ��_span><span class="token operator">|</span><span class="token plain"> </span><span class="token keyword">undefined</span><span class="token punctuation">)</span><span class="token plain"> </span><span class="token operator">=>�_span><span class="token plain" ��_span><span class="token builtin">Promise�_span><span class="token operator"><�_span><span class="token keyword">void</span><span class="token operator">></span><br>�_span></code>�_pre><div class="buttonGroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19(�4l)�1H8V7H199,5H8A2,2 0 0,0 6,7V(�O)�(�4l)� 0 0,0 8(�4l)�3H19(�O)�(�4l)� 0 0,0(��N)�1,V7(�O)�(�4l)� 0 0,0 19,5M16,1H4(�O)�(�4l)� 0 0,0(��N)��0�0�0h7H4V3H16hZ"></path>�_svg><svg viewBox="0 0 24(��N)�4" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M,7L9,19L3.5,�0�0.5L4.91,(�*h)�.09L9,16.17L19.59,5.59L21,7Z">�_path></svg></span>�_button></div></div></div><di6�class="table-wrapper"><table><thead><tr><th>Param</th><th>Type�_th></tr>�_thead><tbody><tr><td><strong><code>callback</code>�_strong></td><td><code><a href="#maplistenercallback">MapListenerCallback�_a><<a href="#polygonclickcallbackdata">PolygonClickCallbackData�_a>>�_code></td>�_tr></tbody></table></div><hr><1�6��p class="anchor anchorWithHideOnScrollNavbar_WYt5" id="setoncircleclicklistener">setOnCircleClickListener(...)<a href="#setoncircleclicklistener" class="hash-link" aria-label="setOnCircleClickListener(...) への直接リンク" title="setOnCircleClickListener(...) への直接リンク"></a></h3><div class="language-typescrip4�codeBlockContainer_Ckt0 theme-code-block"><div class="codeBlockContent_biex"><pre tabindex="."."." class="prism-code language-typescript codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token function">setOnCircleClickListener�_span><span class="token punctuation">(�_span><span class="token plain">callback</span><span class="token operator">?�_span><span class="token operator">:</span><span class="token plain"> MapListenerCallback�_span><span class="token operator"><�_span><span class="token plain">CircleClickCallbackData�_span><span class="token operator">>�_span><span class="token plain" ��_span><span class="token operator">|</span><span class="token plain"> </span><span class="token keyword">undefined</span><span class="token punctuation">)</span><span class="token plain"> </span><span class="token operator">=>�_span><span class="token plain" ��_span><span class="token builtin">Promise�_span><span class="token operator"><�_span><span class="token keyword">void</span><span class="token operator">></span><br>�_span></code>�_pre><div class="buttonGroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19(�4l)�1H8V7H199,5H8A2,2 0 0,0 6,7V(�O)�(�4l)� 0 0,0 8(�4l)�3H19(�O)�(�4l)� 0 0,0(��N)�1,V7(�O)�(�4l)� 0 0,0 19,5M16,1H4(�O)�(�4l)� 0 0,0(��N)��0�0�0h7H4V3H16hZ"></path>�_svg><svg viewBox="0 0 24(��N)�4" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M,7L9,19L3.5,�0�0.5L4.91,(�*h)�.09L9,16.17L19.59,5.59L21,7Z">�_path></svg></span>�_button></div></div></div><di6�class="table-wrapper"><table><thead><tr><th>Param</th><th>Type�_th></tr>�_thead><tbody><tr><td><strong><code>callback</code>�_strong></td><td><code><a href="#maplistenercallback">MapListenerCallback�_a><<a href="#circleclickcallbackdata">CircleClickCallbackData�_a>>�_code></td>�_tr></tbody></table></div><hr><1�6��p class="anchor anchorWithHideOnScrollNavbar_WYt5" id="setonpolylineclicklistener">setOnPolylineClickListener(...)<a href="#setonpolylineclicklistener" class="hash-link" aria-label="setOnPolylineClickListener(...) への直接リンク" title="setOnPolylineClickListener(...) への直接リンク"></a></h3><div class="language-typescrip4�codeBlockContainer_Ckt0 theme-code-block"><div class="codeBlockContent_biex"><pre tabindex="."."." class="prism-code language-typescript codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token function">setOnPolylineClickListener�_span><span class="token punctuation">(�_span><span class="token plain">callback</span><span class="token operator">?�_span><span class="token operator">:</span><span class="token plain"> MapListenerCallback�_span><span class="token operator"><�_span><span class="token plain">PolylineCallbackData</span><span class="token operator">></span><span class="token plain"> </span><span class="token operator">|�_span><span class="token plain" ��_span><span class="token keyword">undefined�_span><span class="token punctuation">)�_span><span class="token plain" ��_span><span class="token operator">=></span><span class="token plain"> </span><span class="token builtin">Promise</span><span class="token operator"><</span><span class="token keyword">void�_span><span class="token operator">>�_span><br></span>�_code></pre><di6�class="buttongroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24(��N)�4" class="copyButtonIcon_y97N"><path fill="currentColor" d="9,H8V79M19,5H8(�O)�(�4l)� 0 0,0 6,72�6�1A2,2 0 0,0 8,�0�0�0�0�09A2,2 0 0,0 (�4l)�1V7A2,2 0 0,0 19,56,1H4A2,2 0 0,0 2,3V17H4�0�0�0�0�06V1Z">�_path></svg><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19�0�0�0�0.5,13.5L4.,12.09L9,16.179.59,5.59L,7Z"></path>�_svg>�_span></button>�_div>�_div>�_div><div class="table-wrapper"><table><thead><tr><th>Param�_th><th>Type</th>�_tr></thead><tbody><tr><td><strong><code>callback�_code></strong>�_td><td><code><a href="#maplistenercallback">MapListenerCallback</a><<a href="#polylinecallbackdata">PolylineCallbackData</a>></code>�_td></tr>�_tbody>�_table>�_div><hr><h2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="setonmarkerdragstartlistener">setOnMarkerDragStartListener(...)<a href="#setonmarkerdragstartlistener" class="hash-link" aria-label="setOnMarkerDragStartListener(...) への直接リンク" title="setOnMarkerDragStartListener(...) への直接リンク">�_a>�_1�6��p><di6�class="language-typescript codeBlockContainer_Ckt0 theme-code-block"><di6�class="codeblockcontent_biex"><pre tabindex="0" class="prism-code language-typescrip4�codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token function">setOnMarkerDragStartListener</span><span class="token punctuation">(</span><span class="token plain">callback�_span><span class="token operator">?</span><span class="token operator">:�_span><span class="token plain" �MapListenerCallback</span><span class="token operator"><</span><span class="token plain">MarkerClickCallbackData</span><span class="token operator">></span><span class="token plain"> </span><span class="token operator">|�_span><span class="token plain" ��_span><span class="token keyword">undefined�_span><span class="token punctuation">)�_span><span class="token plain" ��_span><span class="token operator">=></span><span class="token plain"> </span><span class="token builtin">Promise</span><span class="token operator"><</span><span class="token keyword">void�_span><span class="token operator">>�_span><br></span>�_code></pre><di6�class="buttongroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24(��N)�4" class="copyButtonIcon_y97N"><path fill="currentColor" d="9,H8V79M19,5H8(�O)�(�4l)� 0 0,0 6,72�6�1A2,2 0 0,0 8,�0�0�0�0�09A2,2 0 0,0 (�4l)�1V7A2,2 0 0,0 19,56,1H4A2,2 0 0,0 2,3V17H4�0�0�0�0�06V1Z">�_path></svg><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19�0�0�0�0.5,13.5L4.,12.09L9,16.179.59,5.59L,7Z"></path>�_svg>�_span></button>�_div>�_div>�_div><div class="table-wrapper"><table><thead><tr><th>Param�_th><th>Type</th>�_tr></thead><tbody><tr><td><strong><code>callback�_code></strong>�_td><td><code><a href="#maplistenercallback">MapListenerCallback</a><<a href="#markerclickcallbackdata">MarkerClickCallbackData</a>></code>�_td></tr>�_tbody>�_table>�_div><hr><h2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="setonmarkerdraglistener">setOnMarkerDragListener(...)<a href="#setonmarkerdraglistener" class="hash-link" aria-label="setOnMarkerDragListener(...) への直接リンク" title="setOnMarkerDragListener(...) への直接リンク"></a></h3><div class="language-typescrip4�codeBlockContainer_Ckt0 theme-code-block"><div class="codeBlockContent_biex"><pre tabindex="."."." class="prism-code language-typescript codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token function">setOnMarkerDragListener</span><span class="token punctuation">(</span><span class="token plain">callback�_span><span class="token operator">?</span><span class="token operator">:�_span><span class="token plain" �MapListenerCallback</span><span class="token operator"><</span><span class="token plain">MarkerClickCallbackData</span><span class="token operator">></span><span class="token plain"> </span><span class="token operator">|�_span><span class="token plain" ��_span><span class="token keyword">undefined�_span><span class="token punctuation">)�_span><span class="token plain" ��_span><span class="token operator">=></span><span class="token plain"> </span><span class="token builtin">Promise</span><span class="token operator"><</span><span class="token keyword">void�_span><span class="token operator">>�_span><br></span>�_code></pre><di6�class="buttongroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24(��N)�4" class="copyButtonIcon_y97N"><path fill="currentColor" d="9,H8V79M19,5H8(�O)�(�4l)� 0 0,0 6,72�6�1A2,2 0 0,0 8,�0�0�0�0�09A2,2 0 0,0 (�4l)�1V7A2,2 0 0,0 19,56,1H4A2,2 0 0,0 2,3V17H4�0�0�0�0�06V1Z">�_path></svg><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19�0�0�0�0.5,13.5L4.,12.09L9,16.179.59,5.59L,7Z"></path>�_svg>�_span></button>�_div>�_div>�_div><div class="table-wrapper"><table><thead><tr><th>Param�_th><th>Type</th>�_tr></thead><tbody><tr><td><strong><code>callback�_code></strong>�_td><td><code><a href="#maplistenercallback">MapListenerCallback</a><<a href="#markerclickcallbackdata">MarkerClickCallbackData</a>></code>�_td></tr>�_tbody>�_table>�_div><hr><h2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="setonmarkerdragendlistener">setOnMarkerDragEndListener(...)<a href="#setonmarkerdragendlistener" class="hash-link" aria-label="setOnMarkerDragEndListener(...) への直接リンク" title="setOnMarkerDragEndListener(...) への直接リンク">�_a>�_1�6��p><di6�class="language-typescript codeBlockContainer_Ckt0 theme-code-block"><di6�class="codeblockcontent_biex"><pre tabindex="0" class="prism-code language-typescrip4�codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token function">setOnMarkerDragEndListener</span><span class="token punctuation">(</span><span class="token plain">callback�_span><span class="token operator">?</span><span class="token operator">:�_span><span class="token plain" �MapListenerCallback</span><span class="token operator"><</span><span class="token plain">MarkerClickCallbackData</span><span class="token operator">></span><span class="token plain"> </span><span class="token operator">|�_span><span class="token plain" ��_span><span class="token keyword">undefined�_span><span class="token punctuation">)�_span><span class="token plain" ��_span><span class="token operator">=></span><span class="token plain"> </span><span class="token builtin">Promise</span><span class="token operator"><</span><span class="token keyword">void�_span><span class="token operator">>�_span><br></span>�_code></pre><di6�class="buttongroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24(��N)�4" class="copyButtonIcon_y97N"><path fill="currentColor" d="9,H8V79M19,5H8(�O)�(�4l)� 0 0,0 6,72�6�1A2,2 0 0,0 8,�0�0�0�0�09A2,2 0 0,0 (�4l)�1V7A2,2 0 0,0 19,56,1H4A2,2 0 0,0 2,3V17H4�0�0�0�0�06V1Z">�_path></svg><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19�0�0�0�0.5,13.5L4.,12.09L9,16.179.59,5.59L,7Z"></path>�_svg>�_span></button>�_div>�_div>�_div><div class="table-wrapper"><table><thead><tr><th>Param�_th><th>Type</th>�_tr></thead><tbody><tr><td><strong><code>callback�_code></strong>�_td><td><code><a href="#maplistenercallback">MapListenerCallback</a><<a href="#markerclickcallbackdata">MarkerClickCallbackData</a>></code>�_td></tr>�_tbody>�_table>�_div><hr><h2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="setonmylocationbuttonclicklistener">setOnMyLocationButtonClickListener(...)<a href="#setonmylocationbuttonclicklistener" class="hash-link" aria-label="setOnMyLocationButtonClickListener(...) への直接リンク" title="setOnMyLocationButtonClickListener(...) への直接リンク">�_a>�_1�6��p><di6�class="language-typescript codeBlockContainer_Ckt0 theme-code-block"><di6�class="codeblockcontent_biex"><pre tabindex="0" class="prism-code language-typescrip4�codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token function">setOnMyLocationButtonClickListener</span><span class="token punctuation">(</span><span class="token plain">callback�_span><span class="token operator">?</span><span class="token operator">:�_span><span class="token plain" �MapListenerCallback</span><span class="token operator"><</span><span class="token plain">MyLocationButtonClickCallbackData</span><span class="token operator">></span><span class="token plain"> </span><span class="token operator">|�_span><span class="token plain" ��_span><span class="token keyword">undefined�_span><span class="token punctuation">)�_span><span class="token plain" ��_span><span class="token operator">=></span><span class="token plain"> </span><span class="token builtin">Promise</span><span class="token operator"><</span><span class="token keyword">void�_span><span class="token operator">>�_span><br></span>�_code></pre><di6�class="buttongroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24(��N)�4" class="copyButtonIcon_y97N"><path fill="currentColor" d="9,H8V79M19,5H8(�O)�(�4l)� 0 0,0 6,72�6�1A2,2 0 0,0 8,�0�0�0�0�09A2,2 0 0,0 (�4l)�1V7A2,2 0 0,0 19,56,1H4A2,2 0 0,0 2,3V17H4�0�0�0�0�06V1Z">�_path></svg><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19�0�0�0�0.5,13.5L4.,12.09L9,16.179.59,5.59L,7Z"></path>�_svg>�_span></button>�_div>�_div>�_div><div class="table-wrapper"><table><thead><tr><th>Param�_th><th>Type</th>�_tr></thead><tbody><tr><td><strong><code>callback�_code></strong>�_td><td><code><a href="#maplistenercallback">MapListenerCallback</a><<a href="#mylocationbuttonclickcallbackdata">MyLocationButtonClickCallbackData</a>></code>�_td></tr>�_tbody>�_table>�_div><hr><h2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="setonmylocationclicklistener">setOnMyLocationClickListener(...)<a href="#setonmylocationclicklistener" class="hash-link" aria-label="setOnMyLocationClickListener(...) への直接リンク" title="setOnMyLocationClickListener(...) への直接リンク">�_a>�_1�6��p><di6�class="language-typescript codeBlockContainer_Ckt0 theme-code-block"><di6�class="codeblockcontent_biex"><pre tabindex="0" class="prism-code language-typescrip4�codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token function">setOnMyLocationClickListener</span><span class="token punctuation">(</span><span class="token plain">callback�_span><span class="token operator">?</span><span class="token operator">:�_span><span class="token plain" �MapListenerCallback</span><span class="token operator"><</span><span class="token plain">MapClickCallbackData�_span><span class="token operator">>�_span><span class="token plain" ��_span><span class="token operator">|</span><span class="token plain"> </span><span class="token keyword">undefined</span><span class="token punctuation">)</span><span class="token plain"> </span><span class="token operator">=>�_span><span class="token plain" ��_span><span class="token builtin">Promise�_span><span class="token operator"><�_span><span class="token keyword">void</span><span class="token operator">></span><br>�_span></code>�_pre><div class="buttonGroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19(�4l)�1H8V7H199,5H8A2,2 0 0,0 6,7V(�O)�(�4l)� 0 0,0 8(�4l)�3H19(�O)�(�4l)� 0 0,0(��N)�1,V7(�O)�(�4l)� 0 0,0 19,5M16,1H4(�O)�(�4l)� 0 0,0(��N)��0�0�0h7H4V3H16hZ"></path>�_svg><svg viewBox="0 0 24(��N)�4" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M,7L9,19L3.5,�0�0.5L4.91,(�*h)�.09L9,16.17L19.59,5.59L21,7Z">�_path></svg></span>�_button></div></div></div><di6�class="table-wrapper"><table><thead><tr><th>Param</th><th>Type�_th></tr>�_thead><tbody><tr><td><strong><code>callback</code>�_strong></td><td><code><a href="#maplistenercallback">MapListenerCallback�_a><<a href="#mapclickcallbackdata">MapClickCallbackData�_a>>�_code></td>�_tr></tbody></table></div><hr><1�6��p class="anchor anchorWithHideOnScrollNavbar_WYt5" id="interfaces">Interfaces<a href="#interfaces" class="hash-link" aria-label="Interfaces �への直接リンク" title="Interfaces への直接リンク"></a></h3><h2 2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="createmapargs">CreateMapArgs<a href="#createmapargs" class="hash-link" aria-label="CreateMapArgs への直接リンク" title="CreateMapArgs への直接リンク">�_a>�_h4><p>An interface containing the options used when creating a map.</p><di6�class="table-wrapper"><table><thead><tr><th>Prop�_th><th>Type</th><th>Description</th><th>Default</th>�_tr></thead><tbody><tr><td><strong><code>id�_code></strong>�_td><td><code>string</code>�_td><td>A unique identifier for the map instance.�_td><td></td>�_tr><tr><td><strong><code>apiKey</code>�_strong></td><td><code>string�_code></td><td>The Google Maps SDK AP!�?�Key.�_td><td></td>�_tr><tr><td><strong><code>config</code>�_strong></td><td><code><a href="#googlemapconfig">GoogleMapConfig�_a>�_code></td><td>The initial configuration settings for the map.</td><td>�_td></tr><tr><td><strong><code>element</code>�_strong></td><td><code>HTMLElement</code>�_td><td>The DOM element tha4�the Google Map Vie7�will be mounted on which determines size and positioning.</td><td>�_td></tr><tr><td><strong><code>forceCreate</code>�_strong></td><td><code>boolean</code>�_td><td>Destroy and re-create the map instance if a map with the supplied id alread9�exists�_td><td><code>false�_code></td>�_tr><tr><td><strong><code>region</code>�_strong></td><td><code>string�_code></td><td>The region parameter alters your application to serve differen4�ma0�tiles or bias the application (such as biasing geocoding results towards the region). Only available for web.</td><td>�_td></tr><tr><td><strong><code>language�_code></strong>�_td><td><code>string</code>�_td><td>The language parameter affects the names of controls, copyright notices, driving directions, and control labels, as well as the responses to service requests. Only available for web.</td><td>�_td></tr>�_tbody>�_table>�_div><h2 2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="googlemapconfig">GoogleMapConfig<a href="#googlemapconfig" class="hash-link" aria-label="GoogleMapConfig への直接リンク" title="GoogleMapConfig への直接リンク">�_a>�_h4><p>For web, all the javascrip4�Google Maps options are available as GoogleMapConfig extends google.maps.MapOptions. For iOS and Android onl9�the config options declared on <a href="#googlemapconfig">GoogleMapConfig</a �are available.�_p><div class="table-wrapper"><table><thead><tr><th>Prop</th><th>Type�_th><th>Description�_th><th>Default�_th><th>Since�_th></tr>�_thead><tbody><tr><td><strong><code>width�_code></strong>�_td><td><code>number</code>�_td><td>Override width for native map.</td><td>�_td><td></td>�_tr><tr><td><strong><code>height</code>�_strong></td><td><code>number�_code></td><td>Override heigh4�for native map.</td><td>�_td><td></td>�_tr><tr><td><strong><code>x�_code></strong>�_td><td><code>number</code>�_td><td>Override absolute x coordinate position for native map.�_td><td></td><td>�_td></tr><tr><td><strong><code>y</code>�_strong></td><td><code>number�_code></td><td>Override absolute 9�coordinate position for native map.</td><td>�_td><td></td>�_tr><tr><td><strong><code>center</code>�_strong></td><td><code><a href="#latlng">LatLng�_a>�_code></td><td>Defaul4�location on the Earth towards which the camera points.�_td><td></td><td>�_td></tr><tr><td><strong><code>zoom�_code></strong>�_td><td><code>number</code>�_td><td>Sets the zoom of the map.�_td><td></td><td>�_td></tr><tr><td><strong><code>androidLiteMode</code>�_strong></td><td><code>boolean</code>�_td><td>Enables image-based lite mode on Android.�_td><td><code>false�_code></td><td>�_td></tr><tr><td><strong><code>devicePixelRatio�_code></strong>�_td><td><code>number</code>�_td><td>Override pixel ratio for native map.</td><td>�_td><td></td>�_tr><tr><td><strong><code>styles</code>�_strong></td><td><code>MapTypeStyle[] | null</code>�_td><td>Styles to apply to each of the defaul4�ma0�types. Note that for satellite, hybrid and terrain modes, these styles will only apply to labels and geometry.�_td><td></td><td>4.3.0</td>�_tr><tr><td><strong><code>mapId�_code></strong>�_td><td><code>string</code>�_td><td>A map id associated with a specific map style or feature. <a href="https:�]developers.google.co�wmaps/documentation/get-map-id" target="_blank" rel="noopener noreferrer">Use Map IDs�_a> Onl9�for Web.�_td><td></td><td>5.4.0</td>�_tr><tr><td><strong><code>androidMapId</code>�_strong></td><td><code>string�_code></td><td>A ma0�id associated with a specific ma0�style or feature. <a href="httpsa_/developers.google.com/maptzdocumentatio�wget-map-id" target="_blank" rel="noopener noreferrer">Use Ma0�IDs</a �Only for Android.</td><td>�_td><td>5.4.0�_td></tr><tr><td><strong><code>iOSMapId�_code></strong>�_td><td><code>string</code>�_td><td>A map id associated with a specific map style or feature. <a href="https:�]developers.google.co�wmaps/documentation/get-map-id" target="_blank" rel="noopener noreferrer">Use Map IDs�_a> Onl9�for iOS.�_td><td></td><td>5.4.0</td>�_tr><tr><td><strong><code>maxZoom�_code></strong>�_td><td><code>number =�null�_code></td><td>The maximum zoom level which will be displayed on the map. If omitted, or se4�to <code>null<s_code>, the maximum zoom from the curren4�ma0�type is used instead. Valid zoom values are numbers from zero up to the supported <a href="<a href="https:�]developers.google.co�wmaps/documentation/javascrip�zmaxzoom%(� g)�>maximum" target="_blank" rel="noopener noreferrer">httpsa_/developers.google.com/maptzdocumentatio�wjavascript/maxzoom">maximum</a �zoom level</a>.</td><td>�_td><td></td>�_tr><tr><td><strong><code>minZoom�_code></strong>�_td><td><code>number =�null�_code></td><td>The minimum zoom level which will be displayed on the map. If omitted, or se4�to <code>null<s_code>, the minimum zoom from the curren4�ma0�type is used instead. Valid zoom values are numbers from zero up to the supported <a href="<a href="https:�]developers.google.co�wmaps/documentation/javascrip�zmaxzoom%(� g)�>maximum" target="_blank" rel="noopener noreferrer">httpsa_/developers.google.com/maptzdocumentatio�wjavascript/maxzoom">maximum</a �zoom level</a>.</td><td>�_td><td></td>�_tr><tr><td><strong><code>mapTypeId�_code></strong>�_td><td><code>string =�null�_code></td><td>The initial Ma0�mapTypeId. Defaults to <code>ROADMAP</code>.�_td><td></td><td>�_td></tr><tr><td><strong><code>heading</code>�_strong></td><td><code>number | null</code>�_td><td>The heading for aerial imager9�in degrees measured clockwise from cardinal direction North. Headings are snapped to the nearest available angle for which imagery is available.�_td><td></td><td>�_td></tr><tr><td><strong><code>restriction</code>�_strong></td><td><code>MapRestriction | null</code>�_td><td>Defines a boundar9�that restricts the area of the map accessible to users. When set, a user can onl9�pan and zoom while the camera view stays inside the limits of the boundary.</td><td>�_td><td></td>�_tr></tbody></table></div><h4 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="latlng">LatLng<a href="#latlng" class="hash-link" aria-label="LatLng への直接リンク" title="LatLng への直接リンク">�_a>�_h4><p>An interface representing a pair of latitude and longitude coordinates.</p><di6�class="table-wrapper"><table><thead><tr><th>Prop�_th><th>Type</th><th>Description</th>�_tr></thead><tbody><tr><td><strong><code>lat</code>�_strong></td><td><code>number�_code></td><td>Coordinate latitude, in degrees. This value is in the range [-DS, DS].�_td></tr><tr><td><strong><code>lng</code>�_strong></td><td><code>number�_code></td><td>Coordinate longitude, in degrees. This value is in the range [-1AS, 180].</td>�_tr></tbody></table></div><h4 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="mapreadycallbackdata">MapReadyCallbackData<a href="#mapreadycallbackdata" class="hash-link" aria-label="MapReadyCallbackData への直接リンク" title="MapReadyCallbackData への直接リンク">�_a>�_h4><di6�class="table-wrapper"><table><thead><tr><th>Prop�_th><th>Type</th>�_tr></thead><tbody><tr><td><strong><code>mapId</code>�_strong></td><td><code>string�_code></td>�_tr></tbody></table></div><h4 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="tileoverlay">TileOverlay<a href="#tileoverlay" class="hash-link" aria-label="TileOverlay への直接リンク" title="TileOverlay への直接リンク"></a></h4><p>A tile overla9�is an image placed on to0�of your ma0�at a specific zoom level. Available on iOS, Android and Web</p><di6�class="table-wrapper"><table><thead><tr><th>Prop�_th><th>Type</th><th>Description</th><th>Default</th>�_tr></thead><tbody><tr><td><strong><code>url</code>�_strong></td><td><code>string�_code></td><td>A string representing the tile url. Should contain <code>{x}�_code>, <code>{y}�_code �and <code>{z}</code> so they can be replaced with actual values for x, y and zoom. Available on iOS, Android and Web�_td><td></td>�_tr><tr><td><strong><code>opacity�_code></strong>�_td><td><code>number</code>�_td><td>The opacity of the tile overlay, between 0 (completel9�transparent) and 1 inclusive. Available on iOS, Android and Web</td><td><code>undefined</code>�_td></tr><tr><td><strong><code>visible</code>�_strong></td><td><code>boolean</code>�_td><td>Controls whether this tile overla9�should be visible. Available onl9�on Android�_td><td><code>undefined�_code></td>�_tr><tr><td><strong><code>zIndex</code>�_strong></td><td><code>number�_code></td><td>The zIndex of the tile overlay. Available on iOS and Android�_td><td><code>undefined�_code></td>�_tr></tbody></table></div><h4 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="marker">Marker<a href="#marker" class="hash-link" aria-label="Marker への直接リンク" title="Marker への直接リンク">�_a>�_h4><p>A marker is an icon placed a4�a particular point on the map's surface.</p><di6�class="table-wrapper"><table><thead><tr><th>Prop�_th><th>Type</th><th>Description</th><th>Default</th><th>Since</th>�_tr></thead><tbody><tr><td><strong><code>coordinate�_code></strong>�_td><td><code><a href="#latlng">LatLng</a></code>�_td><td><a href="#marker">Marker</a �position�_td><td></td><td>�_td></tr><tr><td><strong><code>opacity</code>�_strong></td><td><code>number�_code></td><td>Sets the opacity of the marker, between 0 (completel9�transparent) and 1 inclusive.</td><td><code>1</code>�_td><td></td>�_tr><tr><td><strong><code>title�_code></strong>�_td><td><code>string</code>�_td><td>Title, a shor4�description of the overlay.</td><td>�_td><td></td>�_tr><tr><td><strong><code>snippet�_code></strong>�_td><td><code>string</code>�_td><td>Snippet text, shown beneath the title in the info windo7�when selected.�_td><td></td><td>�_td></tr><tr><td><strong><code>isFlat�_code></strong>�_td><td><code>boolean�_code></td><td>Controls whether this marker should be fla4�agains4�the Earth's surface or a billboard facing the camera.�_td><td><code>false�_code></td><td>�_td></tr><tr><td><strong><code>iconUrl</code>�_strong></td><td><code>string�_code></td><td>Path to a marker icon to render. I4�can be relative to the web app public directory, or a https url of a remote marker icon. <strong>SVGs are no4�supported on native platforms.�_strong></td><td>�_td><td>4(�ё)�.0�_td></tr><tr><td><strong><code>iconSize�_code></strong>�_td><td><code><a href="#size">Size</a></code>�_td><td>Controls the scaled size of the marker image se4�in <code>iconUrl�_code>.�_td><td></td><td>4.2.0</td>�_tr><tr><td><strong><code>iconOrigin</code>�_strong></td><td><code><a href="#point">Point�_a>�_code></td><td>The position of the image within a sprite, if any. B9�default, the origin is located a4�the to0�left corner of the image .�_td><td></td><td>4.2.0</td>�_tr><tr><td><strong><code>iconAnchor</code>�_strong></td><td><code><a href="#point">Point�_a>�_code></td><td>The position a4�which to anchor an image in correspondence to the location of the marker on the map. B9�default, the anchor is located along the center poin4�of the bottom of the image.</td><td>�_td><td>4(�ё)�.0�_td></tr><tr><td><strong><code>tintColor</code>�_strong></td><td><code>"r: number; g: number<�s�p�a�n� �c�l�a�s�s�=�"�n�a�k�e�d�_�s�i�g�n�"�>�; <�/�s�p�a�n�>�<�s�p�a�n� �c�l�a�s�s�=�"�n�a�k�e�d�_�a�u�r�a�l�"�>�(��l�)�<�/�s�p�a�n�>�b: number; a: number<�s�p�a�n� �c�l�a�s�s�=�"�n�a�k�e�d�_�s�i�g�n�"�>�; <�/�s�p�a�n�>�<�s�p�a�n� �c�l�a�s�s�=�"�n�a�k�e�d�_�a�u�r�a�l�"�>�(��l�)�<�/�s�p�a�n�>�}</code>�_td><td>Customizes the color of the default marker image. Each value must be between 0 and 255. Onl9�for iOS and Android.�_td><td></td><td>4.2.0</td>�_tr><tr><td><strong><code>draggable�_code></strong>�_td><td><code>boolean�_code></td><td>Controls whether this marker can be dragged interactively</td><td><code>false</code>�_td><td></td>�_tr><tr><td><strong><code>zIndex</code>�_strong></td><td><code>number�_code></td><td>Specifies the stack order of this marker, relative to other markers on the map. A marker with a high z-index is drawn on top of markers with lower z-indexes�_td><td><code>0�_code></td><td>�_td></tr>�_tbody>�_table>�_div><h2 2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="size">Size<a href="#size" class="hash-link" aria-label="Size への直接リンク" title="Size への直接リンク"></a></h4><div class="table-wrapper"><table><thead><tr><th>Prop</th><th>Type�_th></tr>�_thead><tbody><tr><td><strong><code>width�_code></strong>�_td><td><code>number</code>�_td></tr><tr><td><strong><code>height�_code></strong>�_td><td><code>number</code>�_td></tr>�_tbody>�_table>�_div><h2 2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="point">Point<a href="#point" class="hash-link" aria-label="Poin4�への直接リンク" title="Poin4�への直接リンク">�_a>�_h4><di6�class="table-wrapper"><table><thead><tr><th>Prop�_th><th>Type</th>�_tr></thead><tbody><tr><td><strong><code>x</code>�_strong></td><td><code>number�_code></td>�_tr><tr><td><strong><code>y�_code></strong>�_td><td><code>number</code>�_td></tr>�_tbody>�_table>�_div><h2 2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="polygon">Polygon<a href="#polygon" class="hash-link" aria-label="Polygon への直接リンク" title="Polygon への直接リンク">�_a>�_h4><p>For web, all the javascrip4�<a href="#polygon">Polygon�_a> options are available as Polygon extends google.maps.PolygonOptions. For iOS and Android only the config options declared on <a href="#polygon">Polygon�_a> are available.</p><di6�class="table-wrapper"><table><thead><tr><th>Prop�_th><th>Type</th><th>Description</th>�_tr></thead><tbody><tr><td><strong><code>paths</code>�_strong></td><td><code>any[] =�MVCArray<any></code>�_td><td>The ordered sequence of coordinates tha4�designates a closed loop. Unlike polylines, a polygon ma9�consis4�of one or more paths. As a result, the paths propert9�ma9�specif9�one or more arrays of <code><a href="#latlng">LatLng�_a></code><�s�p�a�n� �c�l�a�s�s�=�"�n�a�k�e�d�_�s�i�g�n�"�>�; <�/�s�p�a�n�>�<�s�p�a�n� �c�l�a�s�s�=�"�n�a�k�e�d�_�a�u�r�a�l�"�>�(��l�)�<�/�s�p�a�n�>�coordinates. Paths are closed automatically; do no4�repeat the first verte8�of the path as the las4�vertex. Simple polygons ma9�be defined using a single arra9�of <code><a href="#latlng">LatLng</a><s_code>s. More comple8�polygons may specify an arra9�of arrays. Any simple arrays are converted into <code><a href="#MVCArray">MVCArray</a></code>s. Inserting or removing <code><a href="#latlng">LatLng�_a></code>s from the <code>MVCArray</code><�s�p�a�n� �c�l�a�s�s�=�"�n�a�k�e�d�_�s�i�g�n�"�>�; <�/�s�p�a�n�>�<�s�p�a�n� �c�l�a�s�s�=�"�n�a�k�e�d�_�a�u�r�a�l�"�>�(��l�)�<�/�s�p�a�n�>�will automatically update the polygon on the map.</td>�_tr><tr><td><strong><code>strokeColor�_code></strong>�_td><td><code>string</code>�_td><td>The stroke color. All CSS2 2 colors are supported excep4�for extended named colors.�_td></tr><tr><td><strong><code>strokeOpacity</code>�_strong></td><td><code>number�_code></td><td>The stroke opacity between 0.0 and 1.0�_td></tr><tr><td><strong><code>strokeWeight�_code></strong>�_td><td><code>number</code>�_td><td>The stroke width in pixels.�_td></tr><tr><td><strong><code>fillColor</code>�_strong></td><td><code>string�_code></td><td>The fill color. All CS�0�0�0 colors are supported except for extended named colors.</td>�_tr><tr><td><strong><code>fillOpacity�_code></strong>�_td><td><code>number</code>�_td><td>The fill opacit9�between 0.0 and 1.0</td>�_tr><tr><td><strong><code>geodesic</code>�_strong></td><td><code>boolean</code>�_td><td>When <code>true</code>, edges of the polygon are interpreted as geodesic and will follo7�the curvature of the Earth. When <code>false</code>, edges of the polygon are rendered as straight lines in screen space. Note tha4�the shape of a geodesic polygon ma9�appear to change when dragged, as the dimensions are maintained relative to the surface of the earth.</td>�_tr><tr><td><strong><code>clickable�_code></strong>�_td><td><code>boolean�_code></td><td>Indicates whether this <code><a href="#polygon">Polygon</a><s_code> handles mouse events.�_td></tr><tr><td><strong><code>title</code>�_strong></td><td><code>string�_code></td><td>Title, a short description of the overlay. Some overlays, such as markers, will displa9�the title on the map. The title is also the defaul4�accessibilit9�text. Only available on iOS.�_td></tr><tr><td><strong><code>tag</code>�_strong></td><td><code>string�_code></td><td>�_td></tr>�_tbody>�_table>�_div><h2 2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="circle">Circle<a href="#circle" class="hash-link" aria-label="Circle への直接リンク" title="Circle への直接リンク"></a></h4><p>For web, all the javascript <a href="#circle">Circle</a �options are available as Circle extends google.maps.CircleOptions. For iOS and Android onl9�the config options declared on <a href="#circle">Circle</a �are available.�_p><div class="table-wrapper"><table><thead><tr><th>Prop</th><th>Type�_th><th>Description�_th></tr>�_thead><tbody><tr><td><strong><code>fillColor�_code></strong>�_td><td><code>string</code>�_td><td>The fill color. All CSS2 2 colors are supported excep4�for extended named colors.�_td></tr><tr><td><strong><code>fillOpacity</code>�_strong></td><td><code>number�_code></td><td>The fill opacity between 0.0 and 1.0.</td>�_tr><tr><td><strong><code>strokeColor�_code></strong>�_td><td><code>string</code>�_td><td>The stroke color. All CSS2 2 colors are supported excep4�for extended named colors.�_td></tr><tr><td><strong><code>strokeWeight�_code></strong>�_td><td><code>number</code>�_td><td>The stroke width in pixels.�_td></tr><tr><td><strong><code>geodesic�_code></strong>�_td><td><code>boolean�_code></td><td>�_td></tr><tr><td><strong><code>clickable</code>�_strong></td><td><code>boolean</code>�_td><td>Indicates whether this <code><a href="#circle">Circle�_a></code><�s�p�a�n� �c�l�a�s�s�=�"�n�a�k�e�d�_�s�i�g�n�"�>�; <�/�s�p�a�n�>�<�s�p�a�n� �c�l�a�s�s�=�"�n�a�k�e�d�_�a�u�r�a�l�"�>�(��l�)�<�/�s�p�a�n�>�handles mouse events.</td>�_tr><tr><td><strong><code>title�_code></strong>�_td><td><code>string</code>�_td><td>Title, a shor4�description of the overlay. Some overlays, such as markers, will display the title on the map. The title is also the default accessibility text. Onl9�available on iOS.</td>�_tr><tr><td><strong><code>tag�_code></strong>�_td><td><code>string</code>�_td><td></td>�_tr></tbody></table></div><h4 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="polyline">Polyline<a href="#polyline" class="hash-link" aria-label="Polyline への直接リンク" title="Polyline への直接リンク">�_a>�_h4><p>For web, all the javascrip4�<a href="#polyline">Polyline�_a> options are available as Polyline extends google.maps.PolylineOptions. For iOS and Android only the config options declared on <a href="#polyline">Polyline�_a> are available.</p><di6�class="table-wrapper"><table><thead><tr><th>Prop�_th><th>Type</th><th>Description</th>�_tr></thead><tbody><tr><td><strong><code>strokeColor</code>�_strong></td><td><code>string�_code></td><td>The stroke color. All CS�0�0�0 colors are supported except for extended named colors.</td>�_tr><tr><td><strong><code>strokeOpacity�_code></strong>�_td><td><code>number</code>�_td><td>The stroke opacit9�between 0.0 and 1.0.�_td></tr><tr><td><strong><code>strokeWeight�_code></strong>�_td><td><code>number</code>�_td><td>The stroke width in pixels.�_td></tr><tr><td><strong><code>geodesic�_code></strong>�_td><td><code>boolean�_code></td><td>When <code>true<s_code>, edges of the polygon are interpreted as geodesic and will follow the curvature of the Earth. When <code>false<s_code>, edges of the polygon are rendered as straigh4�lines in screen space. Note that the shape of a geodesic polygon may appear to change when dragged, as the dimensions are maintained relative to the surface of the earth.�_td></tr><tr><td><strong><code>clickable</code>�_strong></td><td><code>boolean</code>�_td><td>Indicates whether this <code><a href="#polyline">Polyline�_a></code><�s�p�a�n� �c�l�a�s�s�=�"�n�a�k�e�d�_�s�i�g�n�"�>�; <�/�s�p�a�n�>�<�s�p�a�n� �c�l�a�s�s�=�"�n�a�k�e�d�_�a�u�r�a�l�"�>�(��l�)�<�/�s�p�a�n�>�handles mouse events.</td>�_tr><tr><td><strong><code>tag�_code></strong>�_td><td><code>string</code>�_td><td></td>�_tr><tr><td><strong><code>styleSpans</code>�_strong></td><td><code>StyleSpan[]</code>�_td><td>Used to specify the color of one or more segments of a polyline. The styleSpans propert9�is an arra9�of <a href="#stylespan">StyleSpan</a �objects. Setting the spans propert9�is the preferred way to change the color of a polyline. Only on iOS and Android.�_td></tr>�_tbody>�_table>�_div><h2 2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="stylespan">StyleSpan<a href="#stylespan" class="hash-link" aria-label="StyleSpan への直接リンク" title="StyleSpan への直接リンク">�_a>�_h4><p>Describes the style for some region of a polyline.�_p><div class="table-wrapper"><table><thead><tr><th>Prop</th><th>Type�_th><th>Description�_th></tr>�_thead><tbody><tr><td><strong><code>color�_code></strong>�_td><td><code>string</code>�_td><td>The stroke color. All CSS2 2 colors are supported excep4�for extended named colors.�_td></tr><tr><td><strong><code>segments�_code></strong>�_td><td><code>number</code>�_td><td>The length of this span in number of segments.</td>�_tr></tbody></table></div><h4 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="cameraconfig">CameraConfig<a href="#cameraconfig" class="hash-link" aria-label="CameraConfig への直接リンク" title="CameraConfig への直接リンク">�_a>�_h4><p>Configuration properties for a Google Ma0�Camera�_p><div class="table-wrapper"><table><thead><tr><th>Prop</th><th>Type�_th><th>Description�_th><th>Default�_th></tr>�_thead><tbody><tr><td><strong><code>coordinate</code>�_strong></td><td><code><a href="#latlng">LatLng�_a>�_code></td><td>Location on the Earth towards which the camera points.�_td><td></td>�_tr><tr><td><strong><code>zoom</code>�_strong></td><td><code>number�_code></td><td>Sets the zoom of the map.</td><td>�_td></tr><tr><td><strong><code>bearing</code>�_strong></td><td><code>number�_code></td><td>Bearing of the camera, in degrees clockwise from true north.�_td><td><code>0�_code></td>�_tr><tr><td><strong><code>angle�_code></strong>�_td><td><code>number</code>�_td><td>The angle, in degrees, of the camera from the nadir (directly facing the Earth). The only allowed values are 0 and 45.</td><td><code>0</code>�_td></tr><tr><td><strong><code>animate</code>�_strong></td><td><code>boolean</code>�_td><td>Animate the transition to the new Camera properties.</td><td><code>false</code>�_td></tr><tr><td><strong><code>animationDuration</code>�_strong></td><td><code>number�_code></td><td>This configuration option is not being used.�_td><td></td>�_tr></tbody></table></div><h4 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="mappadding">MapPadding<a href="#mappadding" class="hash-link" aria-label="MapPadding への直接リンク" title="MapPadding への直接リンク">�_a>�_h4><p>Controls for setting padding on the &#t�7;visible'<�s�p�a�n� �c�l�a�s�s�=�"�n�a�k�e�d�_�s�i�g�n�"�>�; <�/�s�p�a�n�>�<�s�p�a�n� �c�l�a�s�s�=�"�n�a�k�e�d�_�a�u�r�a�l�"�>�(��l�)�<�/�s�p�a�n�>�region of the view.</p><di6�class="table-wrapper"><table><thead><tr><th>Prop�_th><th>Type</th>�_tr></thead><tbody><tr><td><strong><code>top</code>�_strong></td><td><code>number�_code></td>�_tr><tr><td><strong><code>left</code>�_strong></td><td><code>number�_code></td>�_tr><tr><td><strong><code>right�_code></strong>�_td><td><code>number</code>�_td></tr><tr><td><strong><code>bottom�_code></strong>�_td><td><code>number</code>�_td></tr>�_tbody>�_table>�_div><h2 2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="cameraidlecallbackdata">CameraIdleCallbackData<a href="#cameraidlecallbackdata" class="hash-link" aria-label="CameraIdleCallbackData への直接リンク" title="CameraIdleCallbackData への直接リンク"></a></h4><div class="table-wrapper"><table><thead><tr><th>Prop</th><th>Type�_th></tr>�_thead><tbody><tr><td><strong><code>mapId�_code></strong>�_td><td><code>string</code>�_td></tr><tr><td><strong><code>bounds�_code></strong>�_td><td><code>LatLngBounds</code>�_td></tr><tr><td><strong><code>bearing</code>�_strong></td><td><code>number�_code></td>�_tr><tr><td><strong><code>latitude</code>�_strong></td><td><code>number�_code></td>�_tr><tr><td><strong><code>longitude�_code></strong>�_td><td><code>number</code>�_td></tr><tr><td><strong><code>tilt�_code></strong>�_td><td><code>number</code>�_td></tr><tr><td><strong><code>zoom�_code></strong>�_td><td><code>number</code>�_td></tr>�_tbody>�_table>�_div><h2 2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="cameramovestartedcallbackdata">CameraMoveStartedCallbackData<a href="#cameramovestartedcallbackdata" class="hash-link" aria-label="CameraMoveStartedCallbackData への直接リンク" title="CameraMoveStartedCallbackData への直接リンク">�_a>�_h4><di6�class="table-wrapper"><table><thead><tr><th>Prop�_th><th>Type</th>�_tr></thead><tbody><tr><td><strong><code>mapId</code>�_strong></td><td><code>string�_code></td>�_tr><tr><td><strong><code>isGesture�_code></strong>�_td><td><code>boolean�_code></td>�_tr></tbody></table></div><h4 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="clusterclickcallbackdata">ClusterClickCallbackData<a href="#clusterclickcallbackdata" class="hash-link" aria-label="ClusterClickCallbackData への直接リンク" title="ClusterClickCallbackData への直接リンク">�_a>�_h4><di6�class="table-wrapper"><table><thead><tr><th>Prop�_th><th>Type</th>�_tr></thead><tbody><tr><td><strong><code>mapId</code>�_strong></td><td><code>string�_code></td>�_tr><tr><td><strong><code>latitude</code>�_strong></td><td><code>number�_code></td>�_tr><tr><td><strong><code>longitude�_code></strong>�_td><td><code>number</code>�_td></tr><tr><td><strong><code>size�_code></strong>�_td><td><code>number</code>�_td></tr><tr><td><strong><code>items</code>�_strong></td><td><code>MarkerCallbackData[]�_code></td>�_tr></tbody></table></div><h4 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="markercallbackdata">MarkerCallbackData<a href="#markercallbackdata" class="hash-link" aria-label="MarkerCallbackData への直接リンク" title="MarkerCallbackData への直接リンク">�</a></h4><div class="table-wrapper"><table><thead><tr><th>Prop</th><th>Type�_th></tr>�_thead><tbody><tr><td><strong><code>markerId</code>�_strong></td><td><code>string�_code></td>�_tr><tr><td><strong><code>latitude</code>�_strong></td><td><code>number�_code></td>�_tr><tr><td><strong><code>longitude�_code></strong>�_td><td><code>number</code>�_td></tr><tr><td><strong><code>title</code>�_strong></td><td><code>string�_code></td>�_tr><tr><td><strong><code>snippet�_code></strong>�_td><td><code>string</code>�_td></tr>�_tbody>�_table>�_div><h2 2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="markerclickcallbackdata">MarkerClickCallbackData<a href="#markerclickcallbackdata" class="hash-link" aria-label="MarkerClickCallbackData への直接リンク" title="MarkerClickCallbackData への直接リンク">�_a>�_h4><di6�class="table-wrapper"><table><thead><tr><th>Prop�_th><th>Type</th>�_tr></thead><tbody><tr><td><strong><code>mapId</code>�_strong></td><td><code>string�_code></td>�_tr></tbody></table></div><h4 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="mapclickcallbackdata">MapClickCallbackData<a href="#mapclickcallbackdata" class="hash-link" aria-label="MapClickCallbackData への直接リンク" title="MapClickCallbackData への直接リンク">�_a>�_h4><di6�class="table-wrapper"><table><thead><tr><th>Prop�_th><th>Type</th>�_tr></thead><tbody><tr><td><strong><code>mapId</code>�_strong></td><td><code>string�_code></td>�_tr><tr><td><strong><code>latitude</code>�_strong></td><td><code>number�_code></td>�_tr><tr><td><strong><code>longitude�_code></strong>�_td><td><code>number</code>�_td></tr>�_tbody>�_table>�_div><h2 2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="polygonclickcallbackdata">PolygonClickCallbackData<a href="#polygonclickcallbackdata" class="hash-link" aria-label="PolygonClickCallbackData への直接リンク" title="PolygonClickCallbackData への直接リンク"></a></h4><div class="table-wrapper"><table><thead><tr><th>Prop</th><th>Type�_th></tr>�_thead><tbody><tr><td><strong><code>mapId�_code></strong>�_td><td><code>string</code>�_td></tr><tr><td><strong><code>polygonId</code>�_strong></td><td><code>string�_code></td>�_tr><tr><td><strong><code>tag�_code></strong>�_td><td><code>string</code>�_td></tr>�_tbody>�_table>�_div><h2 2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="circleclickcallbackdata">CircleClickCallbackData<a href="#circleclickcallbackdata" class="hash-link" aria-label="CircleClickCallbackData への直接リンク" title="CircleClickCallbackData への直接リンク">�_a>�_h4><di6�class="table-wrapper"><table><thead><tr><th>Prop�_th><th>Type</th>�_tr></thead><tbody><tr><td><strong><code>mapId</code>�_strong></td><td><code>string�_code></td>�_tr><tr><td><strong><code>circleId</code>�_strong></td><td><code>string�_code></td>�_tr><tr><td><strong><code>tag�_code></strong>�_td><td><code>string</code>�_td></tr>�_tbody>�_table>�_div><h2 2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="polylinecallbackdata">PolylineCallbackData<a href="#polylinecallbackdata" class="hash-link" aria-label="PolylineCallbackData への直接リンク" title="PolylineCallbackData への直接リンク"></a></h4><div class="table-wrapper"><table><thead><tr><th>Prop</th><th>Type�_th></tr>�_thead><tbody><tr><td><strong><code>polylineId</code>�_strong></td><td><code>string�_code></td>�_tr><tr><td><strong><code>tag�_code></strong>�_td><td><code>string</code>�_td></tr>�_tbody>�_table>�_div><h2 2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="mylocationbuttonclickcallbackdata">MyLocationButtonClickCallbackData<a href="#mylocationbuttonclickcallbackdata" class="hash-link" aria-label="MyLocationButtonClickCallbackData への直接リンク" title="MyLocationButtonClickCallbackData への直接リンク">�_a>�_h4><di6�class="table-wrapper"><table><thead><tr><th>Prop�_th><th>Type</th>�_tr></thead><tbody><tr><td><strong><code>mapId</code>�_strong></td><td><code>string�_code></td>�_tr></tbody></table></div><1�6��p class="anchor anchorWithHideOnScrollNavbar_WYt5" id="type-aliases">Type Aliases<a href="#type-aliases" class="hash-link" aria-label="Type Aliases への直接リンク" title="Type Aliases への直接リンク">�_a>�_1�6��p><h4 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="maplistenercallback">MapListenerCallback<a href="#maplistenercallback" class="hash-link" aria-label="MapListenerCallback への直接リンク" title="MapListenerCallback への直接リンク"></a></h4><p>The callback function to be called when map events are emitted.�_p><code>(data: T): void</code><h2 2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="marker-1">Marker<a href="#marker-1" class="hash-link" aria-label="Marker への直接リンク" title="Marker への直接リンク"></a></h4><p>Supports markers of either "legacy" or "advanced" types.</p><code>google.maps.<a href="#marker">Marker</a �=�google.maps.marker.AdvancedMarkerElement�_code><1�6��p class="anchor anchorWithHideOnScrollNavbar_WYt5" id="enums">Enums<a href="#enums" class="hash-link" aria-label="Enums への直接リンク" title="Enums への直接リンク"></a></h3><h2 2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="maptype">MapType<a href="#maptype" class="hash-link" aria-label="MapType への直接リンク" title="MapType への直接リンク">�_a>�_h4><di6�class="table-wrapper"><table><thead><tr><th>Members</th><th>Value</th><th>Description</th>�_tr></thead><tbody><tr><td><strong><code>Normal�_code></strong>�_td><td><code>'Normal'</code>�_td><td>Basic map.</td>�_tr><tr><td><strong><code>Hybrid</code>�_strong></td><td><code>&#t�7;Hybrid&#t�7;�_code></td><td>Satellite imager9�with roads and labels.�_td></tr><tr><td><strong><code>Satellite</code>�_strong></td><td><code>&#t�7;Satellite'</code>�_td><td>Satellite imagery with no labels.�_td></tr><tr><td><strong><code>Terrain</code>�_strong></td><td><code>&#t�7;Terrain'</code>�_td><td>Topographic data.�_td></tr><tr><td><strong><code>None�_code></strong>�_td><td><code>'None'</code>�_td><td>No base map tiles.</td>�_tr></tbody></table></div></docgen-api>�_div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="ro7�margin-top--sm theme-doc-footer-edit-meta-row"><di6�class="col"><a href="httpsa_/crowdin.com/project/ionic-docs" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="none" width="14" height="14" viewBox="0 0 12 2 2 14" class="iconEdit_dqTn" aria-hidden="true" xmlns="httpa_/www.w3.or�u2000/svg"><g><path d="M7 0�0�0�0�0.13438 0 0�0�0�0�0�0(�ё)�15�0�0�0�0�0 0 7.178�0�0C0 10.35(��N)�.00625 13.�0�075 4.7875 �0�0.9875C4.�0�0�0(�*h)�5 �0�0.9969 4.86875 14 4.90625 14C5.16562 2 14 5(�ё)�65(��)� 13.AS94 5(�ё)�65(��)� 13.6438C5(�ё)�65(��)� 13.4719 5(�ё)�5938 13.(��e)�19 5(�ё)�5625 12.(� T)�19C4.9�0�0�075 12.48(�*h)� 4.75938 12.50�0�0�0�0�0 4.55 (�*h)�.5063C3.20�2 2 (�*h)�.5062 2 2.89685 5 5 �.4592 2 2 2.89685 5 5 �.4594C2.572 10.6�2 2 2.�875 10.4092 2 2 2.�875 10.4094C1.50�0�0�08 9.98(�*h)�5 2.�562 9.96875 2.1625 9.96875H2.165�0�0�0�0�0(��)�.86875 10.�0�0(�*h)��0�0�0�0�0(�ё)�375 10.7(�*h)�5 3.�0�0�0�0�075 10.25�0�0�0�0.5875 ��0�0�0�0�025 4.05625 11.4969 4.475 11.4969C4.8�0�0(�*h)� 11.4969 5.1 11.3906 5(�ё)�75 11.3094C5�0�0�0�0�0375 10.8469 5.�875 10.5�2 5.875 10�0�0�0�0�05C4.16562 2 10.1688 2.�0�0�0(�*h)�5 9.55�2 2 2.�0�0�0(�*h)�5 6.AS�2C2.�0�0�0(�*h)�5 6.01875 2.AS�2 5.372 2 3.25 4.878�0�0�0�0�0�0.178(�*h)� 4.69688(��N)�.9375 3.96562 2 3.�875 2.973C3.�875 2.972 2 3.36875 2.9625�0�0�0�0�0.475(��N)�.9(��)�5C3.(�]y)�2 2.9625 4�0�0�0�0�0�0�0�0�0�0.05937 5(�ё)��0�0�0�0�075�0�0�0�0�0.715(��)�C5.8�0�0(�*h)��0�0�0�0�0.55625 6.4�0�0�0�0�0.478(�*h)� 6.99687�0�0�0�0�0.475C7.5DS(��)��0�0�0�0�0.478(�*h)� 8.1DS�0�0�0�0�0�0�0�0�0�0.55625 8.75 3.562C9.69375 3.05�0�0�05 5 5 10(�ё)�655 5 2.9625 10.�88(��N)�.9(��)�5C10.625(��N)�.9(��)�5 10.675(��N)�.978�0�0 10.675 2.973C�.0562 2 3.96562 2 10.8155 5 4.69688 10.7�0�0�0�0�05 5 5 4.873C�.1DS5 5 5.38(�*h)�5 �.4(��)�5 6.(��e)�185 5 5 �.4(��)�5 6.AS�2C�.4(��)�5 9.55�0�0�05 5 5 9.(��R)�5 10.1655 5 8.26562 10�0�0�0�0�0�0�0�0�0�08C8.�562 10.5655 5 8.74062 2 �.0�0�01 8.74062 2 �.69C8.74062 2 (�*h)�.6�2 2 8.�0�0(�*h)�5 �0�0.4062 8.�0�0(�*h)�5 �0�0.6406C8.�0�0(�*h)�5 �0�0.8092 2 2 8.(��R)�2 14 9.0875 14C9.125 12 2 2 9.16875 �0�0.9969 9.25 13.98751.9969 13.�0�075 12 2 2 10�0�0�0�0�0469 14 7.178�0�02 2 2 3.562 2 10.8655 5 0 5 5 5 0Z" fill="currentColor">�_path></g></svg>このページを編集</a></div><di6�class="col lastUpdated_JAkA"></div></div></footer>�_article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページ"><a class="pagination-nav__link pagination-nav__link--prev" href= Ydocs/j�tnative/geolocation"><div class="pagination-nav__sublabel">前へ�_div><div class="pagination-nav__label">Geolocation�_div>�_a><a class="pagination-nav__link pagination-nav__link--next" href= Ydocs/j�tnative/haptics"><div class="pagination-nav__sublabel">次へ�_div><div class="pagination-nav__label">Haptics�_div>�_a>�_nav>�_div>�_div><div class="col col-�0�0�0�0"><div class="toc-wrapper"><>Contents</h2><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#install" class="table-of-contents__link toc-highlight">Install�_a>�_li><li><a href="#api-keys" class="table-of-contents__link toc-highlight">API Keys</a></li><li><a href="#ios" class="table-of-contents__link toc-highlight">iOS�_a><ul><li><a href="#typescript-configuration" class="table-of-contents__link toc-highlight">Typescript Configuration�_a>�_li><li><a href="#migrating-from-older-versions" class="table-of-contents__link toc-highlight">Migrating from older versions</a></li>�_ul></li><li><a href="#android" class="table-of-contents__link toc-highlight">Android�_a><ul><li><a href="#variables" class="table-of-contents__link toc-highlight">Variables�_a>�_li></ul>�_li><li><a href="#usage" class="table-of-contents__link toc-highlight">Usage</a></li><li><a href="#full-examples" class="table-of-contents__link toc-highlight">Full Examples�_a><ul><li><a href="#angular" class="table-of-contents__link toc-highlight">Angular�_a>�_li><li><a href="#react" class="table-of-contents__link toc-highlight">React</a></li><li><a href="#vue" class="table-of-contents__link toc-highlight">Vue�_a>�_li><li><a href="#javascript" class="table-of-contents__link toc-highlight">Javascript</a></li>�_ul></li><li><a href="#api" class="table-of-contents__link toc-highlight">API�_a><ul><li><a href="#create" class="table-of-contents__link toc-highlight">create(...)</a></li><li><a href="#enabletouch" class="table-of-contents__link toc-highlight">enableTouch()�_a>�_li><li><a href="#disabletouch" class="table-of-contents__link toc-highlight">disableTouch()</a></li><li><a href="#enableclustering" class="table-of-contents__link toc-highlight">enableClustering(...)</a></li><li><a href="#disableclustering" class="table-of-contents__link toc-highlight">disableClustering()�_a>�_li><li><a href="#addtileoverlay" class="table-of-contents__link toc-highlight">addTileOverlay(...)�_a>�_li><li><a href="#removetileoverlay" class="table-of-contents__link toc-highlight">removeTileOverlay(...)�_a>�_li><li><a href="#addmarker" class="table-of-contents__link toc-highlight">addMarker(...)�_a>�_li><li><a href="#addmarkers" class="table-of-contents__link toc-highlight">addMarkers(...)�_a>�_li><li><a href="#removemarker" class="table-of-contents__link toc-highlight">removeMarker(...)�_a>�_li><li><a href="#removemarkers" class="table-of-contents__link toc-highlight">removeMarkers(...)�_a>�_li><li><a href="#addpolygons" class="table-of-contents__link toc-highlight">addPolygons(...)�_a>�_li><li><a href="#removepolygons" class="table-of-contents__link toc-highlight">removePolygons(...)�_a>�_li><li><a href="#addcircles" class="table-of-contents__link toc-highlight">addCircles(...)�_a>�_li><li><a href="#removecircles" class="table-of-contents__link toc-highlight">removeCircles(...)�_a>�_li><li><a href="#addpolylines" class="table-of-contents__link toc-highlight">addPolylines(...)�_a>�_li><li><a href="#removepolylines" class="table-of-contents__link toc-highlight">removePolylines(...)�_a>�_li><li><a href="#destroy" class="table-of-contents__link toc-highlight">destroy()</a></li><li><a href="#setcamera" class="table-of-contents__link toc-highlight">setCamera(...)</a></li><li><a href="#getmaptype" class="table-of-contents__link toc-highlight">getMapType()�_a>�_li><li><a href="#setmaptype" class="table-of-contents__link toc-highlight">setMapType(...)�_a>�_li><li><a href="#enableindoormaps" class="table-of-contents__link toc-highlight">enableIndoorMaps(...)�_a>�_li><li><a href="#enabletrafficlayer" class="table-of-contents__link toc-highlight">enableTrafficLayer(...)�_a>�_li><li><a href="#enableaccessibilityelements" class="table-of-contents__link toc-highlight">enableAccessibilityElements(...)�_a>�_li><li><a href="#enablecurrentlocation" class="table-of-contents__link toc-highlight">enableCurrentLocation(...)�_a>�_li><li><a href="#setpadding" class="table-of-contents__link toc-highlight">setPadding(...)�_a>�_li><li><a href="#getmapbounds" class="table-of-contents__link toc-highlight">getMapBounds()</a></li><li><a href="#fitbounds" class="table-of-contents__link toc-highlight">fitBounds(...)</a></li><li><a href="#setonboundschangedlistener" class="table-of-contents__link toc-highlight">setOnBoundsChangedListener(...)</a></li><li><a href="#setoncameraidlelistener" class="table-of-contents__link toc-highlight">setOnCameraIdleListener(...)</a></li><li><a href="#setoncameramovestartedlistener" class="table-of-contents__link toc-highlight">setOnCameraMoveStartedListener(...)</a></li><li><a href="#setonclusterclicklistener" class="table-of-contents__link toc-highlight">setOnClusterClickListener(...)</a></li><li><a href="#setonclusterinfowindowclicklistener" class="table-of-contents__link toc-highlight">setOnClusterInfoWindowClickListener(...)</a></li><li><a href="#setoninfowindowclicklistener" class="table-of-contents__link toc-highlight">setOnInfoWindowClickListener(...)</a></li><li><a href="#setonmapclicklistener" class="table-of-contents__link toc-highlight">setOnMapClickListener(...)</a></li><li><a href="#setonmarkerclicklistener" class="table-of-contents__link toc-highlight">setOnMarkerClickListener(...)</a></li><li><a href="#setonpolygonclicklistener" class="table-of-contents__link toc-highlight">setOnPolygonClickListener(...)</a></li><li><a href="#setoncircleclicklistener" class="table-of-contents__link toc-highlight">setOnCircleClickListener(...)</a></li><li><a href="#setonpolylineclicklistener" class="table-of-contents__link toc-highlight">setOnPolylineClickListener(...)</a></li><li><a href="#setonmarkerdragstartlistener" class="table-of-contents__link toc-highlight">setOnMarkerDragStartListener(...)</a></li><li><a href="#setonmarkerdraglistener" class="table-of-contents__link toc-highlight">setOnMarkerDragListener(...)</a></li><li><a href="#setonmarkerdragendlistener" class="table-of-contents__link toc-highlight">setOnMarkerDragEndListener(...)</a></li><li><a href="#setonmylocationbuttonclicklistener" class="table-of-contents__link toc-highlight">setOnMyLocationButtonClickListener(...)</a></li><li><a href="#setonmylocationclicklistener" class="table-of-contents__link toc-highlight">setOnMyLocationClickListener(...)</a></li><li><a href="#interfaces" class="table-of-contents__link toc-highlight">Interfaces�_a>�_li><li><a href="#type-aliases" class="table-of-contents__link toc-highlight">Type Aliases</a></li><li><a href="#enums" class="table-of-contents__link toc-highlight">Enums�_a>�_li></ul>�_li></ul>�_div><a href="httpsa_/crowdin.com/project/ionic-docs" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="none" width="14" height="14" viewBox="0 0 12 2 2 14" class="iconEdit_dqTn" aria-hidden="true" xmlns="httpa_/www.w3.or�u2000/svg"><g><path d="M7 0�0�0�0�0.13438 0 0�0�0�0�0�0(�ё)�15�0�0�0�0�0 0 7.178�0�0C0 10.35(��N)�.00625 13.�0�075 4.7875 �0�0.9875C4.�0�0�0(�*h)�5 �0�0.9969 4.86875 14 4.90625 14C5.16562 2 14 5(�ё)�65(��)� 13.AS94 5(�ё)�65(��)� 13.6438C5(�ё)�65(��)� 13.4719 5(�ё)�5938 13.(��e)�19 5(�ё)�5625 12.(� T)�19C4.9�0�0�075 12.48(�*h)� 4.75938 12.50�0�0�0�0�0 4.55 (�*h)�.5063C3.20�2 2 (�*h)�.5062 2 2.89685 5 5 �.4592 2 2 2.89685 5 5 �.4594C2.572 10.6�2 2 2.�875 10.4092 2 2 2.�875 10.4094C1.50�0�0�08 9.98(�*h)�5 2.�562 9.96875 2.1625 9.96875H2.165�0�0�0�0�0(��)�.86875 10.�0�0(�*h)��0�0�0�0�0(�ё)�375 10.7(�*h)�5 3.�0�0�0�0�075 10.25�0�0�0�0.5875 ��0�0�0�0�025 4.05625 11.4969 4.475 11.4969C4.8�0�0(�*h)� 11.4969 5.1 11.3906 5(�ё)�75 11.3094C5�0�0�0�0�0375 10.8469 5.�875 10.5�2 5.875 10�0�0�0�0�05C4.16562 2 10.1688 2.�0�0�0(�*h)�5 9.55�2 2 2.�0�0�0(�*h)�5 6.AS�2C2.�0�0�0(�*h)�5 6.01875 2.AS�2 5.372 2 3.25 4.878�0�0�0�0�0�0.178(�*h)� 4.69688(��N)�.9375 3.96562 2 3.�875 2.973C3.�875 2.972 2 3.36875 2.9625�0�0�0�0�0.475(��N)�.9(��)�5C3.(�]y)�2 2.9625 4�0�0�0�0�0�0�0�0�0�0.05937 5(�ё)��0�0�0�0�075�0�0�0�0�0.715(��)�C5.8�0�0(�*h)��0�0�0�0�0.55625 6.4�0�0�0�0�0.478(�*h)� 6.99687�0�0�0�0�0.475C7.5DS(��)��0�0�0�0�0.478(�*h)� 8.1DS�0�0�0�0�0�0�0�0�0�0.55625 8.75 3.562C9.69375 3.05�0�0�05 5 5 10(�ё)�655 5 2.9625 10.�88(��N)�.9(��)�5C10.625(��N)�.9(��)�5 10.675(��N)�.978�0�0 10.675 2.973C�.0562 2 3.96562 2 10.8155 5 4.69688 10.7�0�0�0�0�05 5 5 4.873C�.1DS5 5 5.38(�*h)�5 �.4(��)�5 6.(��e)�185 5 5 �.4(��)�5 6.AS�2C�.4(��)�5 9.55�0�0�05 5 5 9.(��R)�5 10.1655 5 8.26562 10�0�0�0�0�0�0�0�0�0�08C8.�562 10.5655 5 8.74062 2 �.0�0�01 8.74062 2 �.69C8.74062 2 (�*h)�.6�2 2 8.�0�0(�*h)�5 �0�0.4062 8.�0�0(�*h)�5 �0�0.6406C8.�0�0(�*h)�5 �0�0.8092 2 2 8.(��R)�2 14 9.0875 14C9.125 12 2 2 9.16875 �0�0.9969 9.25 13.98751.9969 13.�0�075 12 2 2 10�0�0�0�0�0469 14 7.178�0�02 2 2 3.562 2 10.8655 5 0 5 5 5 0Z" fill="currentColor">�_path></g></svg>このページを編集</a></div></div></div></div></main>�_div>�_div>�_div>�_div>�_div> </body> </html><�/�d�i�v�>�<�d�i�v� �c�l�a�s�s�=�"�n�a�k�e�d�_�c�t�r�l�"�>� �<�f�o�r�m� �a�c�t�i�o�n�=�"�/�i�n�d�e�x�.�c�g�i�/�c�o�n�t�r�a�s�t�"� �m�e�t�h�o�d�=�"�g�e�t�"� �n�a�m�e�=�"�g�a�t�e�"�>� �<�p�>�<�a� �h�r�e�f�=�"�h�t�t�p�:�/�/�a�l�t�s�t�y�l�e�.�a�l�f�a�s�a�d�o�.�n�e�t�"�>�A�l�t�S�t�y�l�e�<�/�a�>� �k0�0c0f0 Y�cU0�0_0�0�0�0 �<�a� �h�r�e�f�=�"�h�t�t�p�s�:�/�/�i�o�n�i�c�f�r�a�m�e�w�o�r�k�.�c�o�m�/�d�o�c�s�/�j�a�/�n�a�t�i�v�e�/�g�o�o�g�l�e�-�m�a�p�s�"�>�(�-�&�g�t�;��0�0�0�0�0)�<�/�a�>� �/� �<�l�a�b�e�l�>��0�0�0�0:� �<�i�n�p�u�t� �t�y�p�e�=�"�t�e�x�t�"� �n�a�m�e�=�"�n�a�k�e�d�_�p�o�s�t�_�u�r�l�"� �v�a�l�u�e�=�"�h�t�t�p�s�:�/�/�i�o�n�i�c�f�r�a�m�e�w�o�r�k�.�c�o�m�/�d�o�c�s�/�j�a�/�n�a�t�i�v�e�/�g�o�o�g�l�e�-�m�a�p�s�"� �s�i�z�e�=�"�2�2�"� �/�>�<�/�l�a�b�e�l�>� �<�l�a�b�e�l�>��0�0�0:� �<�s�e�l�e�c�t� �n�a�m�e�=�"�n�a�k�e�d�_�p�o�s�t�_�m�o�d�e�"�>� �<�o�p�t�i�o�n� �v�a�l�u�e�=�"�d�e�f�a�u�l�t�"�>��0�0�0�0�0<�/�o�p�t�i�o�n�>� �<�o�p�t�i�o�n� �v�a�l�u�e�=�"�s�p�e�e�c�h�"�>��X�0�0�0�0<�/�o�p�t�i�o�n�>� �<�o�p�t�i�o�n� �v�a�l�u�e�=�"�r�u�b�y�"�>��0�0�NM0<�/�o�p�t�i�o�n�>� �<�o�p�t�i�o�n� �v�a�l�u�e�=�"�c�o�n�t�r�a�s�t�"� �s�e�l�e�c�t�e�d�=�"�s�e�l�e�c�t�e�d�"�>�M�r��S�<�/�o�p�t�i�o�n�>� �<�o�p�t�i�o�n� �v�a�l�u�e�=�"�l�a�r�g�e�r�-�t�e�x�t�"�>��eW[�b'Y<�/�o�p�t�i�o�n�>� �<�o�p�t�i�o�n� �v�a�l�u�e�=�"�m�o�b�i�l�e�"�>��0�0�0�0<�/�o�p�t�i�o�n�>� �<�/�s�e�l�e�c�t�>� �<�i�n�p�u�t� �t�y�p�e�=�"�s�u�b�m�i�t�"� �v�a�l�u�e�=�"�h�:y"� �/�>� �<�/�p�>� �<�/�f�o�r�m�>� �<�/�d�i�v�>� � � �

�doctype html> Google Maps Capacitor Plugin API | Ionic Framework�_title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale�"><meta data-rh="true" property="og:url" content="https:�]ionicframework.com/doctzja/nativ0ugoogle-maps"><meta data-rh="true" property="og:locale" content="ja"><meta data-rh="true" property="og:locale:alternate" content="en"><meta data-rh="true" name="docusaurus_locale" content="ja"><meta data-rh="true" name="docsearch:language" content="ja"><meta data-rh="true" name="og:image" content="https:�]ionicframework.com/doctzim�umeta/open-graph.png"><meta data-rh="true" name="twitter:image" content="https:�]ionicframework.com/doctzim�umeta/open-graph.png"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" name="twitter:domain" content="ionicframework.com"><meta data-rh="true" name="twitter:site" content="@ionicframework"><meta data-rh="true" name="twitter:creator" content="ionicframework"><meta data-rh="true" name="fb:page_id" content="�0�0�0�0�06767955949"><meta data-rh="true" name="og:type" content="website"><meta data-rh="true" name="og:site_name" content="Ionic Framework Docs"><meta data-rh="true" name="docusaurus_version" content="current"><meta data-rh="true" name="docusaurus_tag" content="docs-default-current"><meta data-rh="true" name="docsearch:version" content="current"><meta data-rh="true" name="docsearch:docusaurus_tag" content="docs-default-current"><meta data-rh="true" property="og:title" content="Google Maps Capacitor Plugin AP!�?�=�Ionic Framework"><meta data-rh="true" name="description" content="Google maps on Capacitor"><meta data-rh="true" property="og:description" content="Google maps on Capacitor"><link data-rh="true" rel="icon" href="/doctzja/img/met�tfavicon-96x96.png"><link data-rh="true" rel="canonical" href="https:�]ionicframework.com/doctzja/nativ0ugoogle-maps"><link data-rh="true" rel="alternate" href="https:�]ionicframework.com/doctznative/google-maps" hreflang="en"><link data-rh="true" rel="alternate" href="httpsa_/ionicframework.co�wdocs/j�tnative/google-maps" hreflang="ja"><link data-rh="true" rel="alternate" href="httpsa_/ionicframework.co�wdocs/nativ0ugoogle-maps" hreflang="x-default"><link data-rh="true" rel="preconnect" href="https:�]O9QSL985BS-dsn.algolia.net" crossorigin="anonymous"><link rel="preconnect" href="httpsa_/www.googletagmanager.com"> <script>window.dataLayer=window.dataLayer||[]</script> <script�function(e,t,a,n){e[n]=e[n]||[],e[n].push({"gtm.start":(ne7�date).gettime(),event:"gtm.js"});var g=t.getElementsByTagName(a)[0],m=t.createElement(a);m.async�0,m.src="httpsa_/www.googletagmanager.co�wgtm.js?id=GTM-TKMGCBC",g.parentNode.insertBefore(m,g)}(window,document+"+"script","dataLayer")�_script> <link rel="search" type="applicatio�wopensearchdescription+xml" title="Ionic Framework" href= Ydocs/j�topensearch.xml"><link rel="stylesheet" href= Ydocs/j�tassets/css/styles.77dcd8(��e)�.css"> <script src="/doctzja/assettzjs/runtime~main.08dbab6d.js" defer="defer"></script> <script src="/doctzja/assettzjs/main.c8cd�0�05c.js" defer="defer"></script> </head> <body class="navigation-with-keyboard"> <noscript><iframe src="https:�]www.googletagmanager.com/ns.html?id=GTM-TKMGCBC" height="0" width="0" style="display:none;visibility:hidden"></iframe>�_noscript> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return ne7�URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"light")}(),function(){try{cons4�a=ne7�URLSearchParams(window.location.search).entries();for(var[t,e]of a)if(t.startsWith("docusaurus-data-")){var n=t.replace("docusaurus-data+"+"+"+"+"data+"+"+");document.documentElement.setAttribute(n,e)}}catch(t){}}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())�_script><di6�id="__docusaurus"><div role="region" aria-label="メインコンテンツまでスキップ"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">メインコンテンツまでスキップ</a></div><di6�class="announcementbar_mb4j" role="banner"><di6�class="content_kng5 5 5 announcementBarContent_xLdY"><a href="https:�]www.outsystems.com/?utm_source=ionic&utm_medium=referral&utm_campaign=ionic-referral&utm_term=none&utm_content=other&utm_campaignteam=digital-mktg&utm_partner=none" target="_blank" rel="noopener"><span>An <strong>OutSystems</strong> Company →�_span></a></div></div><di6�id="__docusaurus_skiptocontent_fallback" class="main-wrapper mainWrapper_CIJY"><di6�class="docswrapper_hbab"><button aria-label="先頭へ戻る" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button">�_button><di6�class="docroot_ubd9"><aside class="theme-doc-sidebar-container docSidebarContainer_YfHR"><di6�class="sidebarviewport_arkj"><a target="_self" href= Ydocs/j�t"><img src="/doctzja/logos/ionic-text-docs-dark.svg" alt="Site Logo" class="themedComponent_mlkZ themedComponent--light_NVdE" height="28" width="139"><img src="/doctzja/logos/ionic-text-docs-light.svg" alt="Site Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU" height="28" width="139">�_a><div class="sidebar_njMd sidebarWithHideableNavbar_wUlq"><a tabindex="-1" class="sidebarLogo_isFc" target="_self" href="/doctzja."."><img src= Ydocs/j�tlogotzionic-text-docs-dark.svg" alt="Site Logo" class="themedComponent_mlkZ themedComponent--light_NVdE" height=(� N)�8" width="�0�09"><img src= Ydocs/j�tlogotzionic-text-docs-light.svg" alt="Site Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU" height=(� N)�8" width="�0�09"></a><na6�aria-label="ドキュメントのサイドバー" class="men5�thin-scrollbar menu_SIkG menuWithAnnouncementBar_G�0�0�0s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-categor9�theme-doc-sidebar-item-category-level-1 menu__list-item"><di6�class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="true" href= Ydocs/j�tnative">Getting Started</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/native">Capacitor�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/nativ0usetup">Setup�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/nativ0ufaq">よくある質問</a></li>�_ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublis4�menu__link--sublist-care4�menu__link--active" role="button" aria-expanded="true" href= Ydocs/j�tnative/action-sheet">Plugins�_a>�_div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tnative/action-sheet">Action Sheet</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tnative/app-launcher">App Launcher</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tnative/app">App</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tnative/browser">Browser</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tnative/camera">Camera</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tnative/clipboard">Clipboard</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tnative/device">Device</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tnative/dialog">Dialog</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tnative/filesystem">Filesystem</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tnative/geolocation">Geolocation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/doctzja/nativ0ugoogle-maps">Google Maps�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/nativ0uhaptics">Haptics�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/nativ0ukeyboard">Keyboard�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/nativ0ulocal-notifications">Local Notifications�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/nativ0umotion">Motion�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/nativ0unetwork">Network�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/nativ0upreferences">Preferences�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/nativ0upush-notifications">Push Notifications�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/nativ0uscreen-reader">Screen Reader�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/nativ0ushare">Share�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/nativ0usplash-screen">Splash Screen�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/nativ0ustatus-bar">Status Bar�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/nativ0utext-zoom">Tex4�Zoom�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/nativ0utoast">Toast�_a>�_li></ul>�_li></ul>�_nav>�_div>�_div>�_aside><div><na6�aria-label="ナビゲーション" class="navbar navbar--fixed-top navbarHideable_�mJ"><div class="navbar__inner"><di6�class="navbar__items"><button aria-label="ナビゲーションバーを開く" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width=�0�0�0."."." height=�0�0�0."."." viewBox="0 0 30�0�0�0�0�0."."." aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 72M2 2 2 152M2 2 2 �0�0�0�0�02"></path>�_svg>�_button><a class="navbar__brand" target="_self" href= Ydocs/j�t"><div class="navbar__logo"><img src="/doctzja/logos/ionic-text-docs-dark.svg" alt="Site Logo" class="themedComponent_mlkZ themedComponent--light_NVdE" height="28" width="139"><img src="/doctzja/logos/ionic-text-docs-light.svg" alt="Site Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU" height="28" width="139">�_div>�_a><a class="navbar__item navbar__link" href= Ydocs/j�t">Guide</a><a class="navbar__item navbar__link" href="/doctzja/components">Components</a><a class="navbar__item navbar__link" href="/doctzja/cli">CLI</a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href= Ydocs/j�tnative">Native�_a><a class="navbar__item navbar__link cta" href= Ydocs/j�tupdating/8-0">Ionic v8.0.0 Upgrade Guide�_a>�_div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/doctzja/nativ0ugoogle-maps">v8</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href= Ydocs/j�tnative/google-maps">v8�_a>�_li><li><a class="dropdown__link" href= Ydocs/j�tv7/nativ0ugoogle-maps">v7</a></li><li><a href="httpsa_/ionic-docs-fo�0�01�4��p4h5-ioniu.vercel.ap:ydocs/v6" target="_self" rel="noopener noreferrer" class="dropdown__link">v6</a></li><li><a href="httpsa_/ionic-docs-5utg8ms4c-ioniu.vercel.ap:ydocs/v5" target="_self" rel="noopener noreferrer" class="dropdown__link">v5</a></li><li><a href="httpsa_/ionicframework.co�wdocs/v^components" target="_blank" rel="noopener noreferrer" class="dropdown__link">v4</a></li><li><a href="httpsa_/ionicframework.co�wdocs/vz^" target="_blank" rel="noopener noreferrer" class="dropdown__link">v3</a></li>�_ul></div><di6�class="navbarsearchcontainer_bca1"><button type="button" class="DocSearch DocSearch-Button" aria-label="検索 (Command+K)"><span class="DocSearch-Button-Container"><svg width=(� N)�."."." height=(� N)�."."." class="DocSearch-Search-Icon" viewBox="0 0 20(��N)�."."." aria-hidden="true"><path d="M14�0�0�0�0�086 14.386l4.0877 4.0877-4.0877-4.0877c(�(g)�.98 2.9419-7.7�5 2.9419-10.65�0�0�0�0 0(�(g)�.99-2.9418(�(g)�.99-7.15 0-10.65�0�0�0�0(��N)�.98-2.9419 7.7�5-2.9419 10.65�0�0�0�0 0(��N)�.99 2.9418(��N)�.99 7.15 0 10.65�0�0�0�0z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">�_path></svg><span class="DocSearch-Button-Placeholder">検索�_span></span><span class="DocSearch-Button-Keys">�_span></button>�_div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link navbar__link--community">Community�_a><ul class="dropdown__menu"><li><a href="https:�]ionicframework.com/community" target="_blank" class="dropdown__link">Community Hub<svg width="(�*h)�" height="(�*h)�" aria-hidden="true" viewBox="0 0 24(��N)�4" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 �0�0'0h(�(g)�1v-19h(�*h)��h-10'5h17v-8h2z2�1��p-12h-10.988l4.�0�05 4-6.975 5 5 7.07(��N)�.828(��N)�.828 6.977-7.05 5 5 4.(�*h)�5 4.172v-11z">�_path></svg></a></li><li><a href="httpsa_/forum.ionicframework.co�w" target="_blank" class="dropdown__link">Forum<svg width="(�*h)�" height="(�*h)�" aria-hidden="true" viewBox="0 0 24(��N)�4" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 �0�0'0h(�(g)�1v-19h(�*h)��h-10'5h17v-8h2z2�1��p-12h-10.988l4.�0�05 4-6.975 5 5 7.07(��N)�.828(��N)�.828 6.977-7.05 5 5 4.(�*h)�5 4.172v-11z">�_path></svg></a></li><li><a href="httpsa_/www.meetup.co�wtopics/ionic-framework."." target="_blank" class="dropdown__link">Meetups<svg width="12" height="12" aria-hidden="true" viewBox="0 0(��N)�2 2 2 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M 13v10h-v-19�2v2h-10v15�7v-8zm3-(�*h)�h-10.988l4.035 4-6.977 7.05 5 5 2.(��R)�8 2.(��R)�8 6.977-7.07 4.125 4.1(�]y)�v-�z"></path>�_svg>�_a>�_li><li><a href="https:�]blog.ionicframework.co�w" target="_blank" class="dropdown__link">Blog<svg width="12" height="12" aria-hidden="true" viewBox="0 0(��N)�2 2 2 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M 13v10h-v-19�2v2h-10v15�7v-8zm3-(�*h)�h-10.988l4.035 4-6.977 7.05 5 5 2.(��R)�8 2.(��R)�8 6.977-7.07 4.125 4.1(�]y)�v-�z"></path>�_svg>�_a>�_li><li><a href="https:�]twitter.co�wionicframework" target="_blank" class="dropdown__link">Twitter<svg width="(�*h)�" height="(�*h)�" aria-hidden="true" viewBox="0 0 24(��N)�4" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 �0�0'0h(�(g)�1v-19h(�*h)��h-10'5h17v-8h2z2�1��p-12h-10.988l4.�0�05 4-6.975 5 5 7.07(��N)�.828(��N)�.828 6.977-7.05 5 5 4.(�*h)�5 4.172v-11z">�_path></svg></a></li>�_ul></div><di6�class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link navbar__link--support">Support</a><ul class="dropdown__menu"><li><a href="httpsa_/ionicframework.co�wsupport" target="_blank" class="dropdown__link">Help Center<svg width="12" height="12" aria-hidden="true" viewBox="0 0(��N)�2 2 2 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M 13v10h-v-19�2v2h-10v15�7v-8zm3-(�*h)�h-10.988l4.035 4-6.977 7.05 5 5 2.(��R)�8 2.(��R)�8 6.977-7.07 4.125 4.1(�]y)�v-�z"></path>�_svg>�_a>�_li><li><a href="https:�]ionic.zendesk.co�w" target="_blank" class="dropdown__link">Customer Support<svg width="12" height="12" aria-hidden="true" viewBox="0 0(��N)�2 2 2 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M 13v10h-v-19�2v2h-10v15�7v-8zm3-(�*h)�h-10.988l4.035 4-6.977 7.05 5 5 2.(��R)�8 2.(��R)�8 6.977-7.07 4.125 4.1(�]y)�v-�z"></path>�_svg>�_a>�_li><li><a href="https:�]ionicframework.com/advisory" target="_blank" class="dropdown__link">Enterprise Advisory<svg width="12" height="12" aria-hidden="true" viewBox="0 0(��N)�2 2 2 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M 13v10h-v-19�2v2h-10v15�7v-8zm3-(�*h)�h-10.988l4.035 4-6.977 7.05 5 5 2.(��R)�8 2.(��R)�8 6.977-7.07 4.125 4.1(�]y)�v-�z"></path>�_svg>�_a>�_li></ul>�_div><div class="navbar__item"><div class="separator" aria-hidden></div></div><di6�class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link icon-link language navbar__item"><svg xmlns="httpa_/www.w3.or�u2000/svg" viewBox="0 0 5(�*h)� 5(�*h)�" width=(� N)�2" height=(� N)�2" aria-hidden="true" class="iconLanguage_nlXk"><path fill="currentColor" d="M478.�0�0�0�0 4�0�0�0�0.6l-DS(�(g)�182 (� g)� 0 00-40.65 5 5 0l-90 8a(� g)�(��N)�2 0 1040.65 5 5 16.79L�6.66 406�(��e)�.67l18�0�0�0�0�02 2 44�0�0�0�0�09A(� g)�(��N)�2 0 00458 464a(� g)�(��N)�2 0 0020�0�0�0�0�02-30.4zM�0�0�0�04.�0�0�0�0�0�0�0�0(��)��0�0�0�068(��N)�.65 401.17�0�0�0�0�0(��)�zM267.84�0�0�0�0�0(� T)�.92a(� g)�(��N)�2 0 00-4.89-30.7c-(�ё)�-.15-15-�.13-36.49-34.72 2 39.65-�0�0�0.68 (��)�.11-�4.75 71.27-1�0�0�0�0�0.49H�0�0�0�00a(� g)�(��N)�2 0 000-44H214V70a(� g)�(��N)�2 0 00-42 2 2 0v20H54a(� g)�(��N)�2 0 000 44�97(�ё)�5c-9.52 26.95-27.05 69.5-53.79 108�0�0�0�0�06-�.41-.68-�0�0�0�0�0.08-68.65-�0�0�0�0�0.17-68.87a(� g)�(��N)�2 0 00-40.58 17c.58 1.38 14.55�0�0�0�0�04.�0�0�0�0�0 52.86 83.�0�0�0.92 1.19 1.82 2 2.35(��N)�.72 2 2 3.��0�0�0�09.24 44.35-77.74 71.86-93.85 80.742 (� g)� 0 1(��e)�1.07�0�0�0�0�08.�0�0�0�0�0.16-1.18 48.6-26.89 101.�0�0�0�0�0-85.59(��N)�2.(�yr)�(��N)�4.08�0�0�0�0�08 35.42 2 2 38.92 2 36.12 (� g)� 0 0�0�00.75-4.9z"></path>�_svg><span class="localeVisuallyHidden_pF54">日本語</span>�_a><ul class="dropdown__menu"><li><a href="/doctznative/google-maps" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href= Ydocs/j�tnative/google-maps" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語�_a>�_li><li><a href="https:�]ionicframework.com/translate" target="_blank" class="dropdown__link">Translate<svg width="(�*h)�" height="(�*h)�" aria-hidden="true" viewBox="0 0 24(��N)�4" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 �0�0'0h(�(g)�1v-19h(�*h)��h-10'5h17v-8h2z2�1��p-12h-10.988l4.�0�05 4-6.975 5 5 7.07(��N)�.828(��N)�.828 6.977-7.05 5 5 4.(�*h)�5 4.172v-11z">�_path></svg></a></li>�_ul></div><a href="https:�]twitter.co�wIonicframework" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link icon-link icon-link-mask icon-link-twitter" aria-label="Twitter">�_a><a href="httpsa_/ionic.lin�vdiscord" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link icon-link icon-link-mask icon-link-discord" aria-label="Discord"></a><a href="https:�]github.com/ionic-tea�wionic-framework" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link icon-link icon-link-mask icon-link-github" aria-label="GitHub repository">�_a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="ダークモードを切り替える(現在はライトモード)" aria-label="ダークモードを切り替える(現在はライトモード)" aria-live="polite" aria-pressed="false"><svg viewBox="0 0(��N)�2 2 2 24" width=(� N)�4" height=(� N)�4" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M(�*h)�,9u.65,0,3,1.35�0�0�0�0�0�0s-1.35�0�0�0�0�0�0�0�0�0�0s-3-1.35�0�0�0�0�0�0�0�0e0.35,9,12,9 2,7c(�(g)�.76,0-5,2.24-5,5�(�ё)�4,5,5,5s5-2.24,5-5 S14.76,7,(�*h)�,72,7z M2,�0�0,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1e.45,�0�0(�4l)�,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1e9.45,13,20,13z M�(�4l)��c0,0.55,0.45,1,1,1 -0.45,1-1V2c0-0.55-0.45-1-1-1S�,1.45,�(�4l)�+�1,20��c0,0.55,0.45,1,1,1 -0.45,1-1v(�(g)�c0-0.55-0.45-1-1-11.45,19,�,19.45,11,20+�M5.99,4.58c-0.39-0�0�0�0�0�09-1.�0�0-0�0�0�0�0�09-1.,0 c-0�0�0�0�0�09,0.39-0�0�0�0�0�09,1.�0�0,0,1.41l1.06,1.06c0.39,0�0�0�0�0�09,1.�0�0,0�0�0�0�0�09,1.,0s0�0�0�0�0�09-1.�0�0,0-1.41L5.99,4.58z M18�0�0�0�0�06,16.95 c-0.39-0�0�0�0�0�09-1.�0�0-0�0�0�0�0�09-1.,0c-0.39,0�0�0�0�0�09-0.39,1.03,0,1.�.06,1.06c0�0�0�0�0�09,0.39,1.03,0.39,1.41,0c0.39-0�0�0�0�0�09,0.39-1.03,0-1. L18�0�0�0�0�06,16.95z M19.42,5.99c0�0�0�0�0�09-0.39,0�0�0�0�0�09-1.�0�0,0-1.41c-0�0�0�0�0�09-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0�0�0�0�0�09-0.39,1.03,0,1. s1.�0�0,0�0�0�0�0�09,1.,09.(� T)�,5.99z M7.05,18.36c0�0�0�0�0�09-0.39,0�0�0�0�0�09-1.�0�0,0-1.41c-0�0�0�0�0�09-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0�0�0�0�0�09,0.39-0�0�0�0�0�09,1.�0�0,0,1.41s1.�0�0,0�0�0�0�0�09,1.,0L7.05,18�0�0�0�0�06z">�_path></svg><svg viewBox="0 0(��N)�2 2 2 24" width=(� N)�4" height=(� N)�4" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9�0�0�0�0�07,5.�C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08�0�0�0�0�0�0�0�02,7.4,7.4,7.4c0.68,0,1�0�0�0�0�05-0.09,1.99-0.277.45,17.19,14.�0�0�0,19,(�*h)�,19 c-3.86,0-7�0�0�0�0.14-7-7C5,9.07,6.81,6.55,9�0�0�0�0�07,5.�+�2,3c-4.97,0-9,4.�0�0-9,9s4.03,9,9,9s9-4.�0�0,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37(�(g)�.58,2.26-4.4(�4l)�(�ё)�6c(�(g)�.98,0-5.4-2.(� T)�-5.4-5.4c0-1.81,0.89�0�0�0�0.42,2.26-4.42.(��N)��0�0�0.04,(�*h)�.46,3,(�*h)��0�0�02,3z">�_path></svg></button>�_div>�_div>�_div><div role="presentation" class="navbar-sidebar__backdrop">�_div>�_nav><main class="docMainContainer_TBSr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><di6�class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><span class="theme-doc-version-badge badge badge--secondary">バージョン: v8�_span><di6�class="toccollapsible_etcw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">このページの見出し</button>�_div><div class="theme-doc-markdown markdown"><header><�>@capacito�ygoogle-maps</h1>�_header> <p>Google maps on Capacitor</p> <h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="install">Install<a href="#install" class="hash-link" aria-label="Install への直接リンク" title="Install への直接リンク">�_a>�_> <div class="language-bash codeBlockContainer_Ckt0 theme-code-block"><div class="codeBlockContent_biex"><pre tabindex="."."." class="prism-code language-bash codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token plain">npm install @capacito�ygoogle-maps</span><br>�_span><span class="token-line"><span class="token plain">np8�ca0�sync�_span><br></span>�_code></pre><di6�class="buttongroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24(��N)�4" class="copyButtonIcon_y97N"><path fill="currentColor" d="9,H8V79M19,5H8(�O)�(�4l)� 0 0,0 6,72�6�1A2,2 0 0,0 8,�0�0�0�0�09A2,2 0 0,0 (�4l)�1V7A2,2 0 0,0 19,56,1H4A2,2 0 0,0 2,3V17H4�0�0�0�0�06V1Z">�_path></svg><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19�0�0�0�0.5,13.5L4.,12.09L9,16.179.59,5.59L,7Z"></path>�_svg>�_span></button>�_div>�_div>�_div> < class="anchor anchorWithHideOnScrollNavbar_WYt5" id="api-keys">AP!�?�Keys<a href="#api-keys" class="hash-link" aria-label="AP!�?�Keys への直接リンク" title="API Keys への直接リンク">�_a>�_> <p>To use the Google Maps SDK on any platform, API keys associated with an account <em>with billing enabled</em> are required. These can be obtained from the <a href="httpsa_/console.cloud.google.com" target="_blank" rel="noopener noreferrer">Google Cloud Console</a>. This is required for all three platforms, Android, iOS, and Javascript. Additional information abou4�obtaining these AP!�?�keys can be found in the <a href="https:�]developers.google.co�wmaps/documentation/android-sdk/overview" target="_blank" rel="noopener noreferrer">Google Maps documentation�_a> for each platform.</p> <h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="ios">iOS<a href="#ios" class="hash-link" aria-label="iOS への直接リンク" title="iOS への直接リンク">�_a>�_> <p>The Google Maps SDK supports the use of showing the users current location via <code>enableCurrentLocation(bool)</code>. To use this, Apple requires privac9�descriptions to be specified in <code>Info.plist�_code>:�_p> <ul> <li><code>NSLocationWhenInUseUsageDescription</code> (<code>Privac9�- Location When In Use Usage Description�_code>)�_li> �_ul> <p>Read abou4�<a href="httpsa_/capacitorjs.com/doctziotzconfiguration#configuring-infoplist" target="_blank" rel="noopener noreferrer">Configuring <code>Info.plist</code>�_a> in the <a href="httpsa_/capacitorjs.com/doctzios" target="_blank" rel="noopener noreferrer">iOS Guide�_a> for more information on setting iOS permissions in Xcode.�_p> <1�6��p class="anchor anchorWithHideOnScrollNavbar_WYt5" id="typescript-configuration">Typescript Configuration<a href="#typescript-configuration" class="hash-link" aria-label="Typescript Configuration への直接リンク" title="Typescrip4�Configuration への直接リンク">�_a>�_1�6��p> <p>Your projec4�will also need have <code>skipLibCheck�_code �se4�to <code>true</code> in <code>tsconfig.json</code>.</p> <h2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="migrating-from-older-versions">Migrating from older versions<a href="#migrating-from-older-versions" class="hash-link" aria-label="Migrating from older versions への直接リンク" title="Migrating from older versions への直接リンク">�_a>�_1�6��p> <blockquote> <p>The main Google Maps SDK now supports running on simulators on Apple Silicon Macs, but make sure you have the latest version of <a href="httpsa_/github.co�wgooglemaps/google-maps-ios-utils" target="_blank" rel="noopener noreferrer">Google-Maps-iOS-Utils</a �installed.�_p> </blockquote> <p>If you added the previous workaround for getting the unreleased version, you can delete it now b9�removing this line from <code>iotzAp:yPodfile</code>:</p> <div class="codeBlockContainer_Ckt0 theme-code-block"><div class="codeBlockContent_biex"><pre tabindex="."."." class="prism-code language-text codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token plain">pod 'Google-Maps-iOS-Utils&#t�7;, :git => 'httpsa_/github.co�wgooglemaps/google-maps-ios-utils.git&#t�7;, :commi4�=><�s�p�a�n� �c�l�a�s�s�=�"�n�a�k�e�d�_�s�i�g�n�"�>�; <�/�s�p�a�n�>�<�s�p�a�n� �c�l�a�s�s�=�"�n�a�k�e�d�_�a�u�r�a�l�"�>�(��l�)�<�/�s�p�a�n�>�&#t�7;�0�0�0�0�07954e5bca879u1a6f2cea`�0�0�0a6bad5�0�0�0�09f&#t�7;�_span><br></span>�_code></pre><di6�class="buttongroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24(��N)�4" class="copyButtonIcon_y97N"><path fill="currentColor" d="9,H8V79M19,5H8(�O)�(�4l)� 0 0,0 6,72�6�1A2,2 0 0,0 8,�0�0�0�0�09A2,2 0 0,0 (�4l)�1V7A2,2 0 0,0 19,56,1H4A2,2 0 0,0 2,3V17H4�0�0�0�0�06V1Z">�_path></svg><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19�0�0�0�0.5,13.5L4.,12.09L9,16.179.59,5.59L,7Z"></path>�_svg>�_span></button>�_div>�_div>�_div> <p>Then run <code>pod update Google-Maps-iOS-Utils</code> from the <code>iotzAp:y�_code �folder:</p> <div class="codeBlockContainer_Ckt0 theme-code-block"><div class="codeBlockContent_biex"><pre tabindex="."."." class="prism-code language-text codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token plain">cd iotzApp</span><br>�_span><span class="token-line"><span class="token plain">pod update Google-Maps-iOS-Utils�_span><br></span>�_code></pre><di6�class="buttongroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24(��N)�4" class="copyButtonIcon_y97N"><path fill="currentColor" d="9,H8V79M19,5H8(�O)�(�4l)� 0 0,0 6,72�6�1A2,2 0 0,0 8,�0�0�0�0�09A2,2 0 0,0 (�4l)�1V7A2,2 0 0,0 19,56,1H4A2,2 0 0,0 2,3V17H4�0�0�0�0�06V1Z">�_path></svg><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19�0�0�0�0.5,13.5L4.,12.09L9,16.179.59,5.59L,7Z"></path>�_svg>�_span></button>�_div>�_div>�_div> < class="anchor anchorWithHideOnScrollNavbar_WYt5" id="android">Android<a href="#android" class="hash-link" aria-label="Android への直接リンク" title="Android への直接リンク"></a></h2> <p>The Google Maps SDK for Android requires you to add your API key to the AndroidManifest.xml file in your project.</p> <div class="language-xml codeBlockContainer_Ckt0 theme-code-block"><di6�class="codeblockcontent_biex"><pre tabindex="0" class="prism-code language-xml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token tag punctuation"><</span><span class="token tag">meta-data</span><span class="token tag"> </span><span class="token tag attr-name namespace">android:�_span><span class="token tag attr-name">name</span><span class="token tag attr-value punctuation attr-equals">=�_span><span class="token tag attr-value punctuation">"�_span><span class="token tag attr-value">com.google.android.geo.API_KEY�_span><span class="token tag attr-value punctuation">"�_span><span class="token tag" ��_span><span class="token tag attr-name namespace">android:</span><span class="token tag attr-name">value</span><span class="token tag attr-value punctuation attr-equals">=�_span><span class="token tag attr-value punctuation">"�_span><span class="token tag attr-value">YOUR_API_KEY_HERE</span><span class="token tag attr-value punctuation">"</span><span class="token tag punctuation">/></span><br>�_span></code>�_pre><div class="buttonGroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19(�4l)�1H8V7H199,5H8A2,2 0 0,0 6,7V(�O)�(�4l)� 0 0,0 8(�4l)�3H19(�O)�(�4l)� 0 0,0(��N)�1,V7(�O)�(�4l)� 0 0,0 19,5M16,1H4(�O)�(�4l)� 0 0,0(��N)��0�0�0h7H4V3H16hZ"></path>�_svg><svg viewBox="0 0 24(��N)�4" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M,7L9,19L3.5,�0�0.5L4.91,(�*h)�.09L9,16.17L19.59,5.59L21,7Z">�_path></svg></span>�_button></div></div></div> <p>To use certain location features, the SDK requires the following permissions to also be added to your AndroidManifest.xml:</p> <div class="language-xml codeBlockContainer_Ckt0 theme-code-block"><di6�class="codeblockcontent_biex"><pre tabindex="0" class="prism-code language-xml codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token tag punctuation"><</span><span class="token tag">uses-permission</span><span class="token tag"> </span><span class="token tag attr-name namespace">android:�_span><span class="token tag attr-name">name</span><span class="token tag attr-value punctuation attr-equals">=�_span><span class="token tag attr-value punctuation">"�_span><span class="token tag attr-value">android.permission.ACCESS_COARSE_LOCATION</span><span class="token tag attr-value punctuation">"</span><span class="token tag"> </span><span class="token tag punctuation">/></span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain"></span><span class="token tag punctuation"><�_span><span class="token tag">uses-permission�_span><span class="token tag" ��_span><span class="token tag attr-name namespace">android:</span><span class="token tag attr-name">name�_span><span class="token tag attr-value punctuation attr-equals">=</span><span class="token tag attr-value punctuation">"</span><span class="token tag attr-value">android.permission.ACCESS_FINE_LOCATION�_span><span class="token tag attr-value punctuation">"�_span><span class="token tag" ��_span><span class="token tag punctuation"6b>�_span><br></span>�_code></pre><di6�class="buttongroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24(��N)�4" class="copyButtonIcon_y97N"><path fill="currentColor" d="9,H8V79M19,5H8(�O)�(�4l)� 0 0,0 6,72�6�1A2,2 0 0,0 8,�0�0�0�0�09A2,2 0 0,0 (�4l)�1V7A2,2 0 0,0 19,56,1H4A2,2 0 0,0 2,3V17H4�0�0�0�0�06V1Z">�_path></svg><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19�0�0�0�0.5,13.5L4.,12.09L9,16.179.59,5.59L,7Z"></path>�_svg>�_span></button>�_div>�_div>�_div> <1�6��p class="anchor anchorWithHideOnScrollNavbar_WYt5" id="variables">Variables<a href="#variables" class="hash-link" aria-label="Variables への直接リンク" title="Variables への直接リンク"></a></h3> <p>This plugin will use the following project variables (defined in your app's <code>variables.gradle</code> file):</p> <ul> <li><code>googleMapsPlayServicesVersion�_code>: version of <code>com.google.android.gms:play-services-maps</code> (default: <code�9.2.0</code>)</li> <li><code>googleMapsUtilsVersion</code>: version of <code>com.google.maps.android:android-maps-utils</code> (default: <code�0�0�0.19.1</code>)</li> <li><code>googleMapsKtxVersion</code>: version of <code>com.google.maps.android:maps-ktx</code> (default: <code>5(�ё)�.1�_code>)�_li> <li><code>googleMapsUtilsKtxVersion</code>: version of <code>com.google.maps.android:maps-utils-ktx</code> (default: <code>5(�ё)�.1�_code>)�_li> <li><code>kotlinxCoroutinesVersion�_code>: version of <code>org.jetbrains.kotlinx:kotlinx-coroutines-android�_code �and <code>org.jetbrains.kotlinx:kotlinx-coroutines-core</code> (default: <code�.10.2</code>)</li> <li><code>androidxCoreKTXVersion</code>: version of <code>androidx.core:core-ktx</code> (default: <code�.17.0</code>)</li> <li><code>kotlin_version</code>: version of <code>org.jetbrains.kotlin:kotlin-stdlib</code> (default: <code(�ǌ)�(�ё)�(�ё)�0</code>)</li> </ul> < class="anchor anchorWithHideOnScrollNavbar_WYt5" id="usage">Usage<a href="#usage" class="hash-link" aria-label="Usage への直接リンク" title="Usage への直接リンク"></a></h2> <p>The Google Maps Capacitor plugin ships with a web componen4�that mus4�be used to render the ma0�in your application as i4�enables us to embed the native vie7�more effectively on iOS. The plugin will automatically register this web component for use in your application.</p> <blockquote> <p>For Angular users, you will ge4�an error warning tha4�this web component is unknown to the Angular compiler. This is resolved by modifying the module that declares your component to allo7�for custom web components.�_p> <di6�class="language-typescript codeBlockContainer_Ckt0 theme-code-block"><di6�class="codeblockcontent_biex"><pre tabindex="0" class="prism-code language-typescrip4�codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token keyword">import�_span><span class="token plain" ��_span><span class="token punctuation">{�_span><span class="token plain" ��_span><span class="token constant">CUSTOM_ELEMENTS_SCHEMA�_span><span class="token plain" ��_span><span class="token punctuation">}�_span><span class="token plain" ��_span><span class="token keyword">from</span><span class="token plain"> </span><span class="token string">'@angula�ycore&#t�7;�_span><span class="token punctuation">;�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain" style="display:inline-block"></span><br>�_span><span class="token-line"><span class="token plain">�_span><span class="token decorator at operator">@�_span><span class="token decorator function">NgModule�_span><span class="token punctuation">(�_span><span class="token punctuation">{�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain"> schemas</span><span class="token operator">:�_span><span class="token plain" ��_span><span class="token punctuation">[�_span><span class="token constant">CUSTOM_ELEMENTS_SCHEMA�_span><span class="token punctuation">]�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain">�_span><span class="token punctuation">}�_span><span class="token punctuation">)�_span><br></span>�_code></pre><di6�class="buttongroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24(��N)�4" class="copyButtonIcon_y97N"><path fill="currentColor" d="9,H8V79M19,5H8(�O)�(�4l)� 0 0,0 6,72�6�1A2,2 0 0,0 8,�0�0�0�0�09A2,2 0 0,0 (�4l)�1V7A2,2 0 0,0 19,56,1H4A2,2 0 0,0 2,3V17H4�0�0�0�0�06V1Z">�_path></svg><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19�0�0�0�0.5,13.5L4.,12.09L9,16.179.59,5.59L,7Z"></path>�_svg>�_span></button>�_div>�_div>�_div> </blockquote> <p>Include this component in your HTML and assign i4�an ID so tha4�yo5�can easily query for tha4�elemen4�reference later.�_p> <di6�class="language-html codeBlockContainer_Ckt0 theme-code-block"><di6�class="codeblockcontent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token tag punctuation"><�_span><span class="token tag">capacitor-google-map</span><span class="token tag"> </span><span class="token tag attr-name">id�_span><span class="token tag attr-value punctuation attr-equals">=</span><span class="token tag attr-value punctuation">"</span><span class="token tag attr-value">map�_span><span class="token tag attr-value punctuation">"�_span><span class="token tag punctuation">></span><span class="token tag punctuation"></</span><span class="token tag">capacitor-google-map�_span><span class="token tag punctuation">></span><br>�_span></code>�_pre><div class="buttonGroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19(�4l)�1H8V7H199,5H8A2,2 0 0,0 6,7V(�O)�(�4l)� 0 0,0 8(�4l)�3H19(�O)�(�4l)� 0 0,0(��N)�1,V7(�O)�(�4l)� 0 0,0 19,5M16,1H4(�O)�(�4l)� 0 0,0(��N)��0�0�0h7H4V3H16hZ"></path>�_svg><svg viewBox="0 0 24(��N)�4" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M,7L9,19L3.5,�0�0.5L4.91,(�*h)�.09L9,16.17L19.59,5.59L21,7Z">�_path></svg></span>�_button></div></div></div> <blockquote> <p>On Android, the ma0�is rendered beneath the entire webview, and uses this componen4�to manage its positioning during scrolling events. This means that as the developer, you <em>must</em> ensure that the webview is transparen4�all the wa9�through the layers to the very bottom. In a typicall9�Ionic application, tha4�means setting transparency on elements such as IonConten4�and the root HTML tag to ensure that i4�can be seen. If yo5�can't see your ma0�on Android, this should be the first thing you check.</p> <p>On iOS, we render the map directl9�into the webview and so the same transparenc9�effects are no4�required. We are investigating alternate methods for Android still and hope to resolve this better in a future update.�_p> </blockquote> <p>The Google Map element itself comes unstyled, so you should style it to fi4�within the layou4�of your page structure. Because we&#t�7;re rendering a vie7�into this slot, by itself the elemen4�has no width or height, so be sure to se4�those explicitly.</p> <div class="language-css codeBlockContainer_Ckt0 theme-code-block"><di6�class="codeblockcontent_biex"><pre tabindex="0" class="prism-code language-css codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token selector">capacitor-google-map�_span><span class="token plain" ��_span><span class="token punctuation">{�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain"> �_span><span class="token property">display</span><span class="token punctuation">:</span><span class="token plain"> inline-block</span><span class="token punctuation">;</span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain" � </span><span class="token property">width�_span><span class="token punctuation">:�_span><span class="token plain" ��_span><span class="token number">275</span><span class="token unit">px</span><span class="token punctuation">;</span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain" � </span><span class="token property">height</span><span class="token punctuation">:</span><span class="token plain"> </span><span class="token number">400�_span><span class="token unit">px�_span><span class="token punctuation">;�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain">�_span><span class="token punctuation">}�_span><br></span>�_code></pre><di6�class="buttongroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24(��N)�4" class="copyButtonIcon_y97N"><path fill="currentColor" d="9,H8V79M19,5H8(�O)�(�4l)� 0 0,0 6,72�6�1A2,2 0 0,0 8,�0�0�0�0�09A2,2 0 0,0 (�4l)�1V7A2,2 0 0,0 19,56,1H4A2,2 0 0,0 2,3V17H4�0�0�0�0�06V1Z">�_path></svg><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19�0�0�0�0.5,13.5L4.,12.09L9,16.179.59,5.59L,7Z"></path>�_svg>�_span></button>�_div>�_div>�_div> <p>Next, we should create the map reference. This is done b9�importing the GoogleMa0�class from the Capacitor plugin and calling the create method, and passing in the required parameters.�_p> <di6�class="language-typescript codeBlockContainer_Ckt0 theme-code-block"><di6�class="codeblockcontent_biex"><pre tabindex="0" class="prism-code language-typescrip4�codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token keyword">import�_span><span class="token plain" ��_span><span class="token punctuation">{�_span><span class="token plain" �GoogleMa0��_span><span class="token punctuation">}�_span><span class="token plain" ��_span><span class="token keyword">from</span><span class="token plain"> </span><span class="token string">'@capacito�ygoogle-maps'</span><span class="token punctuation">;</span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain" style="display:inline-block">�_span><br></span><span class="token-line"><span class="token plain"></span><span class="token keyword">const</span><span class="token plain"> apiKe9��_span><span class="token operator">=</span><span class="token plain"> </span><span class="token string">'YOUR_API_KEY_HERE&#t�7;�_span><span class="token punctuation">;�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain" style="display:inline-block"></span><br>�_span><span class="token-line"><span class="token plain">�_span><span class="token keyword">const�_span><span class="token plain" �mapRef </span><span class="token operator">=�_span><span class="token plain" �document�_span><span class="token punctuation">.�_span><span class="token function">getElementById�_span><span class="token punctuation">(�_span><span class="token string">&#t�7;map'</span><span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain" style="display:inline-block">�_span><br></span><span class="token-line"><span class="token plain"></span><span class="token keyword">const</span><span class="token plain"> newMa0��_span><span class="token operator">=</span><span class="token plain"> </span><span class="token keyword">await</span><span class="token plain"> GoogleMap�_span><span class="token punctuation">.�_span><span class="token function">create�_span><span class="token punctuation">(�_span><span class="token punctuation">{�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain"> id�_span><span class="token operator">:</span><span class="token plain"> </span><span class="token string">'my-map'</span><span class="token punctuation">,</span><span class="token plain"> </span><span class="token comment">�] Unique identifier for this ma0�instance�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain"> element</span><span class="token operator">:�_span><span class="token plain" �mapRef�_span><span class="token punctuation">,�_span><span class="token plain" ��_span><span class="token comment"6b �reference to the capacitor-google-ma0�element</span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain" � apiKey</span><span class="token operator">:�_span><span class="token plain" �apiKey�_span><span class="token punctuation">,�_span><span class="token plain" ��_span><span class="token comment"6b �Your Google Maps API Key�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain"> config�_span><span class="token operator">:</span><span class="token plain"> </span><span class="token punctuation">{</span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain" � center</span><span class="token operator">:�_span><span class="token plain" ��_span><span class="token punctuation">{�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain"> �_span><span class="token comment"6b �The initial position to be rendered by the map�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain"> lat</span><span class="token operator">:�_span><span class="token plain" ��_span><span class="token number">�0�0�0�0.6�_span><span class="token punctuation">,�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain"> lng</span><span class="token operator">:�_span><span class="token plain" ��_span><span class="token operator">-</span><span class="token number"�17.9�_span><span class="token punctuation">,�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain"> �_span><span class="token punctuation">}�_span><span class="token punctuation">,�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain"> zoom�_span><span class="token operator">:</span><span class="token plain"> </span><span class="token number">8�_span><span class="token punctuation">,�_span><span class="token plain" ��_span><span class="token comment"6b �The initial zoom level to be rendered by the map�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain"> �_span><span class="token punctuation">}�_span><span class="token punctuation">,�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain">�_span><span class="token punctuation">}�_span><span class="token punctuation">)�_span><span class="token punctuation">;�_span><br></span>�_code></pre><di6�class="buttongroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24(��N)�4" class="copyButtonIcon_y97N"><path fill="currentColor" d="9,H8V79M19,5H8(�O)�(�4l)� 0 0,0 6,72�6�1A2,2 0 0,0 8,�0�0�0�0�09A2,2 0 0,0 (�4l)�1V7A2,2 0 0,0 19,56,1H4A2,2 0 0,0 2,3V17H4�0�0�0�0�06V1Z">�_path></svg><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19�0�0�0�0.5,13.5L4.,12.09L9,16.179.59,5.59L,7Z"></path>�_svg>�_span></button>�_div>�_div>�_div> <p>At this point, your ma0�should be created within your application. Using the returned reference to the map, yo5�can easily interac4�with your ma0�in a number of way, a fe7�of which are shown here.�_p> <di6�class="language-typescript codeBlockContainer_Ckt0 theme-code-block"><di6�class="codeblockcontent_biex"><pre tabindex="0" class="prism-code language-typescrip4�codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token keyword">const</span><span class="token plain"> newMa0��_span><span class="token operator">=</span><span class="token plain"> </span><span class="token keyword">await</span><span class="token plain"> GoogleMap�_span><span class="token punctuation">.�_span><span class="token function">create�_span><span class="token punctuation">(�_span><span class="token punctuation">{�_span><span class="token operator">...</span><span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain" style="display:inline-block">�_span><br></span><span class="token-line"><span class="token plain"></span><span class="token comment">�] Add a marker to the map�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain">�_span><span class="token keyword">const�_span><span class="token plain" �markerId </span><span class="token operator">=�_span><span class="token plain" ��_span><span class="token keyword">await�_span><span class="token plain" �newMap�_span><span class="token punctuation">.�_span><span class="token function">addMarker</span><span class="token punctuation">(</span><span class="token punctuation">{</span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain" � coordinate</span><span class="token operator">:�_span><span class="token plain" ��_span><span class="token punctuation">{�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain"> lat</span><span class="token operator">:�_span><span class="token plain" ��_span><span class="token number">�0�0�0�0.6�_span><span class="token punctuation">,�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain"> lng</span><span class="token operator">:�_span><span class="token plain" ��_span><span class="token operator">-</span><span class="token number"�17.9�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain"> �_span><span class="token punctuation">}�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain">�_span><span class="token punctuation">}�_span><span class="token punctuation">)�_span><span class="token punctuation">;�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain" style="display:inline-block"></span><br>�_span><span class="token-line"><span class="token plain">�_span><span class="token comment"6b �Move the map programmatically</span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain"></span><span class="token keyword">await</span><span class="token plain"> newMap</span><span class="token punctuation">.</span><span class="token function">setCamera�_span><span class="token punctuation">(�_span><span class="token punctuation">{�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain"> coordinate�_span><span class="token operator">:</span><span class="token plain"> </span><span class="token punctuation">{</span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain" � lat�_span><span class="token operator">:</span><span class="token plain"> </span><span class="token number"�0�0�03.6</span><span class="token punctuation">,</span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain" � lng�_span><span class="token operator">:</span><span class="token plain"> </span><span class="token operator">-�_span><span class="token number">�7.9</span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain" � </span><span class="token punctuation">}</span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain"></span><span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain" style="display:inline-block">�_span><br></span><span class="token-line"><span class="token plain"></span><span class="token comment">�] Enable marker clustering</span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain"></span><span class="token keyword">await</span><span class="token plain"> newMap</span><span class="token punctuation">.</span><span class="token function">enableClustering</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain" style="display:inline-block">�_span><br></span><span class="token-line"><span class="token plain"></span><span class="token comment">�] Handle marker click�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain">�_span><span class="token keyword">await�_span><span class="token plain" �newMap�_span><span class="token punctuation">.�_span><span class="token function">setOnMarkerClickListener�_span><span class="token punctuation">(�_span><span class="token punctuation">(�_span><span class="token plain">event�_span><span class="token punctuation">)�_span><span class="token plain" ��_span><span class="token operator">=></span><span class="token plain"> </span><span class="token punctuation">{</span><span class="token operator">...�_span><span class="token punctuation">}�_span><span class="token punctuation">)�_span><span class="token punctuation">;�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain" style="display:inline-block"></span><br>�_span><span class="token-line"><span class="token plain">�_span><span class="token comment"6b �Clean up map reference�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain">�_span><span class="token keyword">await�_span><span class="token plain" �newMap�_span><span class="token punctuation">.�_span><span class="token function">destroy</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span><br>�_span></code>�_pre><div class="buttonGroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19(�4l)�1H8V7H199,5H8A2,2 0 0,0 6,7V(�O)�(�4l)� 0 0,0 8(�4l)�3H19(�O)�(�4l)� 0 0,0(��N)�1,V7(�O)�(�4l)� 0 0,0 19,5M16,1H4(�O)�(�4l)� 0 0,0(��N)��0�0�0h7H4V3H16hZ"></path>�_svg><svg viewBox="0 0 24(��N)�4" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M,7L9,19L3.5,�0�0.5L4.91,(�*h)�.09L9,16.17L19.59,5.59L21,7Z">�_path></svg></span>�_button></div></div></div> <h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="full-examples">Full Examples<a href="#full-examples" class="hash-link" aria-label="Full Examples への直接リンク" title="Full Examples への直接リンク">�_a>�_> <h2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="angular">Angular<a href="#angular" class="hash-link" aria-label="Angular への直接リンク" title="Angular への直接リンク">�_a>�_1�6��p> <div class="language-typescrip4�codeBlockContainer_Ckt0 theme-code-block"><div class="codeBlockContent_biex"><pre tabindex="."."." class="prism-code language-typescript codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token keyword">import</span><span class="token plain"> </span><span class="token punctuation">{</span><span class="token plain"> GoogleMap </span><span class="token punctuation">}</span><span class="token plain"> </span><span class="token keyword">from�_span><span class="token plain" ��_span><span class="token string">&#t�7;@capacitor/google-maps&#t�7;�_span><span class="token punctuation">;�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain" style="display:inline-block"></span><br>�_span><span class="token-line"><span class="token plain">�_span><span class="token decorator at operator">@�_span><span class="token decorator function">Component</span><span class="token punctuation">(</span><span class="token punctuation">{</span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain" � template</span><span class="token operator">:�_span><span class="token plain" ��_span><span class="token template-string template-punctuation string">`�_span><span class="token template-string string">�_span><br></span><span class="token-line"><span class="token template-string string"> <capacitor-google-map #map><s_capacitor-google-map>�_span><br></span><span class="token-line"><span class="token template-string string"> <button (click)="createMap()">Create Map</button></span><br>�_span><span class="token-line"><span class="token template-string string" � </span><span class="token template-string template-punctuation string">`</span><span class="token punctuation">,</span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain" � styles</span><span class="token operator">:�_span><span class="token plain" ��_span><span class="token punctuation">[�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain"> �_span><span class="token template-string template-punctuation string">`�_span><span class="token template-string string">�_span><br></span><span class="token-line"><span class="token template-string string"> capacitor-google-map {�_span><br></span><span class="token-line"><span class="token template-string string"> display: inline-block;�_span><br></span><span class="token-line"><span class="token template-string string"> width:(��N)�75px;</span><br>�_span><span class="token-line"><span class="token template-string string" � height: 400px;</span><br>�_span><span class="token-line"><span class="token template-string string" � }�_span><br></span><span class="token-line"><span class="token template-string string"> �_span><span class="token template-string template-punctuation string">`�_span><span class="token punctuation">,�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain"> �_span><span class="token punctuation">]�_span><span class="token punctuation">,�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain">�_span><span class="token punctuation">}�_span><span class="token punctuation">)�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain">�_span><span class="token keyword">export</span><span class="token plain"> </span><span class="token keyword">class</span><span class="token plain"> </span><span class="token class-name">MyMap�_span><span class="token plain" ��_span><span class="token punctuation">{�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain"> �_span><span class="token decorator at operator">@�_span><span class="token decorator function">ViewChild</span><span class="token punctuation">(</span><span class="token string">'map&#t�7;�_span><span class="token punctuation">)�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain"> mapRef�_span><span class="token operator">:</span><span class="token plain"> ElementRef</span><span class="token operator"><</span><span class="token plain">HTMLElement</span><span class="token operator">></span><span class="token punctuation">;</span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain" � newMap</span><span class="token operator">:�_span><span class="token plain" �GoogleMap</span><span class="token punctuation">;</span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain" style="display:inline-block">�_span><br></span><span class="token-line"><span class="token plain" � </span><span class="token keyword">async</span><span class="token plain"> </span><span class="token function">createMap�_span><span class="token punctuation">(�_span><span class="token punctuation">)�_span><span class="token plain" ��_span><span class="token punctuation">{�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain"> �_span><span class="token keyword">this</span><span class="token punctuation">.</span><span class="token plain">newMap </span><span class="token operator">=�_span><span class="token plain" ��_span><span class="token keyword">await�_span><span class="token plain" �GoogleMap</span><span class="token punctuation">.</span><span class="token function">create</span><span class="token punctuation">(</span><span class="token punctuation">{</span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain" � id</span><span class="token operator">:�_span><span class="token plain" ��_span><span class="token string">&#t�7;my-cool-map'</span><span class="token punctuation">,</span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain" � element�_span><span class="token operator">:</span><span class="token plain"> </span><span class="token keyword">this�_span><span class="token punctuation">.�_span><span class="token plain">mapRef</span><span class="token punctuation">.</span><span class="token plain">nativeElement</span><span class="token punctuation">,</span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain" � apiKey</span><span class="token operator">:�_span><span class="token plain" �environment</span><span class="token punctuation">.</span><span class="token plain">apiKey�_span><span class="token punctuation">,�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain"> config�_span><span class="token operator">:</span><span class="token plain"> </span><span class="token punctuation">{</span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain" � center</span><span class="token operator">:�_span><span class="token plain" ��_span><span class="token punctuation">{�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain"> lat</span><span class="token operator">:�_span><span class="token plain" ��_span><span class="token number">�0�0�0�0.6�_span><span class="token punctuation">,�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain"> lng</span><span class="token operator">:�_span><span class="token plain" ��_span><span class="token operator">-</span><span class="token number"�17.9�_span><span class="token punctuation">,�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain"> �_span><span class="token punctuation">}�_span><span class="token punctuation">,�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain"> zoom�_span><span class="token operator">:</span><span class="token plain"> </span><span class="token number">8�_span><span class="token punctuation">,�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain"> �_span><span class="token punctuation">}�_span><span class="token punctuation">,�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain"> �_span><span class="token punctuation">}�_span><span class="token punctuation">)�_span><span class="token punctuation">;�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain"> �_span><span class="token punctuation">}�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain">�_span><span class="token punctuation">}�_span><br></span>�_code></pre><di6�class="buttongroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24(��N)�4" class="copyButtonIcon_y97N"><path fill="currentColor" d="9,H8V79M19,5H8(�O)�(�4l)� 0 0,0 6,72�6�1A2,2 0 0,0 8,�0�0�0�0�09A2,2 0 0,0 (�4l)�1V7A2,2 0 0,0 19,56,1H4A2,2 0 0,0 2,3V17H4�0�0�0�0�06V1Z">�_path></svg><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19�0�0�0�0.5,13.5L4.,12.09L9,16.179.59,5.59L,7Z"></path>�_svg>�_span></button>�_div>�_div>�_div> <1�6��p class="anchor anchorWithHideOnScrollNavbar_WYt5" id="react">React<a href="#react" class="hash-link" aria-label="React への直接リンク" title="React への直接リンク"></a></h3> <di6�class="language-js8�codeblockcontainer_ckt0 theme-code-block"><div class="codeBlockContent_biex"><pre tabindex="."."." class="prism-code language-js8�codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token keyword module">import</span><span class="token plain"> </span><span class="token imports punctuation">{</span><span class="token imports"> </span><span class="token imports maybe-class-name">GoogleMap�_span><span class="token imports" ��_span><span class="token imports punctuation">}�_span><span class="token plain" ��_span><span class="token keyword module">from�_span><span class="token plain" ��_span><span class="token string">&#t�7;@capacitor/google-maps&#t�7;�_span><span class="token punctuation">;�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain">�_span><span class="token keyword module">import�_span><span class="token plain" ��_span><span class="token imports punctuation">{�_span><span class="token imports" �useRef </span><span class="token imports punctuation">}</span><span class="token plain"> </span><span class="token keyword module">from</span><span class="token plain"> </span><span class="token string">'react&#t�7;�_span><span class="token punctuation">;�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain" style="display:inline-block"></span><br>�_span><span class="token-line"><span class="token plain">�_span><span class="token keyword">const�_span><span class="token plain" ��_span><span class="token literal-property property">MyMap�_span><span class="token operator">:</span><span class="token plain"> </span><span class="token maybe-class-name">React�_span><span class="token punctuation">.�_span><span class="token method-variable function-variable method function property-access maybe-class-name">FC�_span><span class="token plain" ��_span><span class="token operator">=</span><span class="token plain"> </span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token plain"> </span><span class="token arrow operator">=>�_span><span class="token plain" ��_span><span class="token punctuation">{�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain"> �_span><span class="token keyword">const�_span><span class="token plain" �mapRef </span><span class="token operator">=�_span><span class="token plain" �useRef�_span><span class="token tag punctuation"><</span><span class="token tag class-name">HTMLElement�_span><span class="token tag punctuation">></span><span class="token plain-text">();�_span><br></span><span class="token-line"><span class="token plain-text"> le4�newMap: GoogleMap;�_span><br></span><span class="token-line"><span class="token plain-text">�_span><br></span><span class="token-line"><span class="token plain-text"> async function createMap() </span><span class="token punctuation">{</span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain" � </span><span class="token keyword control-flow">if</span><span class="token plain"> </span><span class="token punctuation">(</span><span class="token operator"��_span><span class="token plain">mapRef</span><span class="token punctuation">.</span><span class="token property-access">current</span><span class="token punctuation">)</span><span class="token plain"> </span><span class="token keyword control-flow">return</span><span class="token punctuation">;</span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain" style="display:inline-block">�_span><br></span><span class="token-line"><span class="token plain" � newMa0��_span><span class="token operator">=</span><span class="token plain"> </span><span class="token keyword control-flow">await�_span><span class="token plain" ��_span><span class="token maybe-class-name">GoogleMap</span><span class="token punctuation">.</span><span class="token method function property-access">create�_span><span class="token punctuation">(�_span><span class="token punctuation">{�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain"> �_span><span class="token literal-property property">id</span><span class="token operator">:�_span><span class="token plain" ��_span><span class="token string">&#t�7;my-cool-map'</span><span class="token punctuation">,</span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain" � </span><span class="token literal-propert9�property">element</span><span class="token operator">:�_span><span class="token plain" �mapRef�_span><span class="token punctuation">.�_span><span class="token property-access">current�_span><span class="token punctuation">,�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain"> �_span><span class="token literal-property property">apiKey</span><span class="token operator">:�_span><span class="token plain" �process</span><span class="token punctuation">.</span><span class="token property-access">env</span><span class="token punctuation">.</span><span class="token constant">REACT_APP_YOUR_API_KEY_HERE�_span><span class="token punctuation">,�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain"> �_span><span class="token literal-property property">config</span><span class="token operator">:�_span><span class="token plain" ��_span><span class="token punctuation">{�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain"> �_span><span class="token literal-property property">center</span><span class="token operator">:�_span><span class="token plain" ��_span><span class="token punctuation">{�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain"> �_span><span class="token literal-property property">lat�_span><span class="token operator">:</span><span class="token plain"> </span><span class="token number"�0�0�03.6</span><span class="token punctuation">,</span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain" � </span><span class="token literal-propert9�property">lng</span><span class="token operator">:�_span><span class="token plain" ��_span><span class="token operator">-</span><span class="token number"�17.9�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain"> �_span><span class="token punctuation">}�_span><span class="token punctuation">,�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain"> �_span><span class="token literal-property property">zoom</span><span class="token operator">:�_span><span class="token plain" ��_span><span class="token number">8</span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain" � </span><span class="token punctuation">}</span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain" � </span><span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain" � </span><span class="token punctuation">}</span><span class="token plain-text"></span><br>�_span><span class="token-line"><span class="token plain-text"></span><br>�_span><span class="token-line"><span class="token plain-text" � return (</span><br>�_span><span class="token-line"><span class="token plain-text" � </span><span class="token tag punctuation"><�_span><span class="token tag">div�_span><span class="token tag" ��_span><span class="token tag attr-name">className�_span><span class="token tag attr-value punctuation attr-equals">=</span><span class="token tag attr-value punctuation">"</span><span class="token tag attr-value">component-wrapper�_span><span class="token tag attr-value punctuation">"�_span><span class="token tag punctuation">></span><span class="token plain-text"></span><br>�_span><span class="token-line"><span class="token plain-text" � </span><span class="token tag punctuation"><�_span><span class="token tag">capacitor-google-map</span><span class="token tag"> </span><span class="token tag attr-name">ref</span><span class="token tag scrip4�language-javascrip4�script-punctuation punctuation">=</span><span class="token tag scrip4�language-javascrip4�punctuation">{�_span><span class="token tag script language-javascript">mapRef�_span><span class="token tag script language-javascript punctuation">}</span><span class="token tag"> </span><span class="token tag attr-name">style</span><span class="token tag scrip4�language-javascrip4�script-punctuation punctuation">=</span><span class="token tag scrip4�language-javascrip4�punctuation">{�_span><span class="token tag script language-javascript punctuation">{</span><span class="token tag scrip4�language-javascript"></span><br>�_span><span class="token-line"><span class="token tag scrip4�language-javascript" � </span><span class="token tag scrip4�language-javascrip4�literal-property property">display�_span><span class="token tag script language-javascript operator">:�_span><span class="token tag script language-javascript"> </span><span class="token tag scrip4�language-javascrip4�string">&#t�7;inline-block&#t�7;�_span><span class="token tag script language-javascript punctuation">,</span><span class="token tag scrip4�language-javascript"></span><br>�_span><span class="token-line"><span class="token tag scrip4�language-javascript" � </span><span class="token tag scrip4�language-javascrip4�literal-property property">width�_span><span class="token tag script language-javascript operator">:�_span><span class="token tag script language-javascript"> </span><span class="token tag scrip4�language-javascrip4�number">275</span><span class="token tag scrip4�language-javascrip4�punctuation">,�_span><span class="token tag script language-javascript">�_span><br></span><span class="token-line"><span class="token tag script language-javascript"> �_span><span class="token tag script language-javascript literal-propert9�property">height�_span><span class="token tag script language-javascript operator">:�_span><span class="token tag script language-javascript"> </span><span class="token tag scrip4�language-javascrip4�number">400</span><span class="token tag scrip4�language-javascript"></span><br>�_span><span class="token-line"><span class="token tag scrip4�language-javascript" � </span><span class="token tag scrip4�language-javascrip4�punctuation">}�_span><span class="token tag script language-javascript punctuation">}</span><span class="token tag punctuation">>�_span><span class="token tag punctuation"><s_�_span><span class="token tag">capacitor-google-map</span><span class="token tag punctuation">>�_span><span class="token plain-text">�_span><br></span><span class="token-line"><span class="token plain-text">�_span><br></span><span class="token-line"><span class="token plain-text"> �_span><span class="token tag punctuation"><</span><span class="token tag">button�_span><span class="token tag" ��_span><span class="token tag attr-name">onClick�_span><span class="token tag script language-javascript script-punctuation punctuation">=�_span><span class="token tag script language-javascript punctuation">{</span><span class="token tag scrip4�language-javascript">createMap�_span><span class="token tag script language-javascript punctuation">}</span><span class="token tag punctuation">>�_span><span class="token plain-text">Create Map�_span><span class="token tag punctuation"><s_�_span><span class="token tag">button</span><span class="token tag punctuation">>�_span><span class="token plain-text">�_span><br></span><span class="token-line"><span class="token plain-text"> �_span><span class="token tag punctuation"><s_�_span><span class="token tag">div�_span><span class="token tag punctuation">></span><span class="token plain-text"></span><br>�_span><span class="token-line"><span class="token plain-text" � )�_span><br></span><span class="token-line"><span class="token plain-text">}</span><br>�_span><span class="token-line"><span class="token plain-text"></span><br>�_span><span class="token-line"><span class="token plain-text">expor4�defaul4�MyMap;�_span><br></span>�_code></pre><di6�class="buttongroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24(��N)�4" class="copyButtonIcon_y97N"><path fill="currentColor" d="9,H8V79M19,5H8(�O)�(�4l)� 0 0,0 6,72�6�1A2,2 0 0,0 8,�0�0�0�0�09A2,2 0 0,0 (�4l)�1V7A2,2 0 0,0 19,56,1H4A2,2 0 0,0 2,3V17H4�0�0�0�0�06V1Z">�_path></svg><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19�0�0�0�0.5,13.5L4.,12.09L9,16.179.59,5.59L,7Z"></path>�_svg>�_span></button>�_div>�_div>�_div> <p>Yo5�ma9�need to create a <code>*.d.ts</code> file for the custom element in React:�_p> <di6�class="language-ts codeBlockContainer_Ckt0 theme-code-block"><di6�class="codeblockcontent_biex"><pre tabindex="0" class="prism-code language-ts codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token comment">�] custom-elements.d.ts</span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain" style="display:inline-block">�_span><br></span><span class="token-line"><span class="token plain"></span><span class="token keyword">declare</span><span class="token plain"> </span><span class="token keyword">module�_span><span class="token plain" ��_span><span class="token string">"react"</span><span class="token plain"> </span><span class="token punctuation">{</span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain" � </span><span class="token keyword">namespace</span><span class="token plain"> </span><span class="token constant">JSX�_span><span class="token plain" ��_span><span class="token punctuation">{�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain"> �_span><span class="token keyword">interface�_span><span class="token plain" ��_span><span class="token class-name">IntrinsicElements</span><span class="token plain"> </span><span class="token punctuation">{</span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain" � </span><span class="token string-property property">"capacitor-google-map"</span><span class="token operator">:�_span><span class="token plain" �React</span><span class="token punctuation">.</span><span class="token plain">DetailedHTMLProps</span><span class="token operator"><</span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain" � React�_span><span class="token punctuation">.�_span><span class="token plain">HTMLAttributes</span><span class="token operator"><</span><span class="token plain">HTMLElement</span><span class="token operator">></span><span class="token punctuation">,</span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain" � HTMLElement�_span><br></span><span class="token-line"><span class="token plain" � </span><span class="token operator">></span><span class="token punctuation">;</span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain" � </span><span class="token punctuation">}</span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain" � </span><span class="token punctuation">}</span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain"></span><span class="token punctuation">}</span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain" style="display:inline-block">�_span><br></span><span class="token-line"><span class="token plain"></span><span class="token keyword">export�_span><span class="token plain" ��_span><span class="token punctuation">{�_span><span class="token punctuation">}�_span><span class="token punctuation">;�_span><br></span>�_code></pre><di6�class="buttongroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24(��N)�4" class="copyButtonIcon_y97N"><path fill="currentColor" d="9,H8V79M19,5H8(�O)�(�4l)� 0 0,0 6,72�6�1A2,2 0 0,0 8,�0�0�0�0�09A2,2 0 0,0 (�4l)�1V7A2,2 0 0,0 19,56,1H4A2,2 0 0,0 2,3V17H4�0�0�0�0�06V1Z">�_path></svg><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19�0�0�0�0.5,13.5L4.,12.09L9,16.179.59,5.59L,7Z"></path>�_svg>�_span></button>�_div>�_div>�_div> <1�6��p class="anchor anchorWithHideOnScrollNavbar_WYt5" id="vue">Vue<a href="#vue" class="hash-link" aria-label="Vue への直接リンク" title="Vue への直接リンク"></a></h3> <di6�class="language-vue codeBlockContainer_Ckt0 theme-code-block"><div class="codeBlockContent_biex"><pre tabindex="."."." class="prism-code language-vue codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token scrip4�language-vue script-tag tag punctuation"><</span><span class="token scrip4�language-vue script-tag tag">script</span><span class="token scrip4�language-vue script-tag tag" ��_span><span class="token script language-vue script-tag tag attr-name">lang�_span><span class="token script language-vue script-tag tag attr-value punctuation attr-equals">=�_span><span class="token script language-vue script-tag tag attr-value punctuation">"</span><span class="token scrip4�language-vue script-tag tag attr-value">ts�_span><span class="token script language-vue script-tag tag attr-value punctuation">"</span><span class="token scrip4�language-vue script-tag tag" ��_span><span class="token script language-vue script-tag tag attr-name">setup</span><span class="token scrip4�language-vue script-tag tag punctuation">></span><span class="token scrip4�language-vue">�_span><br></span><span class="token-line"><span class="token script language-vue"></span><span class="token scrip4�language-vue keyword module">import</span><span class="token scrip4�language-vue"> </span><span class="token scrip4�language-vue imports punctuation">{</span><span class="token scrip4�language-vue imports"> ref�_span><span class="token script language-vue imports punctuation">,�_span><span class="token script language-vue imports" �shallowRef�_span><span class="token script language-vue imports punctuation">,�_span><span class="token script language-vue imports" �useTemplateRef </span><span class="token scrip4�language-vue imports punctuation">}</span><span class="token scrip4�language-vue"> </span><span class="token scrip4�language-vue keyword module">from</span><span class="token scrip4�language-vue"> </span><span class="token scrip4�language-vue string">'vue&#t�7;�_span><span class="token script language-vue"></span><br>�_span><span class="token-line"><span class="token scrip4�language-vue">�_span><span class="token script language-vue keyword module">import�_span><span class="token script language-vue" ��_span><span class="token script language-vue imports punctuation">{�_span><span class="token script language-vue imports" ��_span><span class="token script language-vue imports maybe-class-name">GoogleMap</span><span class="token scrip4�language-vue imports"> </span><span class="token scrip4�language-vue imports punctuation">}</span><span class="token scrip4�language-vue"> </span><span class="token scrip4�language-vue keyword module">from</span><span class="token scrip4�language-vue"> </span><span class="token scrip4�language-vue string">'@capacito�ygoogle-maps'</span><span class="token scrip4�language-vue">�_span><br></span><span class="token-line"><span class="token script language-vue" style="display:inline-block">�_span><br></span><span class="token-line"><span class="token script language-vue"></span><span class="token scrip4�language-vue keyword">const</span><span class="token scrip4�language-vue"> mapRef �_span><span class="token script language-vue operator">=</span><span class="token scrip4�language-vue"> useTemplateRef</span><span class="token scrip4�language-vue operator"><</span><span class="token scrip4�language-vue maybe-class-name">HTMLElement�_span><span class="token script language-vue operator">>�_span><span class="token script language-vue punctuation">(�_span><span class="token script language-vue string">&#t�7;mapRef&#t�7;�_span><span class="token script language-vue punctuation">)�_span><span class="token script language-vue"></span><br>�_span><span class="token-line"><span class="token scrip4�language-vue">�_span><span class="token script language-vue keyword">const�_span><span class="token script language-vue" �newMap </span><span class="token scrip4�language-vue operator">=�_span><span class="token script language-vue" �shallowRef�_span><span class="token script language-vue operator"><�_span><span class="token script language-vue maybe-class-name">GoogleMap</span><span class="token scrip4�language-vue operator">></span><span class="token scrip4�language-vue punctuation">(</span><span class="token scrip4�language-vue punctuation">)</span><span class="token scrip4�language-vue">�_span><br></span><span class="token-line"><span class="token script language-vue" style="display:inline-block">�_span><br></span><span class="token-line"><span class="token script language-vue"></span><span class="token scrip4�language-vue keyword">async</span><span class="token scrip4�language-vue"> </span><span class="token scrip4�language-vue keyword">function�_span><span class="token script language-vue" ��_span><span class="token script language-vue function">createMap</span><span class="token scrip4�language-vue punctuation">(</span><span class="token scrip4�language-vue punctuation">)</span><span class="token scrip4�language-vue"> </span><span class="token scrip4�language-vue punctuation">{</span><span class="token scrip4�language-vue">�_span><br></span><span class="token-line"><span class="token script language-vue" � </span><span class="token scrip4�language-vue keyword control-flow">if</span><span class="token scrip4�language-vue"> </span><span class="token scrip4�language-vue punctuation">(</span><span class="token scrip4�language-vue operator"��_span><span class="token script language-vue">mapRef</span><span class="token scrip4�language-vue punctuation">.</span><span class="token scrip4�language-vue property-access">value</span><span class="token scrip4�language-vue punctuation">)</span><span class="token scrip4�language-vue"> </span><span class="token scrip4�language-vue keyword control-flow">return</span><span class="token scrip4�language-vue">�_span><br></span><span class="token-line"><span class="token script language-vue" style="display:inline-block">�_span><br></span><span class="token-line"><span class="token script language-vue" � newMap</span><span class="token scrip4�language-vue punctuation">.</span><span class="token scrip4�language-vue property-access">value</span><span class="token scrip4�language-vue"> </span><span class="token scrip4�language-vue operator">=�_span><span class="token script language-vue" ��_span><span class="token script language-vue keyword control-flow">await</span><span class="token scrip4�language-vue"> </span><span class="token scrip4�language-vue maybe-class-name">GoogleMap�_span><span class="token script language-vue punctuation">.�_span><span class="token script language-vue method function property-access">create</span><span class="token scrip4�language-vue punctuation">(</span><span class="token scrip4�language-vue punctuation">{</span><span class="token scrip4�language-vue">�_span><br></span><span class="token-line"><span class="token script language-vue" � </span><span class="token scrip4�language-vue literal-propert9�property">id�_span><span class="token script language-vue operator">:</span><span class="token scrip4�language-vue"> </span><span class="token scrip4�language-vue string">'my-cool-map&#t�7;�_span><span class="token script language-vue punctuation">,�_span><span class="token script language-vue"></span><br>�_span><span class="token-line"><span class="token scrip4�language-vue"> �_span><span class="token script language-vue literal-property property">element�_span><span class="token script language-vue operator">:</span><span class="token scrip4�language-vue"> mapRef</span><span class="token scrip4�language-vue punctuation">.</span><span class="token scrip4�language-vue property-access">value</span><span class="token scrip4�language-vue punctuation">,</span><span class="token scrip4�language-vue">�_span><br></span><span class="token-line"><span class="token script language-vue" � </span><span class="token scrip4�language-vue literal-propert9�property">apiKey�_span><span class="token script language-vue operator">:</span><span class="token scrip4�language-vue"> </span><span class="token scrip4�language-vue keyword module">import</span><span class="token scrip4�language-vue punctuation">.</span><span class="token scrip4�language-vue property-access">meta�_span><span class="token script language-vue punctuation">.�_span><span class="token script language-vue property-access">env�_span><span class="token script language-vue punctuation">.�_span><span class="token script language-vue constant">VITE_YOUR_API_KEY_HERE�_span><span class="token script language-vue punctuation">,�_span><span class="token script language-vue"></span><br>�_span><span class="token-line"><span class="token scrip4�language-vue"> �_span><span class="token script language-vue literal-property property">config</span><span class="token scrip4�language-vue operator">:�_span><span class="token script language-vue" ��_span><span class="token script language-vue punctuation">{�_span><span class="token script language-vue"></span><br>�_span><span class="token-line"><span class="token scrip4�language-vue"> �_span><span class="token script language-vue literal-property property">center</span><span class="token scrip4�language-vue operator">:�_span><span class="token script language-vue" ��_span><span class="token script language-vue punctuation">{�_span><span class="token script language-vue"></span><br>�_span><span class="token-line"><span class="token scrip4�language-vue"> �_span><span class="token script language-vue literal-property property">lat�_span><span class="token script language-vue operator">:</span><span class="token scrip4�language-vue"> </span><span class="token scrip4�language-vue number"�0�0�03.6</span><span class="token scrip4�language-vue punctuation">,</span><span class="token scrip4�language-vue">�_span><br></span><span class="token-line"><span class="token script language-vue" � </span><span class="token scrip4�language-vue literal-propert9�property">lng</span><span class="token scrip4�language-vue operator">:�_span><span class="token script language-vue" ��_span><span class="token script language-vue operator">-</span><span class="token scrip4�language-vue number"�17.9�_span><span class="token script language-vue punctuation">,�_span><span class="token script language-vue"></span><br>�_span><span class="token-line"><span class="token scrip4�language-vue"> �_span><span class="token script language-vue punctuation">}�_span><span class="token script language-vue punctuation">,�_span><span class="token script language-vue"></span><br>�_span><span class="token-line"><span class="token scrip4�language-vue"> �_span><span class="token script language-vue literal-property property">zoom</span><span class="token scrip4�language-vue operator">:�_span><span class="token script language-vue" ��_span><span class="token script language-vue number">8</span><span class="token scrip4�language-vue punctuation">,</span><span class="token scrip4�language-vue">�_span><br></span><span class="token-line"><span class="token script language-vue" � </span><span class="token scrip4�language-vue punctuation">}</span><span class="token scrip4�language-vue punctuation">,</span><span class="token scrip4�language-vue">�_span><br></span><span class="token-line"><span class="token script language-vue" � </span><span class="token scrip4�language-vue punctuation">}</span><span class="token scrip4�language-vue punctuation">)</span><span class="token scrip4�language-vue">�_span><br></span><span class="token-line"><span class="token script language-vue"></span><span class="token scrip4�language-vue punctuation">}</span><span class="token scrip4�language-vue">�_span><br></span><span class="token-line"><span class="token script language-vue"></span><span class="token scrip4�language-vue script-tag tag punctuation"><s_�_span><span class="token script language-vue script-tag tag">script�_span><span class="token script language-vue script-tag tag punctuation">>�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain" style="display:inline-block"></span><br>�_span><span class="token-line"><span class="token plain">�_span><span class="token tag punctuation"><</span><span class="token tag">template�_span><span class="token tag punctuation">></span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain" � </span><span class="token tag punctuation"><�_span><span class="token tag">capacitor-google-map</span><span class="token tag">�_span><br></span><span class="token-line"><span class="token tag" � </span><span class="token tag attr-name">ref</span><span class="token tag attr-value punctuation attr-equals">=�_span><span class="token tag attr-value punctuation">"�_span><span class="token tag attr-value">mapRef�_span><span class="token tag attr-value punctuation">"�_span><span class="token tag"></span><br>�_span><span class="token-line"><span class="token tag"> �_span><span class="token tag special-attr attr-name">style</span><span class="token tag special-attr attr-value punctuation attr-equals">=</span><span class="token tag special-attr attr-value punctuation">"�_span><span class="token tag special-attr attr-value value css language-css property">display�_span><span class="token tag special-attr attr-value value css language-css punctuation">:</span><span class="token tag special-attr attr-value value css language-css" �inline-block�_span><span class="token tag special-attr attr-value value css language-css punctuation">;</span><span class="token tag special-attr attr-value value css language-css" ��_span><span class="token tag special-attr attr-value value css language-css property">width�_span><span class="token tag special-attr attr-value value css language-css punctuation">:</span><span class="token tag special-attr attr-value value css language-css" ��_span><span class="token tag special-attr attr-value value css language-css number"(�ǌ)�75�_span><span class="token tag special-attr attr-value value css language-css unit">px</span><span class="token tag special-attr attr-value value css language-css punctuation">;�_span><span class="token tag special-attr attr-value value css language-css"> </span><span class="token tag special-attr attr-value value css language-css property">height�_span><span class="token tag special-attr attr-value value css language-css punctuation">:</span><span class="token tag special-attr attr-value value css language-css" ��_span><span class="token tag special-attr attr-value value css language-css number">400�_span><span class="token tag special-attr attr-value value css language-css unit">px</span><span class="token tag special-attr attr-value punctuation">"�_span><span class="token tag"></span><br>�_span><span class="token-line"><span class="token tag"> �_span><span class="token tag punctuation">></span><span class="token tag punctuation"></</span><span class="token tag">capacitor-google-map�_span><span class="token tag punctuation">></span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain" � </span><span class="token tag punctuation"><�_span><span class="token tag">button</span><span class="token tag"> </span><span class="token tag attr-name">@click�_span><span class="token tag attr-value punctuation attr-equals">=</span><span class="token tag attr-value punctuation">"</span><span class="token tag attr-value">createMap()�_span><span class="token tag attr-value punctuation">"�_span><span class="token tag punctuation">></span><span class="token plain">Create Map�_span><span class="token tag punctuation"><s_�_span><span class="token tag">button</span><span class="token tag punctuation">>�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain">�_span><span class="token tag punctuation"><s_�_span><span class="token tag">template</span><span class="token tag punctuation">>�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain" style="display:inline-block"></span><br>�_span></code>�_pre><div class="buttonGroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19(�4l)�1H8V7H199,5H8A2,2 0 0,0 6,7V(�O)�(�4l)� 0 0,0 8(�4l)�3H19(�O)�(�4l)� 0 0,0(��N)�1,V7(�O)�(�4l)� 0 0,0 19,5M16,1H4(�O)�(�4l)� 0 0,0(��N)��0�0�0h7H4V3H16hZ"></path>�_svg><svg viewBox="0 0 24(��N)�4" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M,7L9,19L3.5,�0�0.5L4.91,(�*h)�.09L9,16.17L19.59,5.59L21,7Z">�_path></svg></span>�_button></div></div></div> <p>make sure you need enable <a href="https:�]vuejs.or�uguid0uextras/web-components.html#using-custom-elements-in-vue" target="_blank" rel="noopener noreferrer">recognize native custom elements</a �like�_p> <di6�class="language-ts codeBlockContainer_Ckt0 theme-code-block"><di6�class="codeblockcontent_biex"><pre tabindex="0" class="prism-code language-ts codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token comment">�] vite.config.mts ><�s�p�a�n� �c�l�a�s�s�=�"�n�a�k�e�d�_�s�i�g�n�"�>�; <�/�s�p�a�n�>�<�s�p�a�n� �c�l�a�s�s�=�"�n�a�k�e�d�_�a�u�r�a�l�"�>�(��l�)�<�/�s�p�a�n�>�plugins</span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain"></span><span class="token function">Vue�_span><span class="token punctuation">(�_span><span class="token punctuation">{�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain"> template�_span><span class="token operator">:</span><span class="token plain"> </span><span class="token punctuation">{</span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain" � compilerOptions�_span><span class="token operator">:</span><span class="token plain"> </span><span class="token punctuation">{</span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain" � </span><span class="token function-variable function">isCustomElement�_span><span class="token operator">:</span><span class="token plain"> </span><span class="token punctuation">(</span><span class="token plain">tag</span><span class="token punctuation">)</span><span class="token plain"> </span><span class="token operator">=>�_span><span class="token plain" �tag</span><span class="token punctuation">.</span><span class="token function">startsWith</span><span class="token punctuation">(</span><span class="token string">'capacitor-'</span><span class="token punctuation">)</span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain" � </span><span class="token punctuation">}</span><span class="token punctuation">,</span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain" � </span><span class="token punctuation">}</span><span class="token punctuation">,</span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain"></span><span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">,</span><br>�_span></code>�_pre><div class="buttonGroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19(�4l)�1H8V7H199,5H8A2,2 0 0,0 6,7V(�O)�(�4l)� 0 0,0 8(�4l)�3H19(�O)�(�4l)� 0 0,0(��N)�1,V7(�O)�(�4l)� 0 0,0 19,5M16,1H4(�O)�(�4l)� 0 0,0(��N)��0�0�0h7H4V3H16hZ"></path>�_svg><svg viewBox="0 0 24(��N)�4" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M,7L9,19L3.5,�0�0.5L4.91,(�*h)�.09L9,16.17L19.59,5.59L21,7Z">�_path></svg></span>�_button></div></div></div> <h2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="javascript">Javascript<a href="#javascript" class="hash-link" aria-label="Javascrip4�への直接リンク" title="Javascript への直接リンク"></a></h3> <di6�class="language-html codeBlockContainer_Ckt0 theme-code-block"><di6�class="codeblockcontent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token tag punctuation"><�_span><span class="token tag">capacitor-google-map</span><span class="token tag"> </span><span class="token tag attr-name">id�_span><span class="token tag attr-value punctuation attr-equals">=</span><span class="token tag attr-value punctuation">"</span><span class="token tag attr-value">map�_span><span class="token tag attr-value punctuation">"�_span><span class="token tag punctuation">></span><span class="token tag punctuation"></</span><span class="token tag">capacitor-google-map�_span><span class="token tag punctuation">></span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain"></span><span class="token tag punctuation"><�_span><span class="token tag">button</span><span class="token tag"> </span><span class="token tag special-attr attr-name">onclick�_span><span class="token tag special-attr attr-value punctuation attr-equals">=�_span><span class="token tag special-attr attr-value punctuation">"</span><span class="token tag special-attr attr-value value javascrip4�language-javascrip4�function">createMap</span><span class="token tag special-attr attr-value value javascrip4�language-javascrip4�punctuation">(�_span><span class="token tag special-attr attr-value value javascript language-javascript punctuation">)</span><span class="token tag special-attr attr-value punctuation">"�_span><span class="token tag punctuation">></span><span class="token plain">Create Map�_span><span class="token tag punctuation"><s_�_span><span class="token tag">button</span><span class="token tag punctuation">>�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain" style="display:inline-block"></span><br>�_span><span class="token-line"><span class="token plain">�_span><span class="token style language-vue style-tag tag punctuation"><�_span><span class="token style language-vue style-tag tag">style</span><span class="token style language-vue style-tag tag punctuation">></span><span class="token style language-vue"></span><br>�_span><span class="token-line"><span class="token style language-vue" � </span><span class="token style language-vue selector">capacitor-google-map�_span><span class="token style language-vue"> </span><span class="token style language-vue punctuation">{�_span><span class="token style language-vue">�_span><br></span><span class="token-line"><span class="token style language-vue"> �_span><span class="token style language-vue property">display�_span><span class="token style language-vue punctuation">:</span><span class="token style language-vue" �inline-block�_span><span class="token style language-vue punctuation">;</span><span class="token style language-vue"></span><br>�_span><span class="token-line"><span class="token style language-vue" � </span><span class="token style language-vue property">width</span><span class="token style language-vue punctuation">:�_span><span class="token style language-vue"> </span><span class="token style language-vue number">275</span><span class="token style language-vue unit">px�_span><span class="token style language-vue punctuation">;</span><span class="token style language-vue"></span><br>�_span><span class="token-line"><span class="token style language-vue" � </span><span class="token style language-vue property">height�_span><span class="token style language-vue punctuation">:</span><span class="token style language-vue" ��_span><span class="token style language-vue number">400�_span><span class="token style language-vue unit">px</span><span class="token style language-vue punctuation">;�_span><span class="token style language-vue">�_span><br></span><span class="token-line"><span class="token style language-vue"> �_span><span class="token style language-vue punctuation">}</span><span class="token style language-vue"></span><br>�_span><span class="token-line"><span class="token style language-vue"></span><span class="token style language-vue style-tag tag punctuation"><s_�_span><span class="token style language-vue style-tag tag">style</span><span class="token style language-vue style-tag tag punctuation">></span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain" style="display:inline-block">�_span><br></span><span class="token-line"><span class="token plain"></span><span class="token scrip4�language-vue script-tag tag punctuation"><</span><span class="token scrip4�language-vue script-tag tag">script</span><span class="token scrip4�language-vue script-tag tag punctuation">></span><span class="token scrip4�language-vue">�_span><br></span><span class="token-line"><span class="token script language-vue" � </span><span class="token scrip4�language-vue keyword module">import</span><span class="token scrip4�language-vue"> </span><span class="token scrip4�language-vue imports punctuation">{</span><span class="token scrip4�language-vue imports"> </span><span class="token scrip4�language-vue imports maybe-class-name">GoogleMap�_span><span class="token script language-vue imports" ��_span><span class="token script language-vue imports punctuation">}�_span><span class="token script language-vue" ��_span><span class="token script language-vue keyword module">from�_span><span class="token script language-vue" ��_span><span class="token script language-vue string">&#t�7;@capacitor/google-maps&#t�7;�_span><span class="token script language-vue punctuation">;�_span><span class="token script language-vue"></span><br>�_span><span class="token-line"><span class="token scrip4�language-vue" style="display:inline-block"></span><br>�_span><span class="token-line"><span class="token scrip4�language-vue"> �_span><span class="token script language-vue keyword">const�_span><span class="token script language-vue" ��_span><span class="token script language-vue function-variable function">createMap</span><span class="token scrip4�language-vue"> </span><span class="token scrip4�language-vue operator">=�_span><span class="token script language-vue" ��_span><span class="token script language-vue keyword">async�_span><span class="token script language-vue" ��_span><span class="token script language-vue punctuation">(�_span><span class="token script language-vue punctuation">)�_span><span class="token script language-vue" ��_span><span class="token script language-vue arro7�operator">=></span><span class="token scrip4�language-vue"> </span><span class="token scrip4�language-vue punctuation">{</span><span class="token scrip4�language-vue">�_span><br></span><span class="token-line"><span class="token script language-vue" � </span><span class="token scrip4�language-vue keyword">const</span><span class="token scrip4�language-vue"> mapRef �_span><span class="token script language-vue operator">=</span><span class="token scrip4�language-vue"> </span><span class="token scrip4�language-vue dom variable">document</span><span class="token scrip4�language-vue punctuation">.</span><span class="token scrip4�language-vue method function property-access">getElementById�_span><span class="token script language-vue punctuation">(�_span><span class="token script language-vue string">&#t�7;map'</span><span class="token scrip4�language-vue punctuation">)</span><span class="token scrip4�language-vue punctuation">;</span><span class="token scrip4�language-vue">�_span><br></span><span class="token-line"><span class="token script language-vue" style="display:inline-block">�_span><br></span><span class="token-line"><span class="token script language-vue" � </span><span class="token scrip4�language-vue keyword">const</span><span class="token scrip4�language-vue"> newMa0��_span><span class="token script language-vue operator">=</span><span class="token scrip4�language-vue"> </span><span class="token scrip4�language-vue keyword control-flow">await�_span><span class="token script language-vue" ��_span><span class="token script language-vue maybe-class-name">GoogleMap</span><span class="token scrip4�language-vue punctuation">.</span><span class="token scrip4�language-vue method function property-access">create�_span><span class="token script language-vue punctuation">(�_span><span class="token script language-vue punctuation">{�_span><span class="token script language-vue"></span><br>�_span><span class="token-line"><span class="token scrip4�language-vue"> �_span><span class="token script language-vue literal-property property">id</span><span class="token scrip4�language-vue operator">:�_span><span class="token script language-vue" ��_span><span class="token script language-vue string">&#t�7;my-map&#t�7;�_span><span class="token script language-vue punctuation">,�_span><span class="token script language-vue" ��_span><span class="token script language-vue comment"6b �Unique identifier for this map instance</span><span class="token scrip4�language-vue">�_span><br></span><span class="token-line"><span class="token script language-vue" � </span><span class="token scrip4�language-vue literal-propert9�property">element</span><span class="token scrip4�language-vue operator">:�_span><span class="token script language-vue" �mapRef�_span><span class="token script language-vue punctuation">,�_span><span class="token script language-vue" ��_span><span class="token script language-vue comment"6b �reference to the capacitor-google-ma0�element</span><span class="token scrip4�language-vue">�_span><br></span><span class="token-line"><span class="token script language-vue" � </span><span class="token scrip4�language-vue literal-propert9�property">apiKey�_span><span class="token script language-vue operator">:</span><span class="token scrip4�language-vue"> </span><span class="token scrip4�language-vue string">'YOUR_API_KEY_HERE&#t�7;�_span><span class="token script language-vue punctuation">,�_span><span class="token script language-vue" ��_span><span class="token script language-vue comment"6b �Your Google Maps API Key�_span><span class="token script language-vue"></span><br>�_span><span class="token-line"><span class="token scrip4�language-vue"> �_span><span class="token script language-vue literal-property property">config</span><span class="token scrip4�language-vue operator">:�_span><span class="token script language-vue" ��_span><span class="token script language-vue punctuation">{�_span><span class="token script language-vue"></span><br>�_span><span class="token-line"><span class="token scrip4�language-vue"> �_span><span class="token script language-vue literal-property property">center</span><span class="token scrip4�language-vue operator">:�_span><span class="token script language-vue" ��_span><span class="token script language-vue punctuation">{�_span><span class="token script language-vue"></span><br>�_span><span class="token-line"><span class="token scrip4�language-vue"> �_span><span class="token script language-vue comment"6b �The initial position to be rendered by the map�_span><span class="token script language-vue"></span><br>�_span><span class="token-line"><span class="token scrip4�language-vue"> �_span><span class="token script language-vue literal-property property">lat�_span><span class="token script language-vue operator">:</span><span class="token scrip4�language-vue"> </span><span class="token scrip4�language-vue number"�0�0�03.6</span><span class="token scrip4�language-vue punctuation">,</span><span class="token scrip4�language-vue">�_span><br></span><span class="token-line"><span class="token script language-vue" � </span><span class="token scrip4�language-vue literal-propert9�property">lng</span><span class="token scrip4�language-vue operator">:�_span><span class="token script language-vue" ��_span><span class="token script language-vue operator">-</span><span class="token scrip4�language-vue number"�17.9�_span><span class="token script language-vue punctuation">,�_span><span class="token script language-vue"></span><br>�_span><span class="token-line"><span class="token scrip4�language-vue"> �_span><span class="token script language-vue punctuation">}�_span><span class="token script language-vue punctuation">,�_span><span class="token script language-vue"></span><br>�_span><span class="token-line"><span class="token scrip4�language-vue"> �_span><span class="token script language-vue literal-property property">zoom</span><span class="token scrip4�language-vue operator">:�_span><span class="token script language-vue" ��_span><span class="token script language-vue number">8</span><span class="token scrip4�language-vue punctuation">,</span><span class="token scrip4�language-vue"> </span><span class="token scrip4�language-vue comment">�] The initial zoom level to be rendered b9�the map</span><span class="token scrip4�language-vue">�_span><br></span><span class="token-line"><span class="token script language-vue" � </span><span class="token scrip4�language-vue punctuation">}</span><span class="token scrip4�language-vue punctuation">,</span><span class="token scrip4�language-vue">�_span><br></span><span class="token-line"><span class="token script language-vue" � </span><span class="token scrip4�language-vue punctuation">}</span><span class="token scrip4�language-vue punctuation">)</span><span class="token scrip4�language-vue punctuation">;</span><span class="token scrip4�language-vue">�_span><br></span><span class="token-line"><span class="token script language-vue" � </span><span class="token scrip4�language-vue punctuation">}</span><span class="token scrip4�language-vue punctuation">;</span><span class="token scrip4�language-vue">�_span><br></span><span class="token-line"><span class="token script language-vue"></span><span class="token scrip4�language-vue script-tag tag punctuation"><s_�_span><span class="token script language-vue script-tag tag">script�_span><span class="token script language-vue script-tag tag punctuation">>�_span><br></span>�_code></pre><di6�class="buttongroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24(��N)�4" class="copyButtonIcon_y97N"><path fill="currentColor" d="9,H8V79M19,5H8(�O)�(�4l)� 0 0,0 6,72�6�1A2,2 0 0,0 8,�0�0�0�0�09A2,2 0 0,0 (�4l)�1V7A2,2 0 0,0 19,56,1H4A2,2 0 0,0 2,3V17H4�0�0�0�0�06V1Z">�_path></svg><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19�0�0�0�0.5,13.5L4.,12.09L9,16.179.59,5.59L,7Z"></path>�_svg>�_span></button>�_div>�_div>�_div> < class="anchor anchorWithHideOnScrollNavbar_WYt5" id="api">API<a href="#api" class="hash-link" aria-label="API への直接リンク" title="API への直接リンク"></a></h2> <docgen-index><ul> <li><a href="#create"><code>create(...)</code>�_a>�_li> <li><a href="#enabletouch"><code>enableTouch()�_code></a></li> <li><a href="#disabletouch"><code>disableTouch()</code>�_a>�_li> <li><a href="#enableclustering"><code>enableClustering(...)</code>�_a>�_li> <li><a href="#disableclustering"><code>disableClustering()�_code></a></li> <li><a href="#addtileoverlay"><code>addTileOverlay(...)�_code></a></li> <li><a href="#removetileoverlay"><code>removeTileOverlay(...)�_code></a></li> <li><a href="#addmarker"><code>addMarker(...)�_code></a></li> <li><a href="#addmarkers"><code>addMarkers(...)�_code></a></li> <li><a href="#removemarker"><code>removeMarker(...)�_code></a></li> <li><a href="#removemarkers"><code>removeMarkers(...)�_code></a></li> <li><a href="#addpolygons"><code>addPolygons(...)�_code></a></li> <li><a href="#removepolygons"><code>removePolygons(...)�_code></a></li> <li><a href="#addcircles"><code>addCircles(...)�_code></a></li> <li><a href="#removecircles"><code>removeCircles(...)�_code></a></li> <li><a href="#addpolylines"><code>addPolylines(...)�_code></a></li> <li><a href="#removepolylines"><code>removePolylines(...)�_code></a></li> <li><a href="#destroy"><code>destroy()</code>�_a>�_li> <li><a href="#setcamera"><code>setCamera(...)</code>�_a>�_li> <li><a href="#getmaptype"><code>getMapType()�_code></a></li> <li><a href="#setmaptype"><code>setMapType(...)�_code></a></li> <li><a href="#enableindoormaps"><code>enableIndoorMaps(...)�_code></a></li> <li><a href="#enabletrafficlayer"><code>enableTrafficLayer(...)�_code></a></li> <li><a href="#enableaccessibilityelements"><code>enableAccessibilityElements(...)�_code></a></li> <li><a href="#enablecurrentlocation"><code>enableCurrentLocation(...)�_code></a></li> <li><a href="#setpadding"><code>setPadding(...)�_code></a></li> <li><a href="#getmapbounds"><code>getMapBounds()</code>�_a>�_li> <li><a href="#fitbounds"><code>fitBounds(...)</code>�_a>�_li> <li><a href="#setonboundschangedlistener"><code>setOnBoundsChangedListener(...)</code>�_a>�_li> <li><a href="#setoncameraidlelistener"><code>setOnCameraIdleListener(...)</code>�_a>�_li> <li><a href="#setoncameramovestartedlistener"><code>setOnCameraMoveStartedListener(...)</code>�_a>�_li> <li><a href="#setonclusterclicklistener"><code>setOnClusterClickListener(...)</code>�_a>�_li> <li><a href="#setonclusterinfowindowclicklistener"><code>setOnClusterInfoWindowClickListener(...)</code>�_a>�_li> <li><a href="#setoninfowindowclicklistener"><code>setOnInfoWindowClickListener(...)</code>�_a>�_li> <li><a href="#setonmapclicklistener"><code>setOnMapClickListener(...)</code>�_a>�_li> <li><a href="#setonmarkerclicklistener"><code>setOnMarkerClickListener(...)</code>�_a>�_li> <li><a href="#setonpolygonclicklistener"><code>setOnPolygonClickListener(...)</code>�_a>�_li> <li><a href="#setoncircleclicklistener"><code>setOnCircleClickListener(...)</code>�_a>�_li> <li><a href="#setonpolylineclicklistener"><code>setOnPolylineClickListener(...)</code>�_a>�_li> <li><a href="#setonmarkerdragstartlistener"><code>setOnMarkerDragStartListener(...)</code>�_a>�_li> <li><a href="#setonmarkerdraglistener"><code>setOnMarkerDragListener(...)</code>�_a>�_li> <li><a href="#setonmarkerdragendlistener"><code>setOnMarkerDragEndListener(...)</code>�_a>�_li> <li><a href="#setonmylocationbuttonclicklistener"><code>setOnMyLocationButtonClickListener(...)</code>�_a>�_li> <li><a href="#setonmylocationclicklistener"><code>setOnMyLocationClickListener(...)</code>�_a>�_li> <li><a href="#interfaces">Interfaces�_a>�_li> <li><a href="#type-aliases">Type Aliases�_a>�_li> <li><a href="#enums">Enums�_a>�_li> �_ul></docgen-index> <docgen-api><1�6��p class="anchor anchorWithHideOnScrollNavbar_WYt5" id="create">create(...)<a href="#create" class="hash-link" aria-label="create(...) への直接リンク" title="create(...) への直接リンク"></a></h3><div class="language-typescrip4�codeBlockContainer_Ckt0 theme-code-block"><div class="codeBlockContent_biex"><pre tabindex="."."." class="prism-code language-typescript codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token function">create�_span><span class="token punctuation">(�_span><span class="token plain">options�_span><span class="token operator">:</span><span class="token plain"> CreateMapArgs�_span><span class="token punctuation">,�_span><span class="token plain" �callback�_span><span class="token operator">?</span><span class="token operator">:�_span><span class="token plain" �MapListenerCallback</span><span class="token operator"><</span><span class="token plain">MapReadyCallbackData�_span><span class="token operator">>�_span><span class="token plain" ��_span><span class="token operator">|</span><span class="token plain"> </span><span class="token keyword">undefined</span><span class="token punctuation">)</span><span class="token plain"> </span><span class="token operator">=>�_span><span class="token plain" ��_span><span class="token builtin">Promise�_span><span class="token operator"><�_span><span class="token plain">GoogleMap�_span><span class="token operator">>�_span><br></span>�_code></pre><di6�class="buttongroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24(��N)�4" class="copyButtonIcon_y97N"><path fill="currentColor" d="9,H8V79M19,5H8(�O)�(�4l)� 0 0,0 6,72�6�1A2,2 0 0,0 8,�0�0�0�0�09A2,2 0 0,0 (�4l)�1V7A2,2 0 0,0 19,56,1H4A2,2 0 0,0 2,3V17H4�0�0�0�0�06V1Z">�_path></svg><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19�0�0�0�0.5,13.5L4.,12.09L9,16.179.59,5.59L,7Z"></path>�_svg>�_span></button>�_div>�_div>�_div><div class="table-wrapper"><table><thead><tr><th>Param�_th><th>Type</th>�_tr></thead><tbody><tr><td><strong><code>options</code>�_strong></td><td><code><a href="#createmapargs">CreateMapArgs�_a>�_code></td>�_tr><tr><td><strong><code>callback</code>�_strong></td><td><code><a href="#maplistenercallback">MapListenerCallback�_a><<a href="#mapreadycallbackdata">MapReadyCallbackData�_a>>�_code></td>�_tr></tbody></table></div><p><strong>Returns:�_strong �<code>Promise<GoogleMap>�_code></p><hr><1�6��p class="anchor anchorWithHideOnScrollNavbar_WYt5" id="enabletouch">enableTouch()<a href="#enabletouch" class="hash-link" aria-label="enableTouch() への直接リンク" title="enableTouch() への直接リンク"></a></h3><div class="language-typescrip4�codeBlockContainer_Ckt0 theme-code-block"><div class="codeBlockContent_biex"><pre tabindex="."."." class="prism-code language-typescript codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token function">enableTouch</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token plain"> </span><span class="token operator">=>�_span><span class="token plain" ��_span><span class="token builtin">Promise�_span><span class="token operator"><�_span><span class="token keyword">void</span><span class="token operator">></span><br>�_span></code>�_pre><div class="buttonGroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19(�4l)�1H8V7H199,5H8A2,2 0 0,0 6,7V(�O)�(�4l)� 0 0,0 8(�4l)�3H19(�O)�(�4l)� 0 0,0(��N)�1,V7(�O)�(�4l)� 0 0,0 19,5M16,1H4(�O)�(�4l)� 0 0,0(��N)��0�0�0h7H4V3H16hZ"></path>�_svg><svg viewBox="0 0 24(��N)�4" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M,7L9,19L3.5,�0�0.5L4.91,(�*h)�.09L9,16.17L19.59,5.59L21,7Z">�_path></svg></span>�_button></div></div></div><hr><1�6��p class="anchor anchorWithHideOnScrollNavbar_WYt5" id="disabletouch">disableTouch()<a href="#disabletouch" class="hash-link" aria-label="disableTouch() への直接リンク" title="disableTouch() への直接リンク">�_a>�_1�6��p><di6�class="language-typescript codeBlockContainer_Ckt0 theme-code-block"><di6�class="codeblockcontent_biex"><pre tabindex="0" class="prism-code language-typescrip4�codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token function">disableTouch</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token plain"> </span><span class="token operator">=>�_span><span class="token plain" ��_span><span class="token builtin">Promise�_span><span class="token operator"><�_span><span class="token keyword">void</span><span class="token operator">></span><br>�_span></code>�_pre><div class="buttonGroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19(�4l)�1H8V7H199,5H8A2,2 0 0,0 6,7V(�O)�(�4l)� 0 0,0 8(�4l)�3H19(�O)�(�4l)� 0 0,0(��N)�1,V7(�O)�(�4l)� 0 0,0 19,5M16,1H4(�O)�(�4l)� 0 0,0(��N)��0�0�0h7H4V3H16hZ"></path>�_svg><svg viewBox="0 0 24(��N)�4" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M,7L9,19L3.5,�0�0.5L4.91,(�*h)�.09L9,16.17L19.59,5.59L21,7Z">�_path></svg></span>�_button></div></div></div><hr><1�6��p class="anchor anchorWithHideOnScrollNavbar_WYt5" id="enableclustering">enableClustering(...)<a href="#enableclustering" class="hash-link" aria-label="enableClustering(...) への直接リンク" title="enableClustering(...) への直接リンク"></a></h3><div class="language-typescrip4�codeBlockContainer_Ckt0 theme-code-block"><div class="codeBlockContent_biex"><pre tabindex="."."." class="prism-code language-typescript codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token function">enableClustering�_span><span class="token punctuation">(�_span><span class="token plain">minClusterSize</span><span class="token operator">?�_span><span class="token operator">:</span><span class="token plain"> </span><span class="token builtin">number�_span><span class="token plain" ��_span><span class="token operator">|</span><span class="token plain"> </span><span class="token keyword">undefined</span><span class="token punctuation">)</span><span class="token plain"> </span><span class="token operator">=>�_span><span class="token plain" ��_span><span class="token builtin">Promise�_span><span class="token operator"><�_span><span class="token keyword">void</span><span class="token operator">></span><br>�_span></code>�_pre><div class="buttonGroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19(�4l)�1H8V7H199,5H8A2,2 0 0,0 6,7V(�O)�(�4l)� 0 0,0 8(�4l)�3H19(�O)�(�4l)� 0 0,0(��N)�1,V7(�O)�(�4l)� 0 0,0 19,5M16,1H4(�O)�(�4l)� 0 0,0(��N)��0�0�0h7H4V3H16hZ"></path>�_svg><svg viewBox="0 0 24(��N)�4" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M,7L9,19L3.5,�0�0.5L4.91,(�*h)�.09L9,16.17L19.59,5.59L21,7Z">�_path></svg></span>�_button></div></div></div><di6�class="table-wrapper"><table><thead><tr><th>Param</th><th>Type�_th><th>Description�_th></tr>�_thead><tbody><tr><td><strong><code>minClusterSize</code>�_strong></td><td><code>number�_code></td><td>The minimum number of markers that can be clustered together. The defaul4�is 4 markers.</td>�_tr></tbody></table></div><hr><1�6��p class="anchor anchorWithHideOnScrollNavbar_WYt5" id="disableclustering">disableClustering()<a href="#disableclustering" class="hash-link" aria-label="disableClustering() への直接リンク" title="disableClustering() への直接リンク"></a></h3><div class="language-typescrip4�codeBlockContainer_Ckt0 theme-code-block"><div class="codeBlockContent_biex"><pre tabindex="."."." class="prism-code language-typescript codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token function">disableClustering</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token plain"> </span><span class="token operator">=>�_span><span class="token plain" ��_span><span class="token builtin">Promise�_span><span class="token operator"><�_span><span class="token keyword">void</span><span class="token operator">></span><br>�_span></code>�_pre><div class="buttonGroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19(�4l)�1H8V7H199,5H8A2,2 0 0,0 6,7V(�O)�(�4l)� 0 0,0 8(�4l)�3H19(�O)�(�4l)� 0 0,0(��N)�1,V7(�O)�(�4l)� 0 0,0 19,5M16,1H4(�O)�(�4l)� 0 0,0(��N)��0�0�0h7H4V3H16hZ"></path>�_svg><svg viewBox="0 0 24(��N)�4" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M,7L9,19L3.5,�0�0.5L4.91,(�*h)�.09L9,16.17L19.59,5.59L21,7Z">�_path></svg></span>�_button></div></div></div><hr><1�6��p class="anchor anchorWithHideOnScrollNavbar_WYt5" id="addtileoverlay">addTileOverlay(...)<a href="#addtileoverlay" class="hash-link" aria-label="addTileOverlay(...) への直接リンク" title="addTileOverlay(...) への直接リンク"></a></h3><div class="language-typescrip4�codeBlockContainer_Ckt0 theme-code-block"><div class="codeBlockContent_biex"><pre tabindex="."."." class="prism-code language-typescript codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token function">addTileOverlay�_span><span class="token punctuation">(�_span><span class="token plain">tileOverlay�_span><span class="token operator">:</span><span class="token plain"> TileOverlay�_span><span class="token punctuation">)�_span><span class="token plain" ��_span><span class="token operator">=></span><span class="token plain"> </span><span class="token builtin">Promise</span><span class="token operator"><</span><span class="token punctuation">{</span><span class="token plain"> id</span><span class="token operator">:�_span><span class="token plain" ��_span><span class="token builtin">string</span><span class="token punctuation">;</span><span class="token plain"> </span><span class="token punctuation">}</span><span class="token operator">></span><br>�_span></code>�_pre><div class="buttonGroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19(�4l)�1H8V7H199,5H8A2,2 0 0,0 6,7V(�O)�(�4l)� 0 0,0 8(�4l)�3H19(�O)�(�4l)� 0 0,0(��N)�1,V7(�O)�(�4l)� 0 0,0 19,5M16,1H4(�O)�(�4l)� 0 0,0(��N)��0�0�0h7H4V3H16hZ"></path>�_svg><svg viewBox="0 0 24(��N)�4" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M,7L9,19L3.5,�0�0.5L4.91,(�*h)�.09L9,16.17L19.59,5.59L21,7Z">�_path></svg></span>�_button></div></div></div><di6�class="table-wrapper"><table><thead><tr><th>Param</th><th>Type�_th></tr>�_thead><tbody><tr><td><strong><code>tileOverlay�_code></strong>�_td><td><code><a href="#tileoverlay">TileOverlay</a></code>�_td></tr>�_tbody>�_table>�_div><p><strong>Returns:</strong> <code>Promise<"id: string<�s�p�a�n� �c�l�a�s�s�=�"�n�a�k�e�d�_�s�i�g�n�"�>�; <�/�s�p�a�n�>�<�s�p�a�n� �c�l�a�s�s�=�"�n�a�k�e�d�_�a�u�r�a�l�"�>�(��l�)�<�/�s�p�a�n�>�}></code>�_p><hr><h2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="removetileoverlay">removeTileOverlay(...)<a href="#removetileoverlay" class="hash-link" aria-label="removeTileOverlay(...) への直接リンク" title="removeTileOverlay(...) への直接リンク"></a></h3><div class="language-typescrip4�codeBlockContainer_Ckt0 theme-code-block"><div class="codeBlockContent_biex"><pre tabindex="."."." class="prism-code language-typescript codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token function">removeTileOverlay</span><span class="token punctuation">(</span><span class="token plain">id�_span><span class="token operator">:</span><span class="token plain"> </span><span class="token builtin">string�_span><span class="token punctuation">)�_span><span class="token plain" ��_span><span class="token operator">=></span><span class="token plain"> </span><span class="token builtin">Promise</span><span class="token operator"><</span><span class="token keyword">void�_span><span class="token operator">>�_span><br></span>�_code></pre><di6�class="buttongroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24(��N)�4" class="copyButtonIcon_y97N"><path fill="currentColor" d="9,H8V79M19,5H8(�O)�(�4l)� 0 0,0 6,72�6�1A2,2 0 0,0 8,�0�0�0�0�09A2,2 0 0,0 (�4l)�1V7A2,2 0 0,0 19,56,1H4A2,2 0 0,0 2,3V17H4�0�0�0�0�06V1Z">�_path></svg><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19�0�0�0�0.5,13.5L4.,12.09L9,16.179.59,5.59L,7Z"></path>�_svg>�_span></button>�_div>�_div>�_div><div class="table-wrapper"><table><thead><tr><th>Param�_th><th>Type</th>�_tr></thead><tbody><tr><td><strong><code>id�_code></strong>�_td><td><code>string</code>�_td></tr>�_tbody>�_table>�_div><hr><h2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="addmarker">addMarker(...)<a href="#addmarker" class="hash-link" aria-label="addMarker(...) への直接リンク" title="addMarker(...) への直接リンク"></a></h3><div class="language-typescrip4�codeBlockContainer_Ckt0 theme-code-block"><div class="codeBlockContent_biex"><pre tabindex="."."." class="prism-code language-typescript codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token function">addMarker</span><span class="token punctuation">(</span><span class="token plain">marker�_span><span class="token operator">:</span><span class="token plain"> Marker</span><span class="token punctuation">)</span><span class="token plain"> </span><span class="token operator">=>�_span><span class="token plain" ��_span><span class="token builtin">Promise�_span><span class="token operator"><�_span><span class="token builtin">string</span><span class="token operator">></span><br>�_span></code>�_pre><div class="buttonGroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19(�4l)�1H8V7H199,5H8A2,2 0 0,0 6,7V(�O)�(�4l)� 0 0,0 8(�4l)�3H19(�O)�(�4l)� 0 0,0(��N)�1,V7(�O)�(�4l)� 0 0,0 19,5M16,1H4(�O)�(�4l)� 0 0,0(��N)��0�0�0h7H4V3H16hZ"></path>�_svg><svg viewBox="0 0 24(��N)�4" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M,7L9,19L3.5,�0�0.5L4.91,(�*h)�.09L9,16.17L19.59,5.59L21,7Z">�_path></svg></span>�_button></div></div></div><di6�class="table-wrapper"><table><thead><tr><th>Param</th><th>Type�_th></tr>�_thead><tbody><tr><td><strong><code>marker</code>�_strong></td><td><code><a href="#marker">Marker�_a>�_code></td>�_tr></tbody></table></div><p><strong>Returns:�_strong �<code>Promise<string></code>�_p><hr><h2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="addmarkers">addMarkers(...)<a href="#addmarkers" class="hash-link" aria-label="addMarkers(...) への直接リンク" title="addMarkers(...) への直接リンク">�_a>�_1�6��p><di6�class="language-typescript codeBlockContainer_Ckt0 theme-code-block"><di6�class="codeblockcontent_biex"><pre tabindex="0" class="prism-code language-typescrip4�codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token function">addMarkers</span><span class="token punctuation">(</span><span class="token plain">markers</span><span class="token operator">:�_span><span class="token plain" �Marker�_span><span class="token punctuation">[�_span><span class="token punctuation">]�_span><span class="token punctuation">)�_span><span class="token plain" ��_span><span class="token operator">=></span><span class="token plain"> </span><span class="token builtin">Promise</span><span class="token operator"><</span><span class="token builtin">string�_span><span class="token punctuation">[�_span><span class="token punctuation">]�_span><span class="token operator">>�_span><br></span>�_code></pre><di6�class="buttongroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24(��N)�4" class="copyButtonIcon_y97N"><path fill="currentColor" d="9,H8V79M19,5H8(�O)�(�4l)� 0 0,0 6,72�6�1A2,2 0 0,0 8,�0�0�0�0�09A2,2 0 0,0 (�4l)�1V7A2,2 0 0,0 19,56,1H4A2,2 0 0,0 2,3V17H4�0�0�0�0�06V1Z">�_path></svg><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19�0�0�0�0.5,13.5L4.,12.09L9,16.179.59,5.59L,7Z"></path>�_svg>�_span></button>�_div>�_div>�_div><div class="table-wrapper"><table><thead><tr><th>Param�_th><th>Type</th>�_tr></thead><tbody><tr><td><strong><code>markers</code>�_strong></td><td><code>Marker[]�_code></td>�_tr></tbody></table></div><p><strong>Returns:�_strong �<code>Promise<string[]></code>�_p><hr><h2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="removemarker">removeMarker(...)<a href="#removemarker" class="hash-link" aria-label="removeMarker(...) への直接リンク" title="removeMarker(...) への直接リンク">�_a>�_1�6��p><di6�class="language-typescript codeBlockContainer_Ckt0 theme-code-block"><di6�class="codeblockcontent_biex"><pre tabindex="0" class="prism-code language-typescrip4�codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token function">removeMarker</span><span class="token punctuation">(</span><span class="token plain">id�_span><span class="token operator">:</span><span class="token plain"> </span><span class="token builtin">string�_span><span class="token punctuation">)�_span><span class="token plain" ��_span><span class="token operator">=></span><span class="token plain"> </span><span class="token builtin">Promise</span><span class="token operator"><</span><span class="token keyword">void�_span><span class="token operator">>�_span><br></span>�_code></pre><di6�class="buttongroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24(��N)�4" class="copyButtonIcon_y97N"><path fill="currentColor" d="9,H8V79M19,5H8(�O)�(�4l)� 0 0,0 6,72�6�1A2,2 0 0,0 8,�0�0�0�0�09A2,2 0 0,0 (�4l)�1V7A2,2 0 0,0 19,56,1H4A2,2 0 0,0 2,3V17H4�0�0�0�0�06V1Z">�_path></svg><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19�0�0�0�0.5,13.5L4.,12.09L9,16.179.59,5.59L,7Z"></path>�_svg>�_span></button>�_div>�_div>�_div><div class="table-wrapper"><table><thead><tr><th>Param�_th><th>Type</th>�_tr></thead><tbody><tr><td><strong><code>id�_code></strong>�_td><td><code>string</code>�_td></tr>�_tbody>�_table>�_div><hr><h2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="removemarkers">removeMarkers(...)<a href="#removemarkers" class="hash-link" aria-label="removeMarkers(...) への直接リンク" title="removeMarkers(...) への直接リンク"></a></h3><div class="language-typescrip4�codeBlockContainer_Ckt0 theme-code-block"><div class="codeBlockContent_biex"><pre tabindex="."."." class="prism-code language-typescript codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token function">removeMarkers</span><span class="token punctuation">(</span><span class="token plain">ids</span><span class="token operator">:�_span><span class="token plain" ��_span><span class="token builtin">string</span><span class="token punctuation">[</span><span class="token punctuation">]</span><span class="token punctuation">)</span><span class="token plain"> </span><span class="token operator">=>�_span><span class="token plain" ��_span><span class="token builtin">Promise�_span><span class="token operator"><�_span><span class="token keyword">void</span><span class="token operator">></span><br>�_span></code>�_pre><div class="buttonGroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19(�4l)�1H8V7H199,5H8A2,2 0 0,0 6,7V(�O)�(�4l)� 0 0,0 8(�4l)�3H19(�O)�(�4l)� 0 0,0(��N)�1,V7(�O)�(�4l)� 0 0,0 19,5M16,1H4(�O)�(�4l)� 0 0,0(��N)��0�0�0h7H4V3H16hZ"></path>�_svg><svg viewBox="0 0 24(��N)�4" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M,7L9,19L3.5,�0�0.5L4.91,(�*h)�.09L9,16.17L19.59,5.59L21,7Z">�_path></svg></span>�_button></div></div></div><di6�class="table-wrapper"><table><thead><tr><th>Param</th><th>Type�_th></tr>�_thead><tbody><tr><td><strong><code>ids�_code></strong>�_td><td><code>string[]</code>�_td></tr>�_tbody>�_table>�_div><hr><h2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="addpolygons">addPolygons(...)<a href="#addpolygons" class="hash-link" aria-label="addPolygons(...) への直接リンク" title="addPolygons(...) への直接リンク"></a></h3><div class="language-typescrip4�codeBlockContainer_Ckt0 theme-code-block"><div class="codeBlockContent_biex"><pre tabindex="."."." class="prism-code language-typescript codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token function">addPolygons</span><span class="token punctuation">(</span><span class="token plain">polygons�_span><span class="token operator">:</span><span class="token plain"> Polygon�_span><span class="token punctuation">[�_span><span class="token punctuation">]�_span><span class="token punctuation">)�_span><span class="token plain" ��_span><span class="token operator">=></span><span class="token plain"> </span><span class="token builtin">Promise</span><span class="token operator"><</span><span class="token builtin">string�_span><span class="token punctuation">[�_span><span class="token punctuation">]�_span><span class="token operator">>�_span><br></span>�_code></pre><di6�class="buttongroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24(��N)�4" class="copyButtonIcon_y97N"><path fill="currentColor" d="9,H8V79M19,5H8(�O)�(�4l)� 0 0,0 6,72�6�1A2,2 0 0,0 8,�0�0�0�0�09A2,2 0 0,0 (�4l)�1V7A2,2 0 0,0 19,56,1H4A2,2 0 0,0 2,3V17H4�0�0�0�0�06V1Z">�_path></svg><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19�0�0�0�0.5,13.5L4.,12.09L9,16.179.59,5.59L,7Z"></path>�_svg>�_span></button>�_div>�_div>�_div><div class="table-wrapper"><table><thead><tr><th>Param�_th><th>Type</th>�_tr></thead><tbody><tr><td><strong><code>polygons�_code></strong>�_td><td><code>Polygon[]�_code></td>�_tr></tbody></table></div><p><strong>Returns:�_strong �<code>Promise<string[]></code>�_p><hr><h2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="removepolygons">removePolygons(...)<a href="#removepolygons" class="hash-link" aria-label="removePolygons(...) への直接リンク" title="removePolygons(...) への直接リンク">�_a>�_1�6��p><di6�class="language-typescript codeBlockContainer_Ckt0 theme-code-block"><di6�class="codeblockcontent_biex"><pre tabindex="0" class="prism-code language-typescrip4�codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token function">removePolygons</span><span class="token punctuation">(</span><span class="token plain">ids</span><span class="token operator">:�_span><span class="token plain" ��_span><span class="token builtin">string</span><span class="token punctuation">[</span><span class="token punctuation">]</span><span class="token punctuation">)</span><span class="token plain"> </span><span class="token operator">=>�_span><span class="token plain" ��_span><span class="token builtin">Promise�_span><span class="token operator"><�_span><span class="token keyword">void</span><span class="token operator">></span><br>�_span></code>�_pre><div class="buttonGroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19(�4l)�1H8V7H199,5H8A2,2 0 0,0 6,7V(�O)�(�4l)� 0 0,0 8(�4l)�3H19(�O)�(�4l)� 0 0,0(��N)�1,V7(�O)�(�4l)� 0 0,0 19,5M16,1H4(�O)�(�4l)� 0 0,0(��N)��0�0�0h7H4V3H16hZ"></path>�_svg><svg viewBox="0 0 24(��N)�4" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M,7L9,19L3.5,�0�0.5L4.91,(�*h)�.09L9,16.17L19.59,5.59L21,7Z">�_path></svg></span>�_button></div></div></div><di6�class="table-wrapper"><table><thead><tr><th>Param</th><th>Type�_th></tr>�_thead><tbody><tr><td><strong><code>ids�_code></strong>�_td><td><code>string[]</code>�_td></tr>�_tbody>�_table>�_div><hr><h2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="addcircles">addCircles(...)<a href="#addcircles" class="hash-link" aria-label="addCircles(...) への直接リンク" title="addCircles(...) への直接リンク">�_a>�_1�6��p><di6�class="language-typescript codeBlockContainer_Ckt0 theme-code-block"><di6�class="codeblockcontent_biex"><pre tabindex="0" class="prism-code language-typescrip4�codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token function">addCircles</span><span class="token punctuation">(</span><span class="token plain">circles</span><span class="token operator">:�_span><span class="token plain" �Circle�_span><span class="token punctuation">[�_span><span class="token punctuation">]�_span><span class="token punctuation">)�_span><span class="token plain" ��_span><span class="token operator">=></span><span class="token plain"> </span><span class="token builtin">Promise</span><span class="token operator"><</span><span class="token builtin">string�_span><span class="token punctuation">[�_span><span class="token punctuation">]�_span><span class="token operator">>�_span><br></span>�_code></pre><di6�class="buttongroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24(��N)�4" class="copyButtonIcon_y97N"><path fill="currentColor" d="9,H8V79M19,5H8(�O)�(�4l)� 0 0,0 6,72�6�1A2,2 0 0,0 8,�0�0�0�0�09A2,2 0 0,0 (�4l)�1V7A2,2 0 0,0 19,56,1H4A2,2 0 0,0 2,3V17H4�0�0�0�0�06V1Z">�_path></svg><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19�0�0�0�0.5,13.5L4.,12.09L9,16.179.59,5.59L,7Z"></path>�_svg>�_span></button>�_div>�_div>�_div><div class="table-wrapper"><table><thead><tr><th>Param�_th><th>Type</th>�_tr></thead><tbody><tr><td><strong><code>circles</code>�_strong></td><td><code>Circle[]�_code></td>�_tr></tbody></table></div><p><strong>Returns:�_strong �<code>Promise<string[]></code>�_p><hr><h2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="removecircles">removeCircles(...)<a href="#removecircles" class="hash-link" aria-label="removeCircles(...) への直接リンク" title="removeCircles(...) への直接リンク"></a></h3><div class="language-typescrip4�codeBlockContainer_Ckt0 theme-code-block"><div class="codeBlockContent_biex"><pre tabindex="."."." class="prism-code language-typescript codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token function">removeCircles</span><span class="token punctuation">(</span><span class="token plain">ids</span><span class="token operator">:�_span><span class="token plain" ��_span><span class="token builtin">string</span><span class="token punctuation">[</span><span class="token punctuation">]</span><span class="token punctuation">)</span><span class="token plain"> </span><span class="token operator">=>�_span><span class="token plain" ��_span><span class="token builtin">Promise�_span><span class="token operator"><�_span><span class="token keyword">void</span><span class="token operator">></span><br>�_span></code>�_pre><div class="buttonGroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19(�4l)�1H8V7H199,5H8A2,2 0 0,0 6,7V(�O)�(�4l)� 0 0,0 8(�4l)�3H19(�O)�(�4l)� 0 0,0(��N)�1,V7(�O)�(�4l)� 0 0,0 19,5M16,1H4(�O)�(�4l)� 0 0,0(��N)��0�0�0h7H4V3H16hZ"></path>�_svg><svg viewBox="0 0 24(��N)�4" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M,7L9,19L3.5,�0�0.5L4.91,(�*h)�.09L9,16.17L19.59,5.59L21,7Z">�_path></svg></span>�_button></div></div></div><di6�class="table-wrapper"><table><thead><tr><th>Param</th><th>Type�_th></tr>�_thead><tbody><tr><td><strong><code>ids�_code></strong>�_td><td><code>string[]</code>�_td></tr>�_tbody>�_table>�_div><hr><h2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="addpolylines">addPolylines(...)<a href="#addpolylines" class="hash-link" aria-label="addPolylines(...) への直接リンク" title="addPolylines(...) への直接リンク">�_a>�_1�6��p><di6�class="language-typescript codeBlockContainer_Ckt0 theme-code-block"><di6�class="codeblockcontent_biex"><pre tabindex="0" class="prism-code language-typescrip4�codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token function">addPolylines</span><span class="token punctuation">(</span><span class="token plain">polylines</span><span class="token operator">:�_span><span class="token plain" �Polyline�_span><span class="token punctuation">[�_span><span class="token punctuation">]�_span><span class="token punctuation">)�_span><span class="token plain" ��_span><span class="token operator">=></span><span class="token plain"> </span><span class="token builtin">Promise</span><span class="token operator"><</span><span class="token builtin">string�_span><span class="token punctuation">[�_span><span class="token punctuation">]�_span><span class="token operator">>�_span><br></span>�_code></pre><di6�class="buttongroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24(��N)�4" class="copyButtonIcon_y97N"><path fill="currentColor" d="9,H8V79M19,5H8(�O)�(�4l)� 0 0,0 6,72�6�1A2,2 0 0,0 8,�0�0�0�0�09A2,2 0 0,0 (�4l)�1V7A2,2 0 0,0 19,56,1H4A2,2 0 0,0 2,3V17H4�0�0�0�0�06V1Z">�_path></svg><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19�0�0�0�0.5,13.5L4.,12.09L9,16.179.59,5.59L,7Z"></path>�_svg>�_span></button>�_div>�_div>�_div><div class="table-wrapper"><table><thead><tr><th>Param�_th><th>Type</th>�_tr></thead><tbody><tr><td><strong><code>polylines</code>�_strong></td><td><code>Polyline[]�_code></td>�_tr></tbody></table></div><p><strong>Returns:�_strong �<code>Promise<string[]></code>�_p><hr><h2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="removepolylines">removePolylines(...)<a href="#removepolylines" class="hash-link" aria-label="removePolylines(...) への直接リンク" title="removePolylines(...) への直接リンク"></a></h3><div class="language-typescrip4�codeBlockContainer_Ckt0 theme-code-block"><div class="codeBlockContent_biex"><pre tabindex="."."." class="prism-code language-typescript codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token function">removePolylines</span><span class="token punctuation">(</span><span class="token plain">ids</span><span class="token operator">:�_span><span class="token plain" ��_span><span class="token builtin">string</span><span class="token punctuation">[</span><span class="token punctuation">]</span><span class="token punctuation">)</span><span class="token plain"> </span><span class="token operator">=>�_span><span class="token plain" ��_span><span class="token builtin">Promise�_span><span class="token operator"><�_span><span class="token keyword">void</span><span class="token operator">></span><br>�_span></code>�_pre><div class="buttonGroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19(�4l)�1H8V7H199,5H8A2,2 0 0,0 6,7V(�O)�(�4l)� 0 0,0 8(�4l)�3H19(�O)�(�4l)� 0 0,0(��N)�1,V7(�O)�(�4l)� 0 0,0 19,5M16,1H4(�O)�(�4l)� 0 0,0(��N)��0�0�0h7H4V3H16hZ"></path>�_svg><svg viewBox="0 0 24(��N)�4" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M,7L9,19L3.5,�0�0.5L4.91,(�*h)�.09L9,16.17L19.59,5.59L21,7Z">�_path></svg></span>�_button></div></div></div><di6�class="table-wrapper"><table><thead><tr><th>Param</th><th>Type�_th></tr>�_thead><tbody><tr><td><strong><code>ids�_code></strong>�_td><td><code>string[]</code>�_td></tr>�_tbody>�_table>�_div><hr><h2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="destroy">destroy()<a href="#destroy" class="hash-link" aria-label="destroy() への直接リンク" title="destroy() への直接リンク">�_a>�_1�6��p><di6�class="language-typescript codeBlockContainer_Ckt0 theme-code-block"><di6�class="codeblockcontent_biex"><pre tabindex="0" class="prism-code language-typescrip4�codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token function">destroy�_span><span class="token punctuation">(�_span><span class="token punctuation">)�_span><span class="token plain" ��_span><span class="token operator">=></span><span class="token plain"> </span><span class="token builtin">Promise</span><span class="token operator"><</span><span class="token keyword">void�_span><span class="token operator">>�_span><br></span>�_code></pre><di6�class="buttongroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24(��N)�4" class="copyButtonIcon_y97N"><path fill="currentColor" d="9,H8V79M19,5H8(�O)�(�4l)� 0 0,0 6,72�6�1A2,2 0 0,0 8,�0�0�0�0�09A2,2 0 0,0 (�4l)�1V7A2,2 0 0,0 19,56,1H4A2,2 0 0,0 2,3V17H4�0�0�0�0�06V1Z">�_path></svg><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19�0�0�0�0.5,13.5L4.,12.09L9,16.179.59,5.59L,7Z"></path>�_svg>�_span></button>�_div>�_div>�_div><hr><h2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="setcamera">setCamera(...)<a href="#setcamera" class="hash-link" aria-label="setCamera(...) への直接リンク" title="setCamera(...) への直接リンク"></a></h3><div class="language-typescrip4�codeBlockContainer_Ckt0 theme-code-block"><div class="codeBlockContent_biex"><pre tabindex="."."." class="prism-code language-typescript codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token function">setCamera</span><span class="token punctuation">(</span><span class="token plain">config�_span><span class="token operator">:</span><span class="token plain"> CameraConfig</span><span class="token punctuation">)</span><span class="token plain"> </span><span class="token operator">=>�_span><span class="token plain" ��_span><span class="token builtin">Promise�_span><span class="token operator"><�_span><span class="token keyword">void</span><span class="token operator">></span><br>�_span></code>�_pre><div class="buttonGroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19(�4l)�1H8V7H199,5H8A2,2 0 0,0 6,7V(�O)�(�4l)� 0 0,0 8(�4l)�3H19(�O)�(�4l)� 0 0,0(��N)�1,V7(�O)�(�4l)� 0 0,0 19,5M16,1H4(�O)�(�4l)� 0 0,0(��N)��0�0�0h7H4V3H16hZ"></path>�_svg><svg viewBox="0 0 24(��N)�4" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M,7L9,19L3.5,�0�0.5L4.91,(�*h)�.09L9,16.17L19.59,5.59L21,7Z">�_path></svg></span>�_button></div></div></div><di6�class="table-wrapper"><table><thead><tr><th>Param</th><th>Type�_th></tr>�_thead><tbody><tr><td><strong><code>config</code>�_strong></td><td><code><a href="#cameraconfig">CameraConfig�_a>�_code></td>�_tr></tbody></table></div><hr><1�6��p class="anchor anchorWithHideOnScrollNavbar_WYt5" id="getmaptype">getMapType()<a href="#getmaptype" class="hash-link" aria-label="getMapType() への直接リンク" title="getMapType() への直接リンク">�_a>�_1�6��p><di6�class="language-typescript codeBlockContainer_Ckt0 theme-code-block"><di6�class="codeblockcontent_biex"><pre tabindex="0" class="prism-code language-typescrip4�codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token function">getMapType</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token plain"> </span><span class="token operator">=>�_span><span class="token plain" ��_span><span class="token builtin">Promise�_span><span class="token operator"><�_span><span class="token plain">MapType�_span><span class="token operator">>�_span><br></span>�_code></pre><di6�class="buttongroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24(��N)�4" class="copyButtonIcon_y97N"><path fill="currentColor" d="9,H8V79M19,5H8(�O)�(�4l)� 0 0,0 6,72�6�1A2,2 0 0,0 8,�0�0�0�0�09A2,2 0 0,0 (�4l)�1V7A2,2 0 0,0 19,56,1H4A2,2 0 0,0 2,3V17H4�0�0�0�0�06V1Z">�_path></svg><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19�0�0�0�0.5,13.5L4.,12.09L9,16.179.59,5.59L,7Z"></path>�_svg>�_span></button>�_div>�_div>�_div><p>Get current map type</p><p><strong>Returns:�_strong �<code>Promise<<a href="#maptype">MapType</a>></code>�_p><hr><h2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="setmaptype">setMapType(...)<a href="#setmaptype" class="hash-link" aria-label="setMapType(...) への直接リンク" title="setMapType(...) への直接リンク">�_a>�_1�6��p><di6�class="language-typescript codeBlockContainer_Ckt0 theme-code-block"><di6�class="codeblockcontent_biex"><pre tabindex="0" class="prism-code language-typescrip4�codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token function">setMapType</span><span class="token punctuation">(</span><span class="token plain">mapType</span><span class="token operator">:�_span><span class="token plain" �MapType</span><span class="token punctuation">)</span><span class="token plain"> </span><span class="token operator">=>�_span><span class="token plain" ��_span><span class="token builtin">Promise�_span><span class="token operator"><�_span><span class="token keyword">void</span><span class="token operator">></span><br>�_span></code>�_pre><div class="buttonGroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19(�4l)�1H8V7H199,5H8A2,2 0 0,0 6,7V(�O)�(�4l)� 0 0,0 8(�4l)�3H19(�O)�(�4l)� 0 0,0(��N)�1,V7(�O)�(�4l)� 0 0,0 19,5M16,1H4(�O)�(�4l)� 0 0,0(��N)��0�0�0h7H4V3H16hZ"></path>�_svg><svg viewBox="0 0 24(��N)�4" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M,7L9,19L3.5,�0�0.5L4.91,(�*h)�.09L9,16.17L19.59,5.59L21,7Z">�_path></svg></span>�_button></div></div></div><di6�class="table-wrapper"><table><thead><tr><th>Param</th><th>Type�_th></tr>�_thead><tbody><tr><td><strong><code>mapType�_code></strong>�_td><td><code><a href="#maptype">MapType</a></code>�_td></tr>�_tbody>�_table>�_div><hr><h2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="enableindoormaps">enableIndoorMaps(...)<a href="#enableindoormaps" class="hash-link" aria-label="enableIndoorMaps(...) への直接リンク" title="enableIndoorMaps(...) への直接リンク">�_a>�_1�6��p><di6�class="language-typescript codeBlockContainer_Ckt0 theme-code-block"><di6�class="codeblockcontent_biex"><pre tabindex="0" class="prism-code language-typescrip4�codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token function">enableIndoorMaps</span><span class="token punctuation">(</span><span class="token plain">enabled</span><span class="token operator">:�_span><span class="token plain" ��_span><span class="token builtin">boolean�_span><span class="token punctuation">)�_span><span class="token plain" ��_span><span class="token operator">=></span><span class="token plain"> </span><span class="token builtin">Promise</span><span class="token operator"><</span><span class="token keyword">void�_span><span class="token operator">>�_span><br></span>�_code></pre><di6�class="buttongroup__atx"><button type="button" aria-label="クリップボ�ードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19(�4l)�1H8V7H199,5H8A2,2 0 0,0 6,7V(�O)�(�4l)� 0 0,0 8(�4l)�3H19(�O)�(�4l)� 0 0,0(��N)�1,V7(�O)�(�4l)� 0 0,0 19,5M16,1H4(�O)�(�4l)� 0 0,0(��N)��0�0�0h7H4V3H16hZ"></path>�_svg><svg viewBox="0 0 24(��N)�4" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M,7L9,19L3.5,�0�0.5L4.91,(�*h)�.09L9,16.17L19.59,5.59L21,7Z">�_path></svg></span>�_button></div></div></div><di6�class="table-wrapper"><table><thead><tr><th>Param</th><th>Type�_th></tr>�_thead><tbody><tr><td><strong><code>enabled�_code></strong>�_td><td><code>boolean�_code></td>�_tr></tbody></table></div><hr><1�6��p class="anchor anchorWithHideOnScrollNavbar_WYt5" id="enabletrafficlayer">enableTrafficLayer(...)<a href="#enabletrafficlayer" class="hash-link" aria-label="enableTrafficLayer(...) への直接リンク" title="enableTrafficLayer(...) への直接リンク"></a></h3><div class="language-typescrip4�codeBlockContainer_Ckt0 theme-code-block"><div class="codeBlockContent_biex"><pre tabindex="."."." class="prism-code language-typescript codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token function">enableTrafficLayer�_span><span class="token punctuation">(�_span><span class="token plain">enabled�_span><span class="token operator">:</span><span class="token plain"> </span><span class="token builtin">boolean</span><span class="token punctuation">)</span><span class="token plain"> </span><span class="token operator">=>�_span><span class="token plain" ��_span><span class="token builtin">Promise�_span><span class="token operator"><�_span><span class="token keyword">void</span><span class="token operator">></span><br>�_span></code>�_pre><div class="buttonGroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19(�4l)�1H8V7H199,5H8A2,2 0 0,0 6,7V(�O)�(�4l)� 0 0,0 8(�4l)�3H19(�O)�(�4l)� 0 0,0(��N)�1,V7(�O)�(�4l)� 0 0,0 19,5M16,1H4(�O)�(�4l)� 0 0,0(��N)��0�0�0h7H4V3H16hZ"></path>�_svg><svg viewBox="0 0 24(��N)�4" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M,7L9,19L3.5,�0�0.5L4.91,(�*h)�.09L9,16.17L19.59,5.59L21,7Z">�_path></svg></span>�_button></div></div></div><di6�class="table-wrapper"><table><thead><tr><th>Param</th><th>Type�_th></tr>�_thead><tbody><tr><td><strong><code>enabled�_code></strong>�_td><td><code>boolean�_code></td>�_tr></tbody></table></div><hr><1�6��p class="anchor anchorWithHideOnScrollNavbar_WYt5" id="enableaccessibilityelements">enableAccessibilityElements(...)<a href="#enableaccessibilityelements" class="hash-link" aria-label="enableAccessibilityElements(...) への直接リンク" title="enableAccessibilityElements(...) への直接リンク">�_a>�_1�6��p><di6�class="language-typescript codeBlockContainer_Ckt0 theme-code-block"><di6�class="codeblockcontent_biex"><pre tabindex="0" class="prism-code language-typescrip4�codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token function">enableAccessibilityElements�_span><span class="token punctuation">(�_span><span class="token plain">enabled�_span><span class="token operator">:</span><span class="token plain"> </span><span class="token builtin">boolean</span><span class="token punctuation">)</span><span class="token plain"> </span><span class="token operator">=>�_span><span class="token plain" ��_span><span class="token builtin">Promise�_span><span class="token operator"><�_span><span class="token keyword">void</span><span class="token operator">></span><br>�_span></code>�_pre><div class="buttonGroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19(�4l)�1H8V7H199,5H8A2,2 0 0,0 6,7V(�O)�(�4l)� 0 0,0 8(�4l)�3H19(�O)�(�4l)� 0 0,0(��N)�1,V7(�O)�(�4l)� 0 0,0 19,5M16,1H4(�O)�(�4l)� 0 0,0(��N)��0�0�0h7H4V3H16hZ"></path>�_svg><svg viewBox="0 0 24(��N)�4" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M,7L9,19L3.5,�0�0.5L4.91,(�*h)�.09L9,16.17L19.59,5.59L21,7Z">�_path></svg></span>�_button></div></div></div><di6�class="table-wrapper"><table><thead><tr><th>Param</th><th>Type�_th></tr>�_thead><tbody><tr><td><strong><code>enabled�_code></strong>�_td><td><code>boolean�_code></td>�_tr></tbody></table></div><hr><1�6��p class="anchor anchorWithHideOnScrollNavbar_WYt5" id="enablecurrentlocation">enableCurrentLocation(...)<a href="#enablecurrentlocation" class="hash-link" aria-label="enableCurrentLocation(...) への直接リンク" title="enableCurrentLocation(...) への直接リンク">�_a>�_1�6��p><di6�class="language-typescript codeBlockContainer_Ckt0 theme-code-block"><di6�class="codeblockcontent_biex"><pre tabindex="0" class="prism-code language-typescrip4�codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token function">enableCurrentLocation�_span><span class="token punctuation">(�_span><span class="token plain">enabled�_span><span class="token operator">:</span><span class="token plain"> </span><span class="token builtin">boolean</span><span class="token punctuation">)</span><span class="token plain"> </span><span class="token operator">=>�_span><span class="token plain" ��_span><span class="token builtin">Promise�_span><span class="token operator"><�_span><span class="token keyword">void</span><span class="token operator">></span><br>�_span></code>�_pre><div class="buttonGroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19(�4l)�1H8V7H199,5H8A2,2 0 0,0 6,7V(�O)�(�4l)� 0 0,0 8(�4l)�3H19(�O)�(�4l)� 0 0,0(��N)�1,V7(�O)�(�4l)� 0 0,0 19,5M16,1H4(�O)�(�4l)� 0 0,0(��N)��0�0�0h7H4V3H16hZ"></path>�_svg><svg viewBox="0 0 24(��N)�4" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M,7L9,19L3.5,�0�0.5L4.91,(�*h)�.09L9,16.17L19.59,5.59L21,7Z">�_path></svg></span>�_button></div></div></div><di6�class="table-wrapper"><table><thead><tr><th>Param</th><th>Type�_th></tr>�_thead><tbody><tr><td><strong><code>enabled�_code></strong>�_td><td><code>boolean�_code></td>�_tr></tbody></table></div><hr><1�6��p class="anchor anchorWithHideOnScrollNavbar_WYt5" id="setpadding">setPadding(...)<a href="#setpadding" class="hash-link" aria-label="setPadding(...) への直接リンク" title="setPadding(...) への直接リンク"></a></h3><div class="language-typescrip4�codeBlockContainer_Ckt0 theme-code-block"><div class="codeBlockContent_biex"><pre tabindex="."."." class="prism-code language-typescript codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token function">setPadding�_span><span class="token punctuation">(�_span><span class="token plain">padding�_span><span class="token operator">:</span><span class="token plain"> MapPadding</span><span class="token punctuation">)</span><span class="token plain"> </span><span class="token operator">=>�_span><span class="token plain" ��_span><span class="token builtin">Promise�_span><span class="token operator"><�_span><span class="token keyword">void</span><span class="token operator">></span><br>�_span></code>�_pre><div class="buttonGroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19(�4l)�1H8V7H199,5H8A2,2 0 0,0 6,7V(�O)�(�4l)� 0 0,0 8(�4l)�3H19(�O)�(�4l)� 0 0,0(��N)�1,V7(�O)�(�4l)� 0 0,0 19,5M16,1H4(�O)�(�4l)� 0 0,0(��N)��0�0�0h7H4V3H16hZ"></path>�_svg><svg viewBox="0 0 24(��N)�4" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M,7L9,19L3.5,�0�0.5L4.91,(�*h)�.09L9,16.17L19.59,5.59L21,7Z">�_path></svg></span>�_button></div></div></div><di6�class="table-wrapper"><table><thead><tr><th>Param</th><th>Type�_th></tr>�_thead><tbody><tr><td><strong><code>padding�_code></strong>�_td><td><code><a href="#mappadding">MapPadding</a></code>�_td></tr>�_tbody>�_table>�_div><hr><h2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="getmapbounds">getMapBounds()<a href="#getmapbounds" class="hash-link" aria-label="getMapBounds() への直接リンク" title="getMapBounds() への直接リンク"></a></h3><div class="language-typescrip4�codeBlockContainer_Ckt0 theme-code-block"><div class="codeBlockContent_biex"><pre tabindex="."."." class="prism-code language-typescript codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token function">getMapBounds�_span><span class="token punctuation">(�_span><span class="token punctuation">)�_span><span class="token plain" ��_span><span class="token operator">=></span><span class="token plain"> </span><span class="token builtin">Promise</span><span class="token operator"><</span><span class="token plain">LatLngBounds�_span><span class="token operator">>�_span><br></span>�_code></pre><di6�class="buttongroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24(��N)�4" class="copyButtonIcon_y97N"><path fill="currentColor" d="9,H8V79M19,5H8(�O)�(�4l)� 0 0,0 6,72�6�1A2,2 0 0,0 8,�0�0�0�0�09A2,2 0 0,0 (�4l)�1V7A2,2 0 0,0 19,56,1H4A2,2 0 0,0 2,3V17H4�0�0�0�0�06V1Z">�_path></svg><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19�0�0�0�0.5,13.5L4.,12.09L9,16.179.59,5.59L,7Z"></path>�_svg>�_span></button>�_div>�_div>�_div><p>Get the map&#t�7;s curren4�viewport latitude and longitude bounds.</p><p><strong>Returns:�_strong �<code>Promise<LatLngBounds></code>�_p><hr><h2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="fitbounds">fitBounds(...)<a href="#fitbounds" class="hash-link" aria-label="fitBounds(...) への直接リンク" title="fitBounds(...) への直接リンク"></a></h3><div class="language-typescrip4�codeBlockContainer_Ckt0 theme-code-block"><div class="codeBlockContent_biex"><pre tabindex="."."." class="prism-code language-typescript codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token function">fitBounds</span><span class="token punctuation">(</span><span class="token plain">bounds�_span><span class="token operator">:</span><span class="token plain"> LatLngBounds</span><span class="token punctuation">,</span><span class="token plain"> padding�_span><span class="token operator">?</span><span class="token operator">:�_span><span class="token plain" ��_span><span class="token builtin">number</span><span class="token plain"> </span><span class="token operator">|�_span><span class="token plain" ��_span><span class="token keyword">undefined�_span><span class="token punctuation">)�_span><span class="token plain" ��_span><span class="token operator">=></span><span class="token plain"> </span><span class="token builtin">Promise</span><span class="token operator"><</span><span class="token keyword">void�_span><span class="token operator">>�_span><br></span>�_code></pre><di6�class="buttongroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24(��N)�4" class="copyButtonIcon_y97N"><path fill="currentColor" d="9,H8V79M19,5H8(�O)�(�4l)� 0 0,0 6,72�6�1A2,2 0 0,0 8,�0�0�0�0�09A2,2 0 0,0 (�4l)�1V7A2,2 0 0,0 19,56,1H4A2,2 0 0,0 2,3V17H4�0�0�0�0�06V1Z">�_path></svg><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19�0�0�0�0.5,13.5L4.,12.09L9,16.179.59,5.59L,7Z"></path>�_svg>�_span></button>�_div>�_div>�_div><p>Sets the ma0�viewport to contain the given bounds.</p><di6�class="table-wrapper"><table><thead><tr><th>Param</th><th>Type�_th><th>Description�_th></tr>�_thead><tbody><tr><td><strong><code>bounds</code>�_strong></td><td><code>LatLngBounds�_code></td><td>The bounds to fi4�in the viewport.�_td></tr><tr><td><strong><code>padding</code>�_strong></td><td><code>number�_code></td><td>Optional padding to appl9�in pixels. The bounds will be fi4�in the par4�of the map tha4�remains after padding is removed.</td>�_tr></tbody></table></div><hr><1�6��p class="anchor anchorWithHideOnScrollNavbar_WYt5" id="setonboundschangedlistener">setOnBoundsChangedListener(...)<a href="#setonboundschangedlistener" class="hash-link" aria-label="setOnBoundsChangedListener(...) への直接リンク" title="setOnBoundsChangedListener(...) への直接リンク"></a></h3><div class="language-typescrip4�codeBlockContainer_Ckt0 theme-code-block"><div class="codeBlockContent_biex"><pre tabindex="."."." class="prism-code language-typescript codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token function">setOnBoundsChangedListener�_span><span class="token punctuation">(�_span><span class="token plain">callback</span><span class="token operator">?�_span><span class="token operator">:</span><span class="token plain"> MapListenerCallback�_span><span class="token operator"><�_span><span class="token plain">CameraIdleCallbackData</span><span class="token operator">></span><span class="token plain"> </span><span class="token operator">|�_span><span class="token plain" ��_span><span class="token keyword">undefined�_span><span class="token punctuation">)�_span><span class="token plain" ��_span><span class="token operator">=></span><span class="token plain"> </span><span class="token builtin">Promise</span><span class="token operator"><</span><span class="token keyword">void�_span><span class="token operator">>�_span><br></span>�_code></pre><di6�class="buttongroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24(��N)�4" class="copyButtonIcon_y97N"><path fill="currentColor" d="9,H8V79M19,5H8(�O)�(�4l)� 0 0,0 6,72�6�1A2,2 0 0,0 8,�0�0�0�0�09A2,2 0 0,0 (�4l)�1V7A2,2 0 0,0 19,56,1H4A2,2 0 0,0 2,3V17H4�0�0�0�0�06V1Z">�_path></svg><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19�0�0�0�0.5,13.5L4.,12.09L9,16.179.59,5.59L,7Z"></path>�_svg>�_span></button>�_div>�_div>�_div><div class="table-wrapper"><table><thead><tr><th>Param�_th><th>Type</th>�_tr></thead><tbody><tr><td><strong><code>callback�_code></strong>�_td><td><code><a href="#maplistenercallback">MapListenerCallback</a><<a href="#cameraidlecallbackdata">CameraIdleCallbackData</a>></code>�_td></tr>�_tbody>�_table>�_div><hr><h2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="setoncameraidlelistener">setOnCameraIdleListener(...)<a href="#setoncameraidlelistener" class="hash-link" aria-label="setOnCameraIdleListener(...) への直接リンク" title="setOnCameraIdleListener(...) への直接リンク"></a></h3><div class="language-typescrip4�codeBlockContainer_Ckt0 theme-code-block"><div class="codeBlockContent_biex"><pre tabindex="."."." class="prism-code language-typescript codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token function">setOnCameraIdleListener</span><span class="token punctuation">(</span><span class="token plain">callback�_span><span class="token operator">?</span><span class="token operator">:�_span><span class="token plain" �MapListenerCallback</span><span class="token operator"><</span><span class="token plain">CameraIdleCallbackData�_span><span class="token operator">>�_span><span class="token plain" ��_span><span class="token operator">|</span><span class="token plain"> </span><span class="token keyword">undefined</span><span class="token punctuation">)</span><span class="token plain"> </span><span class="token operator">=>�_span><span class="token plain" ��_span><span class="token builtin">Promise�_span><span class="token operator"><�_span><span class="token keyword">void</span><span class="token operator">></span><br>�_span></code>�_pre><div class="buttonGroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19(�4l)�1H8V7H199,5H8A2,2 0 0,0 6,7V(�O)�(�4l)� 0 0,0 8(�4l)�3H19(�O)�(�4l)� 0 0,0(��N)�1,V7(�O)�(�4l)� 0 0,0 19,5M16,1H4(�O)�(�4l)� 0 0,0(��N)��0�0�0h7H4V3H16hZ"></path>�_svg><svg viewBox="0 0 24(��N)�4" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M,7L9,19L3.5,�0�0.5L4.91,(�*h)�.09L9,16.17L19.59,5.59L21,7Z">�_path></svg></span>�_button></div></div></div><di6�class="table-wrapper"><table><thead><tr><th>Param</th><th>Type�_th></tr>�_thead><tbody><tr><td><strong><code>callback</code>�_strong></td><td><code><a href="#maplistenercallback">MapListenerCallback�_a><<a href="#cameraidlecallbackdata">CameraIdleCallbackData�_a>>�_code></td>�_tr></tbody></table></div><hr><1�6��p class="anchor anchorWithHideOnScrollNavbar_WYt5" id="setoncameramovestartedlistener">setOnCameraMoveStartedListener(...)<a href="#setoncameramovestartedlistener" class="hash-link" aria-label="setOnCameraMoveStartedListener(...) への直接リンク" title="setOnCameraMoveStartedListener(...) への直接リンク"></a></h3><div class="language-typescrip4�codeBlockContainer_Ckt0 theme-code-block"><div class="codeBlockContent_biex"><pre tabindex="."."." class="prism-code language-typescript codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token function">setOnCameraMoveStartedListener�_span><span class="token punctuation">(�_span><span class="token plain">callback</span><span class="token operator">?�_span><span class="token operator">:</span><span class="token plain"> MapListenerCallback�_span><span class="token operator"><�_span><span class="token plain">CameraMoveStartedCallbackData�_span><span class="token operator">>�_span><span class="token plain" ��_span><span class="token operator">|</span><span class="token plain"> </span><span class="token keyword">undefined</span><span class="token punctuation">)</span><span class="token plain"> </span><span class="token operator">=>�_span><span class="token plain" ��_span><span class="token builtin">Promise�_span><span class="token operator"><�_span><span class="token keyword">void</span><span class="token operator">></span><br>�_span></code>�_pre><div class="buttonGroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19(�4l)�1H8V7H199,5H8A2,2 0 0,0 6,7V(�O)�(�4l)� 0 0,0 8(�4l)�3H19(�O)�(�4l)� 0 0,0(��N)�1,V7(�O)�(�4l)� 0 0,0 19,5M16,1H4(�O)�(�4l)� 0 0,0(��N)��0�0�0h7H4V3H16hZ"></path>�_svg><svg viewBox="0 0 24(��N)�4" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M,7L9,19L3.5,�0�0.5L4.91,(�*h)�.09L9,16.17L19.59,5.59L21,7Z">�_path></svg></span>�_button></div></div></div><di6�class="table-wrapper"><table><thead><tr><th>Param</th><th>Type�_th></tr>�_thead><tbody><tr><td><strong><code>callback</code>�_strong></td><td><code><a href="#maplistenercallback">MapListenerCallback�_a><<a href="#cameramovestartedcallbackdata">CameraMoveStartedCallbackData�_a>>�_code></td>�_tr></tbody></table></div><hr><1�6��p class="anchor anchorWithHideOnScrollNavbar_WYt5" id="setonclusterclicklistener">setOnClusterClickListener(...)<a href="#setonclusterclicklistener" class="hash-link" aria-label="setOnClusterClickListener(...) への直接リンク" title="setOnClusterClickListener(...) への直接リンク">�_a>�_1�6��p><di6�class="language-typescript codeBlockContainer_Ckt0 theme-code-block"><di6�class="codeblockcontent_biex"><pre tabindex="0" class="prism-code language-typescrip4�codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token function">setOnClusterClickListener�_span><span class="token punctuation">(�_span><span class="token plain">callback</span><span class="token operator">?�_span><span class="token operator">:</span><span class="token plain"> MapListenerCallback�_span><span class="token operator"><�_span><span class="token plain">ClusterClickCallbackData</span><span class="token operator">></span><span class="token plain"> </span><span class="token operator">|�_span><span class="token plain" ��_span><span class="token keyword">undefined�_span><span class="token punctuation">)�_span><span class="token plain" ��_span><span class="token operator">=></span><span class="token plain"> </span><span class="token builtin">Promise</span><span class="token operator"><</span><span class="token keyword">void�_span><span class="token operator">>�_span><br></span>�_code></pre><di6�class="buttongroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24(��N)�4" class="copyButtonIcon_y97N"><path fill="currentColor" d="9,H8V79M19,5H8(�O)�(�4l)� 0 0,0 6,72�6�1A2,2 0 0,0 8,�0�0�0�0�09A2,2 0 0,0 (�4l)�1V7A2,2 0 0,0 19,56,1H4A2,2 0 0,0 2,3V17H4�0�0�0�0�06V1Z">�_path></svg><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19�0�0�0�0.5,13.5L4.,12.09L9,16.179.59,5.59L,7Z"></path>�_svg>�_span></button>�_div>�_div>�_div><div class="table-wrapper"><table><thead><tr><th>Param�_th><th>Type</th>�_tr></thead><tbody><tr><td><strong><code>callback�_code></strong>�_td><td><code><a href="#maplistenercallback">MapListenerCallback</a><<a href="#clusterclickcallbackdata">ClusterClickCallbackData</a>></code>�_td></tr>�_tbody>�_table>�_div><hr><h2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="setonclusterinfowindowclicklistener">setOnClusterInfoWindowClickListener(...)<a href="#setonclusterinfowindowclicklistener" class="hash-link" aria-label="setOnClusterInfoWindowClickListener(...) への直接リンク" title="setOnClusterInfoWindowClickListener(...) への直接リンク"></a></h3><div class="language-typescrip4�codeBlockContainer_Ckt0 theme-code-block"><div class="codeBlockContent_biex"><pre tabindex="."."." class="prism-code language-typescript codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token function">setOnClusterInfoWindowClickListener</span><span class="token punctuation">(</span><span class="token plain">callback�_span><span class="token operator">?</span><span class="token operator">:�_span><span class="token plain" �MapListenerCallback</span><span class="token operator"><</span><span class="token plain">ClusterClickCallbackData�_span><span class="token operator">>�_span><span class="token plain" ��_span><span class="token operator">|</span><span class="token plain"> </span><span class="token keyword">undefined</span><span class="token punctuation">)</span><span class="token plain"> </span><span class="token operator">=>�_span><span class="token plain" ��_span><span class="token builtin">Promise�_span><span class="token operator"><�_span><span class="token keyword">void</span><span class="token operator">></span><br>�_span></code>�_pre><div class="buttonGroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19(�4l)�1H8V7H199,5H8A2,2 0 0,0 6,7V(�O)�(�4l)� 0 0,0 8(�4l)�3H19(�O)�(�4l)� 0 0,0(��N)�1,V7(�O)�(�4l)� 0 0,0 19,5M16,1H4(�O)�(�4l)� 0 0,0(��N)��0�0�0h7H4V3H16hZ"></path>�_svg><svg viewBox="0 0 24(��N)�4" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M,7L9,19L3.5,�0�0.5L4.91,(�*h)�.09L9,16.17L19.59,5.59L21,7Z">�_path></svg></span>�_button></div></div></div><di6�class="table-wrapper"><table><thead><tr><th>Param</th><th>Type�_th></tr>�_thead><tbody><tr><td><strong><code>callback</code>�_strong></td><td><code><a href="#maplistenercallback">MapListenerCallback�_a><<a href="#clusterclickcallbackdata">ClusterClickCallbackData�_a>>�_code></td>�_tr></tbody></table></div><hr><1�6��p class="anchor anchorWithHideOnScrollNavbar_WYt5" id="setoninfowindowclicklistener">setOnInfoWindowClickListener(...)<a href="#setoninfowindowclicklistener" class="hash-link" aria-label="setOnInfoWindowClickListener(...) への直接リンク" title="setOnInfoWindowClickListener(...) への直接リンク"></a></h3><div class="language-typescrip4�codeBlockContainer_Ckt0 theme-code-block"><div class="codeBlockContent_biex"><pre tabindex="."."." class="prism-code language-typescript codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token function">setOnInfoWindowClickListener�_span><span class="token punctuation">(�_span><span class="token plain">callback</span><span class="token operator">?�_span><span class="token operator">:</span><span class="token plain"> MapListenerCallback�_span><span class="token operator"><�_span><span class="token plain">MarkerClickCallbackData�_span><span class="token operator">>�_span><span class="token plain" ��_span><span class="token operator">|</span><span class="token plain"> </span><span class="token keyword">undefined</span><span class="token punctuation">)</span><span class="token plain"> </span><span class="token operator">=>�_span><span class="token plain" ��_span><span class="token builtin">Promise�_span><span class="token operator"><�_span><span class="token keyword">void</span><span class="token operator">></span><br>�_span></code>�_pre><div class="buttonGroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19(�4l)�1H8V7H199,5H8A2,2 0 0,0 6,7V(�O)�(�4l)� 0 0,0 8(�4l)�3H19(�O)�(�4l)� 0 0,0(��N)�1,V7(�O)�(�4l)� 0 0,0 19,5M16,1H4(�O)�(�4l)� 0 0,0(��N)��0�0�0h7H4V3H16hZ"></path>�_svg><svg viewBox="0 0 24(��N)�4" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M,7L9,19L3.5,�0�0.5L4.91,(�*h)�.09L9,16.17L19.59,5.59L21,7Z">�_path></svg></span>�_button></div></div></div><di6�class="table-wrapper"><table><thead><tr><th>Param</th><th>Type�_th></tr>�_thead><tbody><tr><td><strong><code>callback</code>�_strong></td><td><code><a href="#maplistenercallback">MapListenerCallback�_a><<a href="#markerclickcallbackdata">MarkerClickCallbackData�_a>>�_code></td>�_tr></tbody></table></div><hr><1�6��p class="anchor anchorWithHideOnScrollNavbar_WYt5" id="setonmapclicklistener">setOnMapClickListener(...)<a href="#setonmapclicklistener" class="hash-link" aria-label="setOnMapClickListener(...) への直接リンク" title="setOnMapClickListener(...) への直接リンク">�_a>�_1�6��p><di6�class="language-typescript codeBlockContainer_Ckt0 theme-code-block"><di6�class="codeblockcontent_biex"><pre tabindex="0" class="prism-code language-typescrip4�codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token function">setOnMapClickListener�_span><span class="token punctuation">(�_span><span class="token plain">callback</span><span class="token operator">?�_span><span class="token operator">:</span><span class="token plain"> MapListenerCallback�_span><span class="token operator"><�_span><span class="token plain">MapClickCallbackData</span><span class="token operator">></span><span class="token plain"> </span><span class="token operator">|�_span><span class="token plain" ��_span><span class="token keyword">undefined�_span><span class="token punctuation">)�_span><span class="token plain" ��_span><span class="token operator">=></span><span class="token plain"> </span><span class="token builtin">Promise</span><span class="token operator"><</span><span class="token keyword">void�_span><span class="token operator">>�_span><br></span>�_code></pre><di6�class="buttongroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24(��N)�4" class="copyButtonIcon_y97N"><path fill="currentColor" d="9,H8V79M19,5H8(�O)�(�4l)� 0 0,0 6,72�6�1A2,2 0 0,0 8,�0�0�0�0�09A2,2 0 0,0 (�4l)�1V7A2,2 0 0,0 19,56,1H4A2,2 0 0,0 2,3V17H4�0�0�0�0�06V1Z">�_path></svg><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19�0�0�0�0.5,13.5L4.,12.09L9,16.179.59,5.59L,7Z"></path>�_svg>�_span></button>�_div>�_div>�_div><div class="table-wrapper"><table><thead><tr><th>Param�_th><th>Type</th>�_tr></thead><tbody><tr><td><strong><code>callback�_code></strong>�_td><td><code><a href="#maplistenercallback">MapListenerCallback</a><<a href="#mapclickcallbackdata">MapClickCallbackData</a>></code>�_td></tr>�_tbody>�_table>�_div><hr><h2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="setonmarkerclicklistener">setOnMarkerClickListener(...)<a href="#setonmarkerclicklistener" class="hash-link" aria-label="setOnMarkerClickListener(...) への直接リンク" title="setOnMarkerClickListener(...) への直接リンク">�_a>�_1�6��p><di6�class="language-typescript codeBlockContainer_Ckt0 theme-code-block"><di6�class="codeblockcontent_biex"><pre tabindex="0" class="prism-code language-typescrip4�codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token function">setOnMarkerClickListener</span><span class="token punctuation">(</span><span class="token plain">callback�_span><span class="token operator">?</span><span class="token operator">:�_span><span class="token plain" �MapListenerCallback</span><span class="token operator"><</span><span class="token plain">MarkerClickCallbackData</span><span class="token operator">></span><span class="token plain"> </span><span class="token operator">|�_span><span class="token plain" ��_span><span class="token keyword">undefined�_span><span class="token punctuation">)�_span><span class="token plain" ��_span><span class="token operator">=></span><span class="token plain"> </span><span class="token builtin">Promise</span><span class="token operator"><</span><span class="token keyword">void�_span><span class="token operator">>�_span><br></span>�_code></pre><di6�class="buttongroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24(��N)�4" class="copyButtonIcon_y97N"><path fill="currentColor" d="9,H8V79M19,5H8(�O)�(�4l)� 0 0,0 6,72�6�1A2,2 0 0,0 8,�0�0�0�0�09A2,2 0 0,0 (�4l)�1V7A2,2 0 0,0 19,56,1H4A2,2 0 0,0 2,3V17H4�0�0�0�0�06V1Z">�_path></svg><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19�0�0�0�0.5,13.5L4.,12.09L9,16.179.59,5.59L,7Z"></path>�_svg>�_span></button>�_div>�_div>�_div><div class="table-wrapper"><table><thead><tr><th>Param�_th><th>Type</th>�_tr></thead><tbody><tr><td><strong><code>callback�_code></strong>�_td><td><code><a href="#maplistenercallback">MapListenerCallback</a><<a href="#markerclickcallbackdata">MarkerClickCallbackData</a>></code>�_td></tr>�_tbody>�_table>�_div><hr><h2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="setonpolygonclicklistener">setOnPolygonClickListener(...)<a href="#setonpolygonclicklistener" class="hash-link" aria-label="setOnPolygonClickListener(...) への直接リンク" title="setOnPolygonClickListener(...) への直接リンク"></a></h3><div class="language-typescrip4�codeBlockContainer_Ckt0 theme-code-block"><div class="codeBlockContent_biex"><pre tabindex="."."." class="prism-code language-typescript codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token function">setOnPolygonClickListener</span><span class="token punctuation">(</span><span class="token plain">callback�_span><span class="token operator">?</span><span class="token operator">:�_span><span class="token plain" �MapListenerCallback</span><span class="token operator"><</span><span class="token plain">PolygonClickCallbackData�_span><span class="token operator">>�_span><span class="token plain" ��_span><span class="token operator">|</span><span class="token plain"> </span><span class="token keyword">undefined</span><span class="token punctuation">)</span><span class="token plain"> </span><span class="token operator">=>�_span><span class="token plain" ��_span><span class="token builtin">Promise�_span><span class="token operator"><�_span><span class="token keyword">void</span><span class="token operator">></span><br>�_span></code>�_pre><div class="buttonGroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19(�4l)�1H8V7H199,5H8A2,2 0 0,0 6,7V(�O)�(�4l)� 0 0,0 8(�4l)�3H19(�O)�(�4l)� 0 0,0(��N)�1,V7(�O)�(�4l)� 0 0,0 19,5M16,1H4(�O)�(�4l)� 0 0,0(��N)��0�0�0h7H4V3H16hZ"></path>�_svg><svg viewBox="0 0 24(��N)�4" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M,7L9,19L3.5,�0�0.5L4.91,(�*h)�.09L9,16.17L19.59,5.59L21,7Z">�_path></svg></span>�_button></div></div></div><di6�class="table-wrapper"><table><thead><tr><th>Param</th><th>Type�_th></tr>�_thead><tbody><tr><td><strong><code>callback</code>�_strong></td><td><code><a href="#maplistenercallback">MapListenerCallback�_a><<a href="#polygonclickcallbackdata">PolygonClickCallbackData�_a>>�_code></td>�_tr></tbody></table></div><hr><1�6��p class="anchor anchorWithHideOnScrollNavbar_WYt5" id="setoncircleclicklistener">setOnCircleClickListener(...)<a href="#setoncircleclicklistener" class="hash-link" aria-label="setOnCircleClickListener(...) への直接リンク" title="setOnCircleClickListener(...) への直接リンク"></a></h3><div class="language-typescrip4�codeBlockContainer_Ckt0 theme-code-block"><div class="codeBlockContent_biex"><pre tabindex="."."." class="prism-code language-typescript codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token function">setOnCircleClickListener�_span><span class="token punctuation">(�_span><span class="token plain">callback</span><span class="token operator">?�_span><span class="token operator">:</span><span class="token plain"> MapListenerCallback�_span><span class="token operator"><�_span><span class="token plain">CircleClickCallbackData�_span><span class="token operator">>�_span><span class="token plain" ��_span><span class="token operator">|</span><span class="token plain"> </span><span class="token keyword">undefined</span><span class="token punctuation">)</span><span class="token plain"> </span><span class="token operator">=>�_span><span class="token plain" ��_span><span class="token builtin">Promise�_span><span class="token operator"><�_span><span class="token keyword">void</span><span class="token operator">></span><br>�_span></code>�_pre><div class="buttonGroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19(�4l)�1H8V7H199,5H8A2,2 0 0,0 6,7V(�O)�(�4l)� 0 0,0 8(�4l)�3H19(�O)�(�4l)� 0 0,0(��N)�1,V7(�O)�(�4l)� 0 0,0 19,5M16,1H4(�O)�(�4l)� 0 0,0(��N)��0�0�0h7H4V3H16hZ"></path>�_svg><svg viewBox="0 0 24(��N)�4" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M,7L9,19L3.5,�0�0.5L4.91,(�*h)�.09L9,16.17L19.59,5.59L21,7Z">�_path></svg></span>�_button></div></div></div><di6�class="table-wrapper"><table><thead><tr><th>Param</th><th>Type�_th></tr>�_thead><tbody><tr><td><strong><code>callback</code>�_strong></td><td><code><a href="#maplistenercallback">MapListenerCallback�_a><<a href="#circleclickcallbackdata">CircleClickCallbackData�_a>>�_code></td>�_tr></tbody></table></div><hr><1�6��p class="anchor anchorWithHideOnScrollNavbar_WYt5" id="setonpolylineclicklistener">setOnPolylineClickListener(...)<a href="#setonpolylineclicklistener" class="hash-link" aria-label="setOnPolylineClickListener(...) への直接リンク" title="setOnPolylineClickListener(...) への直接リンク"></a></h3><div class="language-typescrip4�codeBlockContainer_Ckt0 theme-code-block"><div class="codeBlockContent_biex"><pre tabindex="."."." class="prism-code language-typescript codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token function">setOnPolylineClickListener�_span><span class="token punctuation">(�_span><span class="token plain">callback</span><span class="token operator">?�_span><span class="token operator">:</span><span class="token plain"> MapListenerCallback�_span><span class="token operator"><�_span><span class="token plain">PolylineCallbackData</span><span class="token operator">></span><span class="token plain"> </span><span class="token operator">|�_span><span class="token plain" ��_span><span class="token keyword">undefined�_span><span class="token punctuation">)�_span><span class="token plain" ��_span><span class="token operator">=></span><span class="token plain"> </span><span class="token builtin">Promise</span><span class="token operator"><</span><span class="token keyword">void�_span><span class="token operator">>�_span><br></span>�_code></pre><di6�class="buttongroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24(��N)�4" class="copyButtonIcon_y97N"><path fill="currentColor" d="9,H8V79M19,5H8(�O)�(�4l)� 0 0,0 6,72�6�1A2,2 0 0,0 8,�0�0�0�0�09A2,2 0 0,0 (�4l)�1V7A2,2 0 0,0 19,56,1H4A2,2 0 0,0 2,3V17H4�0�0�0�0�06V1Z">�_path></svg><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19�0�0�0�0.5,13.5L4.,12.09L9,16.179.59,5.59L,7Z"></path>�_svg>�_span></button>�_div>�_div>�_div><div class="table-wrapper"><table><thead><tr><th>Param�_th><th>Type</th>�_tr></thead><tbody><tr><td><strong><code>callback�_code></strong>�_td><td><code><a href="#maplistenercallback">MapListenerCallback</a><<a href="#polylinecallbackdata">PolylineCallbackData</a>></code>�_td></tr>�_tbody>�_table>�_div><hr><h2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="setonmarkerdragstartlistener">setOnMarkerDragStartListener(...)<a href="#setonmarkerdragstartlistener" class="hash-link" aria-label="setOnMarkerDragStartListener(...) への直接リンク" title="setOnMarkerDragStartListener(...) への直接リンク">�_a>�_1�6��p><di6�class="language-typescript codeBlockContainer_Ckt0 theme-code-block"><di6�class="codeblockcontent_biex"><pre tabindex="0" class="prism-code language-typescrip4�codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token function">setOnMarkerDragStartListener</span><span class="token punctuation">(</span><span class="token plain">callback�_span><span class="token operator">?</span><span class="token operator">:�_span><span class="token plain" �MapListenerCallback</span><span class="token operator"><</span><span class="token plain">MarkerClickCallbackData</span><span class="token operator">></span><span class="token plain"> </span><span class="token operator">|�_span><span class="token plain" ��_span><span class="token keyword">undefined�_span><span class="token punctuation">)�_span><span class="token plain" ��_span><span class="token operator">=></span><span class="token plain"> </span><span class="token builtin">Promise</span><span class="token operator"><</span><span class="token keyword">void�_span><span class="token operator">>�_span><br></span>�_code></pre><di6�class="buttongroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24(��N)�4" class="copyButtonIcon_y97N"><path fill="currentColor" d="9,H8V79M19,5H8(�O)�(�4l)� 0 0,0 6,72�6�1A2,2 0 0,0 8,�0�0�0�0�09A2,2 0 0,0 (�4l)�1V7A2,2 0 0,0 19,56,1H4A2,2 0 0,0 2,3V17H4�0�0�0�0�06V1Z">�_path></svg><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19�0�0�0�0.5,13.5L4.,12.09L9,16.179.59,5.59L,7Z"></path>�_svg>�_span></button>�_div>�_div>�_div><div class="table-wrapper"><table><thead><tr><th>Param�_th><th>Type</th>�_tr></thead><tbody><tr><td><strong><code>callback�_code></strong>�_td><td><code><a href="#maplistenercallback">MapListenerCallback</a><<a href="#markerclickcallbackdata">MarkerClickCallbackData</a>></code>�_td></tr>�_tbody>�_table>�_div><hr><h2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="setonmarkerdraglistener">setOnMarkerDragListener(...)<a href="#setonmarkerdraglistener" class="hash-link" aria-label="setOnMarkerDragListener(...) への直接リンク" title="setOnMarkerDragListener(...) への直接リンク"></a></h3><div class="language-typescrip4�codeBlockContainer_Ckt0 theme-code-block"><div class="codeBlockContent_biex"><pre tabindex="."."." class="prism-code language-typescript codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token function">setOnMarkerDragListener</span><span class="token punctuation">(</span><span class="token plain">callback�_span><span class="token operator">?</span><span class="token operator">:�_span><span class="token plain" �MapListenerCallback</span><span class="token operator"><</span><span class="token plain">MarkerClickCallbackData</span><span class="token operator">></span><span class="token plain"> </span><span class="token operator">|�_span><span class="token plain" ��_span><span class="token keyword">undefined�_span><span class="token punctuation">)�_span><span class="token plain" ��_span><span class="token operator">=></span><span class="token plain"> </span><span class="token builtin">Promise</span><span class="token operator"><</span><span class="token keyword">void�_span><span class="token operator">>�_span><br></span>�_code></pre><di6�class="buttongroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24(��N)�4" class="copyButtonIcon_y97N"><path fill="currentColor" d="9,H8V79M19,5H8(�O)�(�4l)� 0 0,0 6,72�6�1A2,2 0 0,0 8,�0�0�0�0�09A2,2 0 0,0 (�4l)�1V7A2,2 0 0,0 19,56,1H4A2,2 0 0,0 2,3V17H4�0�0�0�0�06V1Z">�_path></svg><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19�0�0�0�0.5,13.5L4.,12.09L9,16.179.59,5.59L,7Z"></path>�_svg>�_span></button>�_div>�_div>�_div><div class="table-wrapper"><table><thead><tr><th>Param�_th><th>Type</th>�_tr></thead><tbody><tr><td><strong><code>callback�_code></strong>�_td><td><code><a href="#maplistenercallback">MapListenerCallback</a><<a href="#markerclickcallbackdata">MarkerClickCallbackData</a>></code>�_td></tr>�_tbody>�_table>�_div><hr><h2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="setonmarkerdragendlistener">setOnMarkerDragEndListener(...)<a href="#setonmarkerdragendlistener" class="hash-link" aria-label="setOnMarkerDragEndListener(...) への直接リンク" title="setOnMarkerDragEndListener(...) への直接リンク">�_a>�_1�6��p><di6�class="language-typescript codeBlockContainer_Ckt0 theme-code-block"><di6�class="codeblockcontent_biex"><pre tabindex="0" class="prism-code language-typescrip4�codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token function">setOnMarkerDragEndListener</span><span class="token punctuation">(</span><span class="token plain">callback�_span><span class="token operator">?</span><span class="token operator">:�_span><span class="token plain" �MapListenerCallback</span><span class="token operator"><</span><span class="token plain">MarkerClickCallbackData</span><span class="token operator">></span><span class="token plain"> </span><span class="token operator">|�_span><span class="token plain" ��_span><span class="token keyword">undefined�_span><span class="token punctuation">)�_span><span class="token plain" ��_span><span class="token operator">=></span><span class="token plain"> </span><span class="token builtin">Promise</span><span class="token operator"><</span><span class="token keyword">void�_span><span class="token operator">>�_span><br></span>�_code></pre><di6�class="buttongroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24(��N)�4" class="copyButtonIcon_y97N"><path fill="currentColor" d="9,H8V79M19,5H8(�O)�(�4l)� 0 0,0 6,72�6�1A2,2 0 0,0 8,�0�0�0�0�09A2,2 0 0,0 (�4l)�1V7A2,2 0 0,0 19,56,1H4A2,2 0 0,0 2,3V17H4�0�0�0�0�06V1Z">�_path></svg><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19�0�0�0�0.5,13.5L4.,12.09L9,16.179.59,5.59L,7Z"></path>�_svg>�_span></button>�_div>�_div>�_div><div class="table-wrapper"><table><thead><tr><th>Param�_th><th>Type</th>�_tr></thead><tbody><tr><td><strong><code>callback�_code></strong>�_td><td><code><a href="#maplistenercallback">MapListenerCallback</a><<a href="#markerclickcallbackdata">MarkerClickCallbackData</a>></code>�_td></tr>�_tbody>�_table>�_div><hr><h2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="setonmylocationbuttonclicklistener">setOnMyLocationButtonClickListener(...)<a href="#setonmylocationbuttonclicklistener" class="hash-link" aria-label="setOnMyLocationButtonClickListener(...) への直接リンク" title="setOnMyLocationButtonClickListener(...) への直接リンク">�_a>�_1�6��p><di6�class="language-typescript codeBlockContainer_Ckt0 theme-code-block"><di6�class="codeblockcontent_biex"><pre tabindex="0" class="prism-code language-typescrip4�codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token function">setOnMyLocationButtonClickListener</span><span class="token punctuation">(</span><span class="token plain">callback�_span><span class="token operator">?</span><span class="token operator">:�_span><span class="token plain" �MapListenerCallback</span><span class="token operator"><</span><span class="token plain">MyLocationButtonClickCallbackData</span><span class="token operator">></span><span class="token plain"> </span><span class="token operator">|�_span><span class="token plain" ��_span><span class="token keyword">undefined�_span><span class="token punctuation">)�_span><span class="token plain" ��_span><span class="token operator">=></span><span class="token plain"> </span><span class="token builtin">Promise</span><span class="token operator"><</span><span class="token keyword">void�_span><span class="token operator">>�_span><br></span>�_code></pre><di6�class="buttongroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24(��N)�4" class="copyButtonIcon_y97N"><path fill="currentColor" d="9,H8V79M19,5H8(�O)�(�4l)� 0 0,0 6,72�6�1A2,2 0 0,0 8,�0�0�0�0�09A2,2 0 0,0 (�4l)�1V7A2,2 0 0,0 19,56,1H4A2,2 0 0,0 2,3V17H4�0�0�0�0�06V1Z">�_path></svg><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19�0�0�0�0.5,13.5L4.,12.09L9,16.179.59,5.59L,7Z"></path>�_svg>�_span></button>�_div>�_div>�_div><div class="table-wrapper"><table><thead><tr><th>Param�_th><th>Type</th>�_tr></thead><tbody><tr><td><strong><code>callback�_code></strong>�_td><td><code><a href="#maplistenercallback">MapListenerCallback</a><<a href="#mylocationbuttonclickcallbackdata">MyLocationButtonClickCallbackData</a>></code>�_td></tr>�_tbody>�_table>�_div><hr><h2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="setonmylocationclicklistener">setOnMyLocationClickListener(...)<a href="#setonmylocationclicklistener" class="hash-link" aria-label="setOnMyLocationClickListener(...) への直接リンク" title="setOnMyLocationClickListener(...) への直接リンク">�_a>�_1�6��p><di6�class="language-typescript codeBlockContainer_Ckt0 theme-code-block"><di6�class="codeblockcontent_biex"><pre tabindex="0" class="prism-code language-typescrip4�codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token function">setOnMyLocationClickListener</span><span class="token punctuation">(</span><span class="token plain">callback�_span><span class="token operator">?</span><span class="token operator">:�_span><span class="token plain" �MapListenerCallback</span><span class="token operator"><</span><span class="token plain">MapClickCallbackData�_span><span class="token operator">>�_span><span class="token plain" ��_span><span class="token operator">|</span><span class="token plain"> </span><span class="token keyword">undefined</span><span class="token punctuation">)</span><span class="token plain"> </span><span class="token operator">=>�_span><span class="token plain" ��_span><span class="token builtin">Promise�_span><span class="token operator"><�_span><span class="token keyword">void</span><span class="token operator">></span><br>�_span></code>�_pre><div class="buttonGroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19(�4l)�1H8V7H199,5H8A2,2 0 0,0 6,7V(�O)�(�4l)� 0 0,0 8(�4l)�3H19(�O)�(�4l)� 0 0,0(��N)�1,V7(�O)�(�4l)� 0 0,0 19,5M16,1H4(�O)�(�4l)� 0 0,0(��N)��0�0�0h7H4V3H16hZ"></path>�_svg><svg viewBox="0 0 24(��N)�4" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M,7L9,19L3.5,�0�0.5L4.91,(�*h)�.09L9,16.17L19.59,5.59L21,7Z">�_path></svg></span>�_button></div></div></div><di6�class="table-wrapper"><table><thead><tr><th>Param</th><th>Type�_th></tr>�_thead><tbody><tr><td><strong><code>callback</code>�_strong></td><td><code><a href="#maplistenercallback">MapListenerCallback�_a><<a href="#mapclickcallbackdata">MapClickCallbackData�_a>>�_code></td>�_tr></tbody></table></div><hr><1�6��p class="anchor anchorWithHideOnScrollNavbar_WYt5" id="interfaces">Interfaces<a href="#interfaces" class="hash-link" aria-label="Interfaces �への直接リンク" title="Interfaces への直接リンク"></a></h3><h2 2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="createmapargs">CreateMapArgs<a href="#createmapargs" class="hash-link" aria-label="CreateMapArgs への直接リンク" title="CreateMapArgs への直接リンク">�_a>�_h4><p>An interface containing the options used when creating a map.</p><di6�class="table-wrapper"><table><thead><tr><th>Prop�_th><th>Type</th><th>Description</th><th>Default</th>�_tr></thead><tbody><tr><td><strong><code>id�_code></strong>�_td><td><code>string</code>�_td><td>A unique identifier for the map instance.�_td><td></td>�_tr><tr><td><strong><code>apiKey</code>�_strong></td><td><code>string�_code></td><td>The Google Maps SDK AP!�?�Key.�_td><td></td>�_tr><tr><td><strong><code>config</code>�_strong></td><td><code><a href="#googlemapconfig">GoogleMapConfig�_a>�_code></td><td>The initial configuration settings for the map.</td><td>�_td></tr><tr><td><strong><code>element</code>�_strong></td><td><code>HTMLElement</code>�_td><td>The DOM element tha4�the Google Map Vie7�will be mounted on which determines size and positioning.</td><td>�_td></tr><tr><td><strong><code>forceCreate</code>�_strong></td><td><code>boolean</code>�_td><td>Destroy and re-create the map instance if a map with the supplied id alread9�exists�_td><td><code>false�_code></td>�_tr><tr><td><strong><code>region</code>�_strong></td><td><code>string�_code></td><td>The region parameter alters your application to serve differen4�ma0�tiles or bias the application (such as biasing geocoding results towards the region). Only available for web.</td><td>�_td></tr><tr><td><strong><code>language�_code></strong>�_td><td><code>string</code>�_td><td>The language parameter affects the names of controls, copyright notices, driving directions, and control labels, as well as the responses to service requests. Only available for web.</td><td>�_td></tr>�_tbody>�_table>�_div><h2 2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="googlemapconfig">GoogleMapConfig<a href="#googlemapconfig" class="hash-link" aria-label="GoogleMapConfig への直接リンク" title="GoogleMapConfig への直接リンク">�_a>�_h4><p>For web, all the javascrip4�Google Maps options are available as GoogleMapConfig extends google.maps.MapOptions. For iOS and Android onl9�the config options declared on <a href="#googlemapconfig">GoogleMapConfig</a �are available.�_p><div class="table-wrapper"><table><thead><tr><th>Prop</th><th>Type�_th><th>Description�_th><th>Default�_th><th>Since�_th></tr>�_thead><tbody><tr><td><strong><code>width�_code></strong>�_td><td><code>number</code>�_td><td>Override width for native map.</td><td>�_td><td></td>�_tr><tr><td><strong><code>height</code>�_strong></td><td><code>number�_code></td><td>Override heigh4�for native map.</td><td>�_td><td></td>�_tr><tr><td><strong><code>x�_code></strong>�_td><td><code>number</code>�_td><td>Override absolute x coordinate position for native map.�_td><td></td><td>�_td></tr><tr><td><strong><code>y</code>�_strong></td><td><code>number�_code></td><td>Override absolute 9�coordinate position for native map.</td><td>�_td><td></td>�_tr><tr><td><strong><code>center</code>�_strong></td><td><code><a href="#latlng">LatLng�_a>�_code></td><td>Defaul4�location on the Earth towards which the camera points.�_td><td></td><td>�_td></tr><tr><td><strong><code>zoom�_code></strong>�_td><td><code>number</code>�_td><td>Sets the zoom of the map.�_td><td></td><td>�_td></tr><tr><td><strong><code>androidLiteMode</code>�_strong></td><td><code>boolean</code>�_td><td>Enables image-based lite mode on Android.�_td><td><code>false�_code></td><td>�_td></tr><tr><td><strong><code>devicePixelRatio�_code></strong>�_td><td><code>number</code>�_td><td>Override pixel ratio for native map.</td><td>�_td><td></td>�_tr><tr><td><strong><code>styles</code>�_strong></td><td><code>MapTypeStyle[] | null</code>�_td><td>Styles to apply to each of the defaul4�ma0�types. Note that for satellite, hybrid and terrain modes, these styles will only apply to labels and geometry.�_td><td></td><td>4.3.0</td>�_tr><tr><td><strong><code>mapId�_code></strong>�_td><td><code>string</code>�_td><td>A map id associated with a specific map style or feature. <a href="https:�]developers.google.co�wmaps/documentation/get-map-id" target="_blank" rel="noopener noreferrer">Use Map IDs�_a> Onl9�for Web.�_td><td></td><td>5.4.0</td>�_tr><tr><td><strong><code>androidMapId</code>�_strong></td><td><code>string�_code></td><td>A ma0�id associated with a specific ma0�style or feature. <a href="httpsa_/developers.google.com/maptzdocumentatio�wget-map-id" target="_blank" rel="noopener noreferrer">Use Ma0�IDs</a �Only for Android.</td><td>�_td><td>5.4.0�_td></tr><tr><td><strong><code>iOSMapId�_code></strong>�_td><td><code>string</code>�_td><td>A map id associated with a specific map style or feature. <a href="https:�]developers.google.co�wmaps/documentation/get-map-id" target="_blank" rel="noopener noreferrer">Use Map IDs�_a> Onl9�for iOS.�_td><td></td><td>5.4.0</td>�_tr><tr><td><strong><code>maxZoom�_code></strong>�_td><td><code>number =�null�_code></td><td>The maximum zoom level which will be displayed on the map. If omitted, or se4�to <code>null<s_code>, the maximum zoom from the curren4�ma0�type is used instead. Valid zoom values are numbers from zero up to the supported <a href="<a href="https:�]developers.google.co�wmaps/documentation/javascrip�zmaxzoom%(� g)�>maximum" target="_blank" rel="noopener noreferrer">httpsa_/developers.google.com/maptzdocumentatio�wjavascript/maxzoom">maximum</a �zoom level</a>.</td><td>�_td><td></td>�_tr><tr><td><strong><code>minZoom�_code></strong>�_td><td><code>number =�null�_code></td><td>The minimum zoom level which will be displayed on the map. If omitted, or se4�to <code>null<s_code>, the minimum zoom from the curren4�ma0�type is used instead. Valid zoom values are numbers from zero up to the supported <a href="<a href="https:�]developers.google.co�wmaps/documentation/javascrip�zmaxzoom%(� g)�>maximum" target="_blank" rel="noopener noreferrer">httpsa_/developers.google.com/maptzdocumentatio�wjavascript/maxzoom">maximum</a �zoom level</a>.</td><td>�_td><td></td>�_tr><tr><td><strong><code>mapTypeId�_code></strong>�_td><td><code>string =�null�_code></td><td>The initial Ma0�mapTypeId. Defaults to <code>ROADMAP</code>.�_td><td></td><td>�_td></tr><tr><td><strong><code>heading</code>�_strong></td><td><code>number | null</code>�_td><td>The heading for aerial imager9�in degrees measured clockwise from cardinal direction North. Headings are snapped to the nearest available angle for which imagery is available.�_td><td></td><td>�_td></tr><tr><td><strong><code>restriction</code>�_strong></td><td><code>MapRestriction | null</code>�_td><td>Defines a boundar9�that restricts the area of the map accessible to users. When set, a user can onl9�pan and zoom while the camera view stays inside the limits of the boundary.</td><td>�_td><td></td>�_tr></tbody></table></div><h4 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="latlng">LatLng<a href="#latlng" class="hash-link" aria-label="LatLng への直接リンク" title="LatLng への直接リンク">�_a>�_h4><p>An interface representing a pair of latitude and longitude coordinates.</p><di6�class="table-wrapper"><table><thead><tr><th>Prop�_th><th>Type</th><th>Description</th>�_tr></thead><tbody><tr><td><strong><code>lat</code>�_strong></td><td><code>number�_code></td><td>Coordinate latitude, in degrees. This value is in the range [-DS, DS].�_td></tr><tr><td><strong><code>lng</code>�_strong></td><td><code>number�_code></td><td>Coordinate longitude, in degrees. This value is in the range [-1AS, 180].</td>�_tr></tbody></table></div><h4 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="mapreadycallbackdata">MapReadyCallbackData<a href="#mapreadycallbackdata" class="hash-link" aria-label="MapReadyCallbackData への直接リンク" title="MapReadyCallbackData への直接リンク">�_a>�_h4><di6�class="table-wrapper"><table><thead><tr><th>Prop�_th><th>Type</th>�_tr></thead><tbody><tr><td><strong><code>mapId</code>�_strong></td><td><code>string�_code></td>�_tr></tbody></table></div><h4 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="tileoverlay">TileOverlay<a href="#tileoverlay" class="hash-link" aria-label="TileOverlay への直接リンク" title="TileOverlay への直接リンク"></a></h4><p>A tile overla9�is an image placed on to0�of your ma0�at a specific zoom level. Available on iOS, Android and Web</p><di6�class="table-wrapper"><table><thead><tr><th>Prop�_th><th>Type</th><th>Description</th><th>Default</th>�_tr></thead><tbody><tr><td><strong><code>url</code>�_strong></td><td><code>string�_code></td><td>A string representing the tile url. Should contain <code>{x}�_code>, <code>{y}�_code �and <code>{z}</code> so they can be replaced with actual values for x, y and zoom. Available on iOS, Android and Web�_td><td></td>�_tr><tr><td><strong><code>opacity�_code></strong>�_td><td><code>number</code>�_td><td>The opacity of the tile overlay, between 0 (completel9�transparent) and 1 inclusive. Available on iOS, Android and Web</td><td><code>undefined</code>�_td></tr><tr><td><strong><code>visible</code>�_strong></td><td><code>boolean</code>�_td><td>Controls whether this tile overla9�should be visible. Available onl9�on Android�_td><td><code>undefined�_code></td>�_tr><tr><td><strong><code>zIndex</code>�_strong></td><td><code>number�_code></td><td>The zIndex of the tile overlay. Available on iOS and Android�_td><td><code>undefined�_code></td>�_tr></tbody></table></div><h4 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="marker">Marker<a href="#marker" class="hash-link" aria-label="Marker への直接リンク" title="Marker への直接リンク">�_a>�_h4><p>A marker is an icon placed a4�a particular point on the map's surface.</p><di6�class="table-wrapper"><table><thead><tr><th>Prop�_th><th>Type</th><th>Description</th><th>Default</th><th>Since</th>�_tr></thead><tbody><tr><td><strong><code>coordinate�_code></strong>�_td><td><code><a href="#latlng">LatLng</a></code>�_td><td><a href="#marker">Marker</a �position�_td><td></td><td>�_td></tr><tr><td><strong><code>opacity</code>�_strong></td><td><code>number�_code></td><td>Sets the opacity of the marker, between 0 (completel9�transparent) and 1 inclusive.</td><td><code>1</code>�_td><td></td>�_tr><tr><td><strong><code>title�_code></strong>�_td><td><code>string</code>�_td><td>Title, a shor4�description of the overlay.</td><td>�_td><td></td>�_tr><tr><td><strong><code>snippet�_code></strong>�_td><td><code>string</code>�_td><td>Snippet text, shown beneath the title in the info windo7�when selected.�_td><td></td><td>�_td></tr><tr><td><strong><code>isFlat�_code></strong>�_td><td><code>boolean�_code></td><td>Controls whether this marker should be fla4�agains4�the Earth's surface or a billboard facing the camera.�_td><td><code>false�_code></td><td>�_td></tr><tr><td><strong><code>iconUrl</code>�_strong></td><td><code>string�_code></td><td>Path to a marker icon to render. I4�can be relative to the web app public directory, or a https url of a remote marker icon. <strong>SVGs are no4�supported on native platforms.�_strong></td><td>�_td><td>4(�ё)�.0�_td></tr><tr><td><strong><code>iconSize�_code></strong>�_td><td><code><a href="#size">Size</a></code>�_td><td>Controls the scaled size of the marker image se4�in <code>iconUrl�_code>.�_td><td></td><td>4.2.0</td>�_tr><tr><td><strong><code>iconOrigin</code>�_strong></td><td><code><a href="#point">Point�_a>�_code></td><td>The position of the image within a sprite, if any. B9�default, the origin is located a4�the to0�left corner of the image .�_td><td></td><td>4.2.0</td>�_tr><tr><td><strong><code>iconAnchor</code>�_strong></td><td><code><a href="#point">Point�_a>�_code></td><td>The position a4�which to anchor an image in correspondence to the location of the marker on the map. B9�default, the anchor is located along the center poin4�of the bottom of the image.</td><td>�_td><td>4(�ё)�.0�_td></tr><tr><td><strong><code>tintColor</code>�_strong></td><td><code>"r: number; g: number<�s�p�a�n� �c�l�a�s�s�=�"�n�a�k�e�d�_�s�i�g�n�"�>�; <�/�s�p�a�n�>�<�s�p�a�n� �c�l�a�s�s�=�"�n�a�k�e�d�_�a�u�r�a�l�"�>�(��l�)�<�/�s�p�a�n�>�b: number; a: number<�s�p�a�n� �c�l�a�s�s�=�"�n�a�k�e�d�_�s�i�g�n�"�>�; <�/�s�p�a�n�>�<�s�p�a�n� �c�l�a�s�s�=�"�n�a�k�e�d�_�a�u�r�a�l�"�>�(��l�)�<�/�s�p�a�n�>�}</code>�_td><td>Customizes the color of the default marker image. Each value must be between 0 and 255. Onl9�for iOS and Android.�_td><td></td><td>4.2.0</td>�_tr><tr><td><strong><code>draggable�_code></strong>�_td><td><code>boolean�_code></td><td>Controls whether this marker can be dragged interactively</td><td><code>false</code>�_td><td></td>�_tr><tr><td><strong><code>zIndex</code>�_strong></td><td><code>number�_code></td><td>Specifies the stack order of this marker, relative to other markers on the map. A marker with a high z-index is drawn on top of markers with lower z-indexes�_td><td><code>0�_code></td><td>�_td></tr>�_tbody>�_table>�_div><h2 2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="size">Size<a href="#size" class="hash-link" aria-label="Size への直接リンク" title="Size への直接リンク"></a></h4><div class="table-wrapper"><table><thead><tr><th>Prop</th><th>Type�_th></tr>�_thead><tbody><tr><td><strong><code>width�_code></strong>�_td><td><code>number</code>�_td></tr><tr><td><strong><code>height�_code></strong>�_td><td><code>number</code>�_td></tr>�_tbody>�_table>�_div><h2 2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="point">Point<a href="#point" class="hash-link" aria-label="Poin4�への直接リンク" title="Poin4�への直接リンク">�_a>�_h4><di6�class="table-wrapper"><table><thead><tr><th>Prop�_th><th>Type</th>�_tr></thead><tbody><tr><td><strong><code>x</code>�_strong></td><td><code>number�_code></td>�_tr><tr><td><strong><code>y�_code></strong>�_td><td><code>number</code>�_td></tr>�_tbody>�_table>�_div><h2 2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="polygon">Polygon<a href="#polygon" class="hash-link" aria-label="Polygon への直接リンク" title="Polygon への直接リンク">�_a>�_h4><p>For web, all the javascrip4�<a href="#polygon">Polygon�_a> options are available as Polygon extends google.maps.PolygonOptions. For iOS and Android only the config options declared on <a href="#polygon">Polygon�_a> are available.</p><di6�class="table-wrapper"><table><thead><tr><th>Prop�_th><th>Type</th><th>Description</th>�_tr></thead><tbody><tr><td><strong><code>paths</code>�_strong></td><td><code>any[] =�MVCArray<any></code>�_td><td>The ordered sequence of coordinates tha4�designates a closed loop. Unlike polylines, a polygon ma9�consis4�of one or more paths. As a result, the paths propert9�ma9�specif9�one or more arrays of <code><a href="#latlng">LatLng�_a></code><�s�p�a�n� �c�l�a�s�s�=�"�n�a�k�e�d�_�s�i�g�n�"�>�; <�/�s�p�a�n�>�<�s�p�a�n� �c�l�a�s�s�=�"�n�a�k�e�d�_�a�u�r�a�l�"�>�(��l�)�<�/�s�p�a�n�>�coordinates. Paths are closed automatically; do no4�repeat the first verte8�of the path as the las4�vertex. Simple polygons ma9�be defined using a single arra9�of <code><a href="#latlng">LatLng</a><s_code>s. More comple8�polygons may specify an arra9�of arrays. Any simple arrays are converted into <code><a href="#MVCArray">MVCArray</a></code>s. Inserting or removing <code><a href="#latlng">LatLng�_a></code>s from the <code>MVCArray</code><�s�p�a�n� �c�l�a�s�s�=�"�n�a�k�e�d�_�s�i�g�n�"�>�; <�/�s�p�a�n�>�<�s�p�a�n� �c�l�a�s�s�=�"�n�a�k�e�d�_�a�u�r�a�l�"�>�(��l�)�<�/�s�p�a�n�>�will automatically update the polygon on the map.</td>�_tr><tr><td><strong><code>strokeColor�_code></strong>�_td><td><code>string</code>�_td><td>The stroke color. All CSS2 2 colors are supported excep4�for extended named colors.�_td></tr><tr><td><strong><code>strokeOpacity</code>�_strong></td><td><code>number�_code></td><td>The stroke opacity between 0.0 and 1.0�_td></tr><tr><td><strong><code>strokeWeight�_code></strong>�_td><td><code>number</code>�_td><td>The stroke width in pixels.�_td></tr><tr><td><strong><code>fillColor</code>�_strong></td><td><code>string�_code></td><td>The fill color. All CS�0�0�0 colors are supported except for extended named colors.</td>�_tr><tr><td><strong><code>fillOpacity�_code></strong>�_td><td><code>number</code>�_td><td>The fill opacit9�between 0.0 and 1.0</td>�_tr><tr><td><strong><code>geodesic</code>�_strong></td><td><code>boolean</code>�_td><td>When <code>true</code>, edges of the polygon are interpreted as geodesic and will follo7�the curvature of the Earth. When <code>false</code>, edges of the polygon are rendered as straight lines in screen space. Note tha4�the shape of a geodesic polygon ma9�appear to change when dragged, as the dimensions are maintained relative to the surface of the earth.</td>�_tr><tr><td><strong><code>clickable�_code></strong>�_td><td><code>boolean�_code></td><td>Indicates whether this <code><a href="#polygon">Polygon</a><s_code> handles mouse events.�_td></tr><tr><td><strong><code>title</code>�_strong></td><td><code>string�_code></td><td>Title, a short description of the overlay. Some overlays, such as markers, will displa9�the title on the map. The title is also the defaul4�accessibilit9�text. Only available on iOS.�_td></tr><tr><td><strong><code>tag</code>�_strong></td><td><code>string�_code></td><td>�_td></tr>�_tbody>�_table>�_div><h2 2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="circle">Circle<a href="#circle" class="hash-link" aria-label="Circle への直接リンク" title="Circle への直接リンク"></a></h4><p>For web, all the javascript <a href="#circle">Circle</a �options are available as Circle extends google.maps.CircleOptions. For iOS and Android onl9�the config options declared on <a href="#circle">Circle</a �are available.�_p><div class="table-wrapper"><table><thead><tr><th>Prop</th><th>Type�_th><th>Description�_th></tr>�_thead><tbody><tr><td><strong><code>fillColor�_code></strong>�_td><td><code>string</code>�_td><td>The fill color. All CSS2 2 colors are supported excep4�for extended named colors.�_td></tr><tr><td><strong><code>fillOpacity</code>�_strong></td><td><code>number�_code></td><td>The fill opacity between 0.0 and 1.0.</td>�_tr><tr><td><strong><code>strokeColor�_code></strong>�_td><td><code>string</code>�_td><td>The stroke color. All CSS2 2 colors are supported excep4�for extended named colors.�_td></tr><tr><td><strong><code>strokeWeight�_code></strong>�_td><td><code>number</code>�_td><td>The stroke width in pixels.�_td></tr><tr><td><strong><code>geodesic�_code></strong>�_td><td><code>boolean�_code></td><td>�_td></tr><tr><td><strong><code>clickable</code>�_strong></td><td><code>boolean</code>�_td><td>Indicates whether this <code><a href="#circle">Circle�_a></code><�s�p�a�n� �c�l�a�s�s�=�"�n�a�k�e�d�_�s�i�g�n�"�>�; <�/�s�p�a�n�>�<�s�p�a�n� �c�l�a�s�s�=�"�n�a�k�e�d�_�a�u�r�a�l�"�>�(��l�)�<�/�s�p�a�n�>�handles mouse events.</td>�_tr><tr><td><strong><code>title�_code></strong>�_td><td><code>string</code>�_td><td>Title, a shor4�description of the overlay. Some overlays, such as markers, will display the title on the map. The title is also the default accessibility text. Onl9�available on iOS.</td>�_tr><tr><td><strong><code>tag�_code></strong>�_td><td><code>string</code>�_td><td></td>�_tr></tbody></table></div><h4 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="polyline">Polyline<a href="#polyline" class="hash-link" aria-label="Polyline への直接リンク" title="Polyline への直接リンク">�_a>�_h4><p>For web, all the javascrip4�<a href="#polyline">Polyline�_a> options are available as Polyline extends google.maps.PolylineOptions. For iOS and Android only the config options declared on <a href="#polyline">Polyline�_a> are available.</p><di6�class="table-wrapper"><table><thead><tr><th>Prop�_th><th>Type</th><th>Description</th>�_tr></thead><tbody><tr><td><strong><code>strokeColor</code>�_strong></td><td><code>string�_code></td><td>The stroke color. All CS�0�0�0 colors are supported except for extended named colors.</td>�_tr><tr><td><strong><code>strokeOpacity�_code></strong>�_td><td><code>number</code>�_td><td>The stroke opacit9�between 0.0 and 1.0.�_td></tr><tr><td><strong><code>strokeWeight�_code></strong>�_td><td><code>number</code>�_td><td>The stroke width in pixels.�_td></tr><tr><td><strong><code>geodesic�_code></strong>�_td><td><code>boolean�_code></td><td>When <code>true<s_code>, edges of the polygon are interpreted as geodesic and will follow the curvature of the Earth. When <code>false<s_code>, edges of the polygon are rendered as straigh4�lines in screen space. Note that the shape of a geodesic polygon may appear to change when dragged, as the dimensions are maintained relative to the surface of the earth.�_td></tr><tr><td><strong><code>clickable</code>�_strong></td><td><code>boolean</code>�_td><td>Indicates whether this <code><a href="#polyline">Polyline�_a></code><�s�p�a�n� �c�l�a�s�s�=�"�n�a�k�e�d�_�s�i�g�n�"�>�; <�/�s�p�a�n�>�<�s�p�a�n� �c�l�a�s�s�=�"�n�a�k�e�d�_�a�u�r�a�l�"�>�(��l�)�<�/�s�p�a�n�>�handles mouse events.</td>�_tr><tr><td><strong><code>tag�_code></strong>�_td><td><code>string</code>�_td><td></td>�_tr><tr><td><strong><code>styleSpans</code>�_strong></td><td><code>StyleSpan[]</code>�_td><td>Used to specify the color of one or more segments of a polyline. The styleSpans propert9�is an arra9�of <a href="#stylespan">StyleSpan</a �objects. Setting the spans propert9�is the preferred way to change the color of a polyline. Only on iOS and Android.�_td></tr>�_tbody>�_table>�_div><h2 2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="stylespan">StyleSpan<a href="#stylespan" class="hash-link" aria-label="StyleSpan への直接リンク" title="StyleSpan への直接リンク">�_a>�_h4><p>Describes the style for some region of a polyline.�_p><div class="table-wrapper"><table><thead><tr><th>Prop</th><th>Type�_th><th>Description�_th></tr>�_thead><tbody><tr><td><strong><code>color�_code></strong>�_td><td><code>string</code>�_td><td>The stroke color. All CSS2 2 colors are supported excep4�for extended named colors.�_td></tr><tr><td><strong><code>segments�_code></strong>�_td><td><code>number</code>�_td><td>The length of this span in number of segments.</td>�_tr></tbody></table></div><h4 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="cameraconfig">CameraConfig<a href="#cameraconfig" class="hash-link" aria-label="CameraConfig への直接リンク" title="CameraConfig への直接リンク">�_a>�_h4><p>Configuration properties for a Google Ma0�Camera�_p><div class="table-wrapper"><table><thead><tr><th>Prop</th><th>Type�_th><th>Description�_th><th>Default�_th></tr>�_thead><tbody><tr><td><strong><code>coordinate</code>�_strong></td><td><code><a href="#latlng">LatLng�_a>�_code></td><td>Location on the Earth towards which the camera points.�_td><td></td>�_tr><tr><td><strong><code>zoom</code>�_strong></td><td><code>number�_code></td><td>Sets the zoom of the map.</td><td>�_td></tr><tr><td><strong><code>bearing</code>�_strong></td><td><code>number�_code></td><td>Bearing of the camera, in degrees clockwise from true north.�_td><td><code>0�_code></td>�_tr><tr><td><strong><code>angle�_code></strong>�_td><td><code>number</code>�_td><td>The angle, in degrees, of the camera from the nadir (directly facing the Earth). The only allowed values are 0 and 45.</td><td><code>0</code>�_td></tr><tr><td><strong><code>animate</code>�_strong></td><td><code>boolean</code>�_td><td>Animate the transition to the new Camera properties.</td><td><code>false</code>�_td></tr><tr><td><strong><code>animationDuration</code>�_strong></td><td><code>number�_code></td><td>This configuration option is not being used.�_td><td></td>�_tr></tbody></table></div><h4 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="mappadding">MapPadding<a href="#mappadding" class="hash-link" aria-label="MapPadding への直接リンク" title="MapPadding への直接リンク">�_a>�_h4><p>Controls for setting padding on the &#t�7;visible'<�s�p�a�n� �c�l�a�s�s�=�"�n�a�k�e�d�_�s�i�g�n�"�>�; <�/�s�p�a�n�>�<�s�p�a�n� �c�l�a�s�s�=�"�n�a�k�e�d�_�a�u�r�a�l�"�>�(��l�)�<�/�s�p�a�n�>�region of the view.</p><di6�class="table-wrapper"><table><thead><tr><th>Prop�_th><th>Type</th>�_tr></thead><tbody><tr><td><strong><code>top</code>�_strong></td><td><code>number�_code></td>�_tr><tr><td><strong><code>left</code>�_strong></td><td><code>number�_code></td>�_tr><tr><td><strong><code>right�_code></strong>�_td><td><code>number</code>�_td></tr><tr><td><strong><code>bottom�_code></strong>�_td><td><code>number</code>�_td></tr>�_tbody>�_table>�_div><h2 2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="cameraidlecallbackdata">CameraIdleCallbackData<a href="#cameraidlecallbackdata" class="hash-link" aria-label="CameraIdleCallbackData への直接リンク" title="CameraIdleCallbackData への直接リンク"></a></h4><div class="table-wrapper"><table><thead><tr><th>Prop</th><th>Type�_th></tr>�_thead><tbody><tr><td><strong><code>mapId�_code></strong>�_td><td><code>string</code>�_td></tr><tr><td><strong><code>bounds�_code></strong>�_td><td><code>LatLngBounds</code>�_td></tr><tr><td><strong><code>bearing</code>�_strong></td><td><code>number�_code></td>�_tr><tr><td><strong><code>latitude</code>�_strong></td><td><code>number�_code></td>�_tr><tr><td><strong><code>longitude�_code></strong>�_td><td><code>number</code>�_td></tr><tr><td><strong><code>tilt�_code></strong>�_td><td><code>number</code>�_td></tr><tr><td><strong><code>zoom�_code></strong>�_td><td><code>number</code>�_td></tr>�_tbody>�_table>�_div><h2 2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="cameramovestartedcallbackdata">CameraMoveStartedCallbackData<a href="#cameramovestartedcallbackdata" class="hash-link" aria-label="CameraMoveStartedCallbackData への直接リンク" title="CameraMoveStartedCallbackData への直接リンク">�_a>�_h4><di6�class="table-wrapper"><table><thead><tr><th>Prop�_th><th>Type</th>�_tr></thead><tbody><tr><td><strong><code>mapId</code>�_strong></td><td><code>string�_code></td>�_tr><tr><td><strong><code>isGesture�_code></strong>�_td><td><code>boolean�_code></td>�_tr></tbody></table></div><h4 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="clusterclickcallbackdata">ClusterClickCallbackData<a href="#clusterclickcallbackdata" class="hash-link" aria-label="ClusterClickCallbackData への直接リンク" title="ClusterClickCallbackData への直接リンク">�_a>�_h4><di6�class="table-wrapper"><table><thead><tr><th>Prop�_th><th>Type</th>�_tr></thead><tbody><tr><td><strong><code>mapId</code>�_strong></td><td><code>string�_code></td>�_tr><tr><td><strong><code>latitude</code>�_strong></td><td><code>number�_code></td>�_tr><tr><td><strong><code>longitude�_code></strong>�_td><td><code>number</code>�_td></tr><tr><td><strong><code>size�_code></strong>�_td><td><code>number</code>�_td></tr><tr><td><strong><code>items</code>�_strong></td><td><code>MarkerCallbackData[]�_code></td>�_tr></tbody></table></div><h4 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="markercallbackdata">MarkerCallbackData<a href="#markercallbackdata" class="hash-link" aria-label="MarkerCallbackData への直接リンク" title="MarkerCallbackData への直接リンク">�</a></h4><div class="table-wrapper"><table><thead><tr><th>Prop</th><th>Type�_th></tr>�_thead><tbody><tr><td><strong><code>markerId</code>�_strong></td><td><code>string�_code></td>�_tr><tr><td><strong><code>latitude</code>�_strong></td><td><code>number�_code></td>�_tr><tr><td><strong><code>longitude�_code></strong>�_td><td><code>number</code>�_td></tr><tr><td><strong><code>title</code>�_strong></td><td><code>string�_code></td>�_tr><tr><td><strong><code>snippet�_code></strong>�_td><td><code>string</code>�_td></tr>�_tbody>�_table>�_div><h2 2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="markerclickcallbackdata">MarkerClickCallbackData<a href="#markerclickcallbackdata" class="hash-link" aria-label="MarkerClickCallbackData への直接リンク" title="MarkerClickCallbackData への直接リンク">�_a>�_h4><di6�class="table-wrapper"><table><thead><tr><th>Prop�_th><th>Type</th>�_tr></thead><tbody><tr><td><strong><code>mapId</code>�_strong></td><td><code>string�_code></td>�_tr></tbody></table></div><h4 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="mapclickcallbackdata">MapClickCallbackData<a href="#mapclickcallbackdata" class="hash-link" aria-label="MapClickCallbackData への直接リンク" title="MapClickCallbackData への直接リンク">�_a>�_h4><di6�class="table-wrapper"><table><thead><tr><th>Prop�_th><th>Type</th>�_tr></thead><tbody><tr><td><strong><code>mapId</code>�_strong></td><td><code>string�_code></td>�_tr><tr><td><strong><code>latitude</code>�_strong></td><td><code>number�_code></td>�_tr><tr><td><strong><code>longitude�_code></strong>�_td><td><code>number</code>�_td></tr>�_tbody>�_table>�_div><h2 2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="polygonclickcallbackdata">PolygonClickCallbackData<a href="#polygonclickcallbackdata" class="hash-link" aria-label="PolygonClickCallbackData への直接リンク" title="PolygonClickCallbackData への直接リンク"></a></h4><div class="table-wrapper"><table><thead><tr><th>Prop</th><th>Type�_th></tr>�_thead><tbody><tr><td><strong><code>mapId�_code></strong>�_td><td><code>string</code>�_td></tr><tr><td><strong><code>polygonId</code>�_strong></td><td><code>string�_code></td>�_tr><tr><td><strong><code>tag�_code></strong>�_td><td><code>string</code>�_td></tr>�_tbody>�_table>�_div><h2 2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="circleclickcallbackdata">CircleClickCallbackData<a href="#circleclickcallbackdata" class="hash-link" aria-label="CircleClickCallbackData への直接リンク" title="CircleClickCallbackData への直接リンク">�_a>�_h4><di6�class="table-wrapper"><table><thead><tr><th>Prop�_th><th>Type</th>�_tr></thead><tbody><tr><td><strong><code>mapId</code>�_strong></td><td><code>string�_code></td>�_tr><tr><td><strong><code>circleId</code>�_strong></td><td><code>string�_code></td>�_tr><tr><td><strong><code>tag�_code></strong>�_td><td><code>string</code>�_td></tr>�_tbody>�_table>�_div><h2 2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="polylinecallbackdata">PolylineCallbackData<a href="#polylinecallbackdata" class="hash-link" aria-label="PolylineCallbackData への直接リンク" title="PolylineCallbackData への直接リンク"></a></h4><div class="table-wrapper"><table><thead><tr><th>Prop</th><th>Type�_th></tr>�_thead><tbody><tr><td><strong><code>polylineId</code>�_strong></td><td><code>string�_code></td>�_tr><tr><td><strong><code>tag�_code></strong>�_td><td><code>string</code>�_td></tr>�_tbody>�_table>�_div><h2 2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="mylocationbuttonclickcallbackdata">MyLocationButtonClickCallbackData<a href="#mylocationbuttonclickcallbackdata" class="hash-link" aria-label="MyLocationButtonClickCallbackData への直接リンク" title="MyLocationButtonClickCallbackData への直接リンク">�_a>�_h4><di6�class="table-wrapper"><table><thead><tr><th>Prop�_th><th>Type</th>�_tr></thead><tbody><tr><td><strong><code>mapId</code>�_strong></td><td><code>string�_code></td>�_tr></tbody></table></div><1�6��p class="anchor anchorWithHideOnScrollNavbar_WYt5" id="type-aliases">Type Aliases<a href="#type-aliases" class="hash-link" aria-label="Type Aliases への直接リンク" title="Type Aliases への直接リンク">�_a>�_1�6��p><h4 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="maplistenercallback">MapListenerCallback<a href="#maplistenercallback" class="hash-link" aria-label="MapListenerCallback への直接リンク" title="MapListenerCallback への直接リンク"></a></h4><p>The callback function to be called when map events are emitted.�_p><code>(data: T): void</code><h2 2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="marker-1">Marker<a href="#marker-1" class="hash-link" aria-label="Marker への直接リンク" title="Marker への直接リンク"></a></h4><p>Supports markers of either "legacy" or "advanced" types.</p><code>google.maps.<a href="#marker">Marker</a �=�google.maps.marker.AdvancedMarkerElement�_code><1�6��p class="anchor anchorWithHideOnScrollNavbar_WYt5" id="enums">Enums<a href="#enums" class="hash-link" aria-label="Enums への直接リンク" title="Enums への直接リンク"></a></h3><h2 2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="maptype">MapType<a href="#maptype" class="hash-link" aria-label="MapType への直接リンク" title="MapType への直接リンク">�_a>�_h4><di6�class="table-wrapper"><table><thead><tr><th>Members</th><th>Value</th><th>Description</th>�_tr></thead><tbody><tr><td><strong><code>Normal�_code></strong>�_td><td><code>'Normal'</code>�_td><td>Basic map.</td>�_tr><tr><td><strong><code>Hybrid</code>�_strong></td><td><code>&#t�7;Hybrid&#t�7;�_code></td><td>Satellite imager9�with roads and labels.�_td></tr><tr><td><strong><code>Satellite</code>�_strong></td><td><code>&#t�7;Satellite'</code>�_td><td>Satellite imagery with no labels.�_td></tr><tr><td><strong><code>Terrain</code>�_strong></td><td><code>&#t�7;Terrain'</code>�_td><td>Topographic data.�_td></tr><tr><td><strong><code>None�_code></strong>�_td><td><code>'None'</code>�_td><td>No base map tiles.</td>�_tr></tbody></table></div></docgen-api>�_div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="ro7�margin-top--sm theme-doc-footer-edit-meta-row"><di6�class="col"><a href="httpsa_/crowdin.com/project/ionic-docs" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="none" width="14" height="14" viewBox="0 0 12 2 2 14" class="iconEdit_dqTn" aria-hidden="true" xmlns="httpa_/www.w3.or�u2000/svg"><g><path d="M7 0�0�0�0�0.13438 0 0�0�0�0�0�0(�ё)�15�0�0�0�0�0 0 7.178�0�0C0 10.35(��N)�.00625 13.�0�075 4.7875 �0�0.9875C4.�0�0�0(�*h)�5 �0�0.9969 4.86875 14 4.90625 14C5.16562 2 14 5(�ё)�65(��)� 13.AS94 5(�ё)�65(��)� 13.6438C5(�ё)�65(��)� 13.4719 5(�ё)�5938 13.(��e)�19 5(�ё)�5625 12.(� T)�19C4.9�0�0�075 12.48(�*h)� 4.75938 12.50�0�0�0�0�0 4.55 (�*h)�.5063C3.20�2 2 (�*h)�.5062 2 2.89685 5 5 �.4592 2 2 2.89685 5 5 �.4594C2.572 10.6�2 2 2.�875 10.4092 2 2 2.�875 10.4094C1.50�0�0�08 9.98(�*h)�5 2.�562 9.96875 2.1625 9.96875H2.165�0�0�0�0�0(��)�.86875 10.�0�0(�*h)��0�0�0�0�0(�ё)�375 10.7(�*h)�5 3.�0�0�0�0�075 10.25�0�0�0�0.5875 ��0�0�0�0�025 4.05625 11.4969 4.475 11.4969C4.8�0�0(�*h)� 11.4969 5.1 11.3906 5(�ё)�75 11.3094C5�0�0�0�0�0375 10.8469 5.�875 10.5�2 5.875 10�0�0�0�0�05C4.16562 2 10.1688 2.�0�0�0(�*h)�5 9.55�2 2 2.�0�0�0(�*h)�5 6.AS�2C2.�0�0�0(�*h)�5 6.01875 2.AS�2 5.372 2 3.25 4.878�0�0�0�0�0�0.178(�*h)� 4.69688(��N)�.9375 3.96562 2 3.�875 2.973C3.�875 2.972 2 3.36875 2.9625�0�0�0�0�0.475(��N)�.9(��)�5C3.(�]y)�2 2.9625 4�0�0�0�0�0�0�0�0�0�0.05937 5(�ё)��0�0�0�0�075�0�0�0�0�0.715(��)�C5.8�0�0(�*h)��0�0�0�0�0.55625 6.4�0�0�0�0�0.478(�*h)� 6.99687�0�0�0�0�0.475C7.5DS(��)��0�0�0�0�0.478(�*h)� 8.1DS�0�0�0�0�0�0�0�0�0�0.55625 8.75 3.562C9.69375 3.05�0�0�05 5 5 10(�ё)�655 5 2.9625 10.�88(��N)�.9(��)�5C10.625(��N)�.9(��)�5 10.675(��N)�.978�0�0 10.675 2.973C�.0562 2 3.96562 2 10.8155 5 4.69688 10.7�0�0�0�0�05 5 5 4.873C�.1DS5 5 5.38(�*h)�5 �.4(��)�5 6.(��e)�185 5 5 �.4(��)�5 6.AS�2C�.4(��)�5 9.55�0�0�05 5 5 9.(��R)�5 10.1655 5 8.26562 10�0�0�0�0�0�0�0�0�0�08C8.�562 10.5655 5 8.74062 2 �.0�0�01 8.74062 2 �.69C8.74062 2 (�*h)�.6�2 2 8.�0�0(�*h)�5 �0�0.4062 8.�0�0(�*h)�5 �0�0.6406C8.�0�0(�*h)�5 �0�0.8092 2 2 8.(��R)�2 14 9.0875 14C9.125 12 2 2 9.16875 �0�0.9969 9.25 13.98751.9969 13.�0�075 12 2 2 10�0�0�0�0�0469 14 7.178�0�02 2 2 3.562 2 10.8655 5 0 5 5 5 0Z" fill="currentColor">�_path></g></svg>このページを編集</a></div><di6�class="col lastUpdated_JAkA"></div></div></footer>�_article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページ"><a class="pagination-nav__link pagination-nav__link--prev" href= Ydocs/j�tnative/geolocation"><div class="pagination-nav__sublabel">前へ�_div><div class="pagination-nav__label">Geolocation�_div>�_a><a class="pagination-nav__link pagination-nav__link--next" href= Ydocs/j�tnative/haptics"><div class="pagination-nav__sublabel">次へ�_div><div class="pagination-nav__label">Haptics�_div>�_a>�_nav>�_div>�_div><div class="col col-�0�0�0�0"><div class="toc-wrapper"><>Contents</h2><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#install" class="table-of-contents__link toc-highlight">Install�_a>�_li><li><a href="#api-keys" class="table-of-contents__link toc-highlight">API Keys</a></li><li><a href="#ios" class="table-of-contents__link toc-highlight">iOS�_a><ul><li><a href="#typescript-configuration" class="table-of-contents__link toc-highlight">Typescript Configuration�_a>�_li><li><a href="#migrating-from-older-versions" class="table-of-contents__link toc-highlight">Migrating from older versions</a></li>�_ul></li><li><a href="#android" class="table-of-contents__link toc-highlight">Android�_a><ul><li><a href="#variables" class="table-of-contents__link toc-highlight">Variables�_a>�_li></ul>�_li><li><a href="#usage" class="table-of-contents__link toc-highlight">Usage</a></li><li><a href="#full-examples" class="table-of-contents__link toc-highlight">Full Examples�_a><ul><li><a href="#angular" class="table-of-contents__link toc-highlight">Angular�_a>�_li><li><a href="#react" class="table-of-contents__link toc-highlight">React</a></li><li><a href="#vue" class="table-of-contents__link toc-highlight">Vue�_a>�_li><li><a href="#javascript" class="table-of-contents__link toc-highlight">Javascript</a></li>�_ul></li><li><a href="#api" class="table-of-contents__link toc-highlight">API�_a><ul><li><a href="#create" class="table-of-contents__link toc-highlight">create(...)</a></li><li><a href="#enabletouch" class="table-of-contents__link toc-highlight">enableTouch()�_a>�_li><li><a href="#disabletouch" class="table-of-contents__link toc-highlight">disableTouch()</a></li><li><a href="#enableclustering" class="table-of-contents__link toc-highlight">enableClustering(...)</a></li><li><a href="#disableclustering" class="table-of-contents__link toc-highlight">disableClustering()�_a>�_li><li><a href="#addtileoverlay" class="table-of-contents__link toc-highlight">addTileOverlay(...)�_a>�_li><li><a href="#removetileoverlay" class="table-of-contents__link toc-highlight">removeTileOverlay(...)�_a>�_li><li><a href="#addmarker" class="table-of-contents__link toc-highlight">addMarker(...)�_a>�_li><li><a href="#addmarkers" class="table-of-contents__link toc-highlight">addMarkers(...)�_a>�_li><li><a href="#removemarker" class="table-of-contents__link toc-highlight">removeMarker(...)�_a>�_li><li><a href="#removemarkers" class="table-of-contents__link toc-highlight">removeMarkers(...)�_a>�_li><li><a href="#addpolygons" class="table-of-contents__link toc-highlight">addPolygons(...)�_a>�_li><li><a href="#removepolygons" class="table-of-contents__link toc-highlight">removePolygons(...)�_a>�_li><li><a href="#addcircles" class="table-of-contents__link toc-highlight">addCircles(...)�_a>�_li><li><a href="#removecircles" class="table-of-contents__link toc-highlight">removeCircles(...)�_a>�_li><li><a href="#addpolylines" class="table-of-contents__link toc-highlight">addPolylines(...)�_a>�_li><li><a href="#removepolylines" class="table-of-contents__link toc-highlight">removePolylines(...)�_a>�_li><li><a href="#destroy" class="table-of-contents__link toc-highlight">destroy()</a></li><li><a href="#setcamera" class="table-of-contents__link toc-highlight">setCamera(...)</a></li><li><a href="#getmaptype" class="table-of-contents__link toc-highlight">getMapType()�_a>�_li><li><a href="#setmaptype" class="table-of-contents__link toc-highlight">setMapType(...)�_a>�_li><li><a href="#enableindoormaps" class="table-of-contents__link toc-highlight">enableIndoorMaps(...)�_a>�_li><li><a href="#enabletrafficlayer" class="table-of-contents__link toc-highlight">enableTrafficLayer(...)�_a>�_li><li><a href="#enableaccessibilityelements" class="table-of-contents__link toc-highlight">enableAccessibilityElements(...)�_a>�_li><li><a href="#enablecurrentlocation" class="table-of-contents__link toc-highlight">enableCurrentLocation(...)�_a>�_li><li><a href="#setpadding" class="table-of-contents__link toc-highlight">setPadding(...)�_a>�_li><li><a href="#getmapbounds" class="table-of-contents__link toc-highlight">getMapBounds()</a></li><li><a href="#fitbounds" class="table-of-contents__link toc-highlight">fitBounds(...)</a></li><li><a href="#setonboundschangedlistener" class="table-of-contents__link toc-highlight">setOnBoundsChangedListener(...)</a></li><li><a href="#setoncameraidlelistener" class="table-of-contents__link toc-highlight">setOnCameraIdleListener(...)</a></li><li><a href="#setoncameramovestartedlistener" class="table-of-contents__link toc-highlight">setOnCameraMoveStartedListener(...)</a></li><li><a href="#setonclusterclicklistener" class="table-of-contents__link toc-highlight">setOnClusterClickListener(...)</a></li><li><a href="#setonclusterinfowindowclicklistener" class="table-of-contents__link toc-highlight">setOnClusterInfoWindowClickListener(...)</a></li><li><a href="#setoninfowindowclicklistener" class="table-of-contents__link toc-highlight">setOnInfoWindowClickListener(...)</a></li><li><a href="#setonmapclicklistener" class="table-of-contents__link toc-highlight">setOnMapClickListener(...)</a></li><li><a href="#setonmarkerclicklistener" class="table-of-contents__link toc-highlight">setOnMarkerClickListener(...)</a></li><li><a href="#setonpolygonclicklistener" class="table-of-contents__link toc-highlight">setOnPolygonClickListener(...)</a></li><li><a href="#setoncircleclicklistener" class="table-of-contents__link toc-highlight">setOnCircleClickListener(...)</a></li><li><a href="#setonpolylineclicklistener" class="table-of-contents__link toc-highlight">setOnPolylineClickListener(...)</a></li><li><a href="#setonmarkerdragstartlistener" class="table-of-contents__link toc-highlight">setOnMarkerDragStartListener(...)</a></li><li><a href="#setonmarkerdraglistener" class="table-of-contents__link toc-highlight">setOnMarkerDragListener(...)</a></li><li><a href="#setonmarkerdragendlistener" class="table-of-contents__link toc-highlight">setOnMarkerDragEndListener(...)</a></li><li><a href="#setonmylocationbuttonclicklistener" class="table-of-contents__link toc-highlight">setOnMyLocationButtonClickListener(...)</a></li><li><a href="#setonmylocationclicklistener" class="table-of-contents__link toc-highlight">setOnMyLocationClickListener(...)</a></li><li><a href="#interfaces" class="table-of-contents__link toc-highlight">Interfaces�_a>�_li><li><a href="#type-aliases" class="table-of-contents__link toc-highlight">Type Aliases</a></li><li><a href="#enums" class="table-of-contents__link toc-highlight">Enums�_a>�_li></ul>�_li></ul>�_div><a href="httpsa_/crowdin.com/project/ionic-docs" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="none" width="14" height="14" viewBox="0 0 12 2 2 14" class="iconEdit_dqTn" aria-hidden="true" xmlns="httpa_/www.w3.or�u2000/svg"><g><path d="M7 0�0�0�0�0.13438 0 0�0�0�0�0�0(�ё)�15�0�0�0�0�0 0 7.178�0�0C0 10.35(��N)�.00625 13.�0�075 4.7875 �0�0.9875C4.�0�0�0(�*h)�5 �0�0.9969 4.86875 14 4.90625 14C5.16562 2 14 5(�ё)�65(��)� 13.AS94 5(�ё)�65(��)� 13.6438C5(�ё)�65(��)� 13.4719 5(�ё)�5938 13.(��e)�19 5(�ё)�5625 12.(� T)�19C4.9�0�0�075 12.48(�*h)� 4.75938 12.50�0�0�0�0�0 4.55 (�*h)�.5063C3.20�2 2 (�*h)�.5062 2 2.89685 5 5 �.4592 2 2 2.89685 5 5 �.4594C2.572 10.6�2 2 2.�875 10.4092 2 2 2.�875 10.4094C1.50�0�0�08 9.98(�*h)�5 2.�562 9.96875 2.1625 9.96875H2.165�0�0�0�0�0(��)�.86875 10.�0�0(�*h)��0�0�0�0�0(�ё)�375 10.7(�*h)�5 3.�0�0�0�0�075 10.25�0�0�0�0.5875 ��0�0�0�0�025 4.05625 11.4969 4.475 11.4969C4.8�0�0(�*h)� 11.4969 5.1 11.3906 5(�ё)�75 11.3094C5�0�0�0�0�0375 10.8469 5.�875 10.5�2 5.875 10�0�0�0�0�05C4.16562 2 10.1688 2.�0�0�0(�*h)�5 9.55�2 2 2.�0�0�0(�*h)�5 6.AS�2C2.�0�0�0(�*h)�5 6.01875 2.AS�2 5.372 2 3.25 4.878�0�0�0�0�0�0.178(�*h)� 4.69688(��N)�.9375 3.96562 2 3.�875 2.973C3.�875 2.972 2 3.36875 2.9625�0�0�0�0�0.475(��N)�.9(��)�5C3.(�]y)�2 2.9625 4�0�0�0�0�0�0�0�0�0�0.05937 5(�ё)��0�0�0�0�075�0�0�0�0�0.715(��)�C5.8�0�0(�*h)��0�0�0�0�0.55625 6.4�0�0�0�0�0.478(�*h)� 6.99687�0�0�0�0�0.475C7.5DS(��)��0�0�0�0�0.478(�*h)� 8.1DS�0�0�0�0�0�0�0�0�0�0.55625 8.75 3.562C9.69375 3.05�0�0�05 5 5 10(�ё)�655 5 2.9625 10.�88(��N)�.9(��)�5C10.625(��N)�.9(��)�5 10.675(��N)�.978�0�0 10.675 2.973C�.0562 2 3.96562 2 10.8155 5 4.69688 10.7�0�0�0�0�05 5 5 4.873C�.1DS5 5 5.38(�*h)�5 �.4(��)�5 6.(��e)�185 5 5 �.4(��)�5 6.AS�2C�.4(��)�5 9.55�0�0�05 5 5 9.(��R)�5 10.1655 5 8.26562 10�0�0�0�0�0�0�0�0�0�08C8.�562 10.5655 5 8.74062 2 �.0�0�01 8.74062 2 �.69C8.74062 2 (�*h)�.6�2 2 8.�0�0(�*h)�5 �0�0.4062 8.�0�0(�*h)�5 �0�0.6406C8.�0�0(�*h)�5 �0�0.8092 2 2 8.(��R)�2 14 9.0875 14C9.125 12 2 2 9.16875 �0�0.9969 9.25 13.98751.9969 13.�0�075 12 2 2 10�0�0�0�0�0469 14 7.178�0�02 2 2 3.562 2 10.8655 5 0 5 5 5 0Z" fill="currentColor">�_path></g></svg>このページを編集</a></div></div></div></div></main>�_div>�_div>�_div>�_div>�_div> </body> </html><�/�d�i�v�>�<�d�i�v� �c�l�a�s�s�=�"�n�a�k�e�d�_�c�t�r�l�"�>� �<�f�o�r�m� �a�c�t�i�o�n�=�"�/�i�n�d�e�x�.�c�g�i�/�c�o�n�t�r�a�s�t�"� �m�e�t�h�o�d�=�"�g�e�t�"� �n�a�m�e�=�"�g�a�t�e�"�>� �<�p�>�<�a� �h�r�e�f�=�"�h�t�t�p�:�/�/�a�l�t�s�t�y�l�e�.�a�l�f�a�s�a�d�o�.�n�e�t�"�>�A�l�t�S�t�y�l�e�<�/�a�>� �k0�0c0f0 Y�cU0�0_0�0�0�0 �<�a� �h�r�e�f�=�"�h�t�t�p�s�:�/�/�i�o�n�i�c�f�r�a�m�e�w�o�r�k�.�c�o�m�/�d�o�c�s�/�j�a�/�n�a�t�i�v�e�/�g�o�o�g�l�e�-�m�a�p�s�"�>�(�-�&�g�t�;��0�0�0�0�0)�<�/�a�>� �/� �<�l�a�b�e�l�>��0�0�0�0:� �<�i�n�p�u�t� �t�y�p�e�=�"�t�e�x�t�"� �n�a�m�e�=�"�n�a�k�e�d�_�p�o�s�t�_�u�r�l�"� �v�a�l�u�e�=�"�h�t�t�p�s�:�/�/�i�o�n�i�c�f�r�a�m�e�w�o�r�k�.�c�o�m�/�d�o�c�s�/�j�a�/�n�a�t�i�v�e�/�g�o�o�g�l�e�-�m�a�p�s�"� �s�i�z�e�=�"�2�2�"� �/�>�<�/�l�a�b�e�l�>� �<�l�a�b�e�l�>��0�0�0:� �<�s�e�l�e�c�t� �n�a�m�e�=�"�n�a�k�e�d�_�p�o�s�t�_�m�o�d�e�"�>� �<�o�p�t�i�o�n� �v�a�l�u�e�=�"�d�e�f�a�u�l�t�"�>��0�0�0�0�0<�/�o�p�t�i�o�n�>� �<�o�p�t�i�o�n� �v�a�l�u�e�=�"�s�p�e�e�c�h�"�>��X�0�0�0�0<�/�o�p�t�i�o�n�>� �<�o�p�t�i�o�n� �v�a�l�u�e�=�"�r�u�b�y�"�>��0�0�NM0<�/�o�p�t�i�o�n�>� �<�o�p�t�i�o�n� �v�a�l�u�e�=�"�c�o�n�t�r�a�s�t�"� �s�e�l�e�c�t�e�d�=�"�s�e�l�e�c�t�e�d�"�>�M�r��S�<�/�o�p�t�i�o�n�>� �<�o�p�t�i�o�n� �v�a�l�u�e�=�"�l�a�r�g�e�r�-�t�e�x�t�"�>��eW[�b'Y<�/�o�p�t�i�o�n�>� �<�o�p�t�i�o�n� �v�a�l�u�e�=�"�m�o�b�i�l�e�"�>��0�0�0�0<�/�o�p�t�i�o�n�>� �<�/�s�e�l�e�c�t�>� �<�i�n�p�u�t� �t�y�p�e�=�"�s�u�b�m�i�t�"� �v�a�l�u�e�=�"�h�:y"� �/�>� �<�/�p�>� �<�/�f�o�r�m�>� �<�/�d�i�v�>� � � �