离子3 - 无法点击上面显示的警告对话框谷歌地图

Question

我正在使用离子3中的AlertController实施警告对话框，如下所示

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

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

Answer 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();

}