Ionic 3 - 无法点击谷歌地图上方显示的警报对话框

Posted 2023-03-13

【中文标题】Ionic 3 - 无法点击谷歌地图上方显示的警报对话框

【英文标题】：Ionic 3 - Unable to click on alert dialog shown above google maps

【发布时间】：2018-01-11 23:49:26

【问题描述】：

我正在使用 ionic 3 中的AlertController 实现一个警报对话框，如下所示

let alert = this.alertCtrl.create(
 title: 'Low battery',
 subTitle: '10% of battery remaining',
 buttons: ['Dismiss']
);
alert.present();

这个警告对话框在谷歌地图上方可见，但我无法点击这个警告按钮，任何点击警告对话框仍然被视为我点击它下面的谷歌地图。即使在地图上方显示警报对话框，我仍然可以像往常一样与地图交互，我可以单击地图中的任何标记，我可以放大、缩小。

【参考方案1】：

你需要在显示警报时将地图设置为不可点击，然后在关闭时将其设置为可点击：

public showAlert(): void 

    // Disable the map
    this.map.setClickable(false);

    let alert = this.alertCtrl.create(
        title: 'Low battery',
        subTitle: '10% of battery remaining',
        buttons: [
            
                text: 'Dismiss',
                role: 'cancel',
                handler: () => 

                    // Enable the map again
                    this.map.setClickable(true); 

                
            
        ]
    );

    // Show the alert
    alert.present();