Ionic 如何使用电容器谷歌Map插件与离子7模态

vqlkdk9b  于 2023-11-15  发布在  Ionic
关注(0)|答案(1)|浏览(183)

无论我如何尝试隐藏HTML元素,使它们透明,不可见或根本不显示它们,我还没有找到一种特定的方法来使HTML元素足够透明,以便使用Ionic / Angular有效地使用电容器GoogleMap插件。具体来说,我需要创建一个打开以选择Map上的当前位置的模式,位置选择器在iOS或Web上完美工作,但我无法在Android中隐藏足够多的项目以使Map正确显示。
我已经找到了,通过在Chrome上的Web调试,罪魁祸首,但我已经尝试将其背景设置为透明,可见性设置为隐藏,或任何东西,但它不起作用。
我不认为我是唯一一个需要有:
1.标签应用
1.使用Modal
1.以模式显示Map
这些是我无法隐藏的元素:

<div role="dialog" aria-modal="true" class="modal-wrapper ion-overlay-wrapper" part="content">
 <slot>
 </slot>
</div>

个字符
有没有人知道一个正确的方式隐藏在模态的一切,并让它工作?这是模态我试图在Android中显示:
x1c 0d1x的数据
当使用Chrome DevTools同时检查应用程序时,我可以将样式设置为“background-color:transparent!important”,并自动查看Map,但为了最好的我,我不能更改类,添加新类,在使用classList函数加载Map之前更改样式或任何东西。

cgfeq70w

cgfeq70w1#

在你的样式文件(例如style.css)中尝试这样做:

body {
  background: transparent;
},
ion-content {
  --background: transparent;
}

字符串

相关问题