离子菜单按钮未显示在离子原生谷歌地图的左上方，也不允许地图正常工作

Question

我想在谷歌地图左上角显示菜单按钮，但是当我尝试使用它时，它会出现在地图中间并且不允许地图的任何功能工作，无论您在哪里点击它都会打开菜单. html如下：

<div id="map_canvas"> <ion-menu-button></ion-menu-button> </div>

但是当我使用一个简单的按钮时它可以正常工作，但我想要菜单图标。 Html如下图所示：

<div id="map_canvas"> <button (click)="OpenMenu()" >Start Demo</button> </div>

这两种情况的 CSS 相同，如下所示：

#map_canvas { height: 100%; }

Answer 1

这样试试

    <ion-button>
     <ion-icon slot="icon-only" name="menu"></ion-icon>
    </ion-button>