Ioniq 5 上的谷歌地图搞砸了滑动模式
Posted
技术标签:
【中文标题】Ioniq 5 上的谷歌地图搞砸了滑动模式【英文标题】：GoogleMaps on Ionic5 messing up Swipe Modal 【发布时间】：2020-04-10 23:25:32 【问题描述】：我在使用 GoogleMaps 和新的 “滑动关闭” 模式时遇到问题。
我的问题是通过 GoogleMaps 附加到 body 的类 _gmaps_cdv_ 正在将背景颜色更改为白色。效果看起来很奇怪很糟糕。
我几乎什么都试过了……
加载模式后删除类。这将使地图消失并采用我设置的任何颜色作为背景。
一旦加载了模态框，就删除该类，并在模态框被破坏后再次附加它。结果和之前一样
在 ionViewWillLeave() 上销毁地图并使用 ionViewWIllLoad() 重新创建。结果和之前一样。
有什么建议吗？这是一个错误吗？
谢谢
【问题讨论】：
【参考方案1】：我解决了这个问题。解决方案非常简单。背景颜色可以在GoogleMaps的Environment类中设置。
确保 Environment 已导入到您的组件中，并执行以下操作：
// If you're following the documentation, there should be more things imported here, because I'm focusing on the Environment, I will only use this one.
import Environment from '@ionic-native/google-maps/ngx';
ngOninit()
Environment.setBackgroundColor('black'); // Or whatever color you want.
就是这样！ 以下是供参考的文档链接：
https://github.com/ionic-team/ionic-native-google-maps/blob/master/documents/environment/README.md
【讨论】：
以上是关于Ioniq 5 上的谷歌地图搞砸了滑动模式的主要内容，如果未能解决你的问题，请参考以下文章