我正在开发一个使用侧面菜单的 Ionic 应用程序。当导航到一个模板时，它只是一个用于呈现谷歌地图的 div（本机使用 cordova-plugin-maps）。侧菜单覆盖在地图上。奇怪的是我可以通过侧边菜单与地图进行交互。
使用 Javascript Google Maps 时效果很好。
这是它的外观截图：
同样的东西出现在 Android 设备上。
非常感谢帮助解决问题！
编辑： 我忘了提到我正在从普通页面（不是侧面菜单）转换，因此上面的后退按钮。我希望它更具体。
【问题讨论】：
标签： cordova google-maps ionic-framework
因为cordova-google-maps插件的地图跟随mapDiv位置。
ionic-framework 在地图 div 下创建侧边菜单。
您应该在地图 div 上方创建侧边菜单。
在这里查看。 https://forum.ionicframework.com/t/using-google-maps-cordova-plugin/4456/49
【讨论】：
我终于找到了！！
转换到地图时，您必须隐藏<ion-side-menu>。例如（我做了什么）：
document.getElementById("side-menu").style.visibility = 'hidden';
离开地图时，在 $stateChangeSuccess 回调中，将其设置回"visible"
希望这会有所帮助！
【讨论】：
你实际上可以这样设置：
地图
<ion-item nav-clear menu-close ng-click="fuction to call the map page">
或
<ion-item nav-clear menu-close ui-sref="url to page">
*当您点击菜单中的地图时，侧边菜单会关闭并显示页面。
【讨论】：
scss ionic.app.scss 或 www/csss/
body.menu-open .menu.menu-left {
visibility: visible;
}
.menu.menu-left {
visibility: hidden;
}
【讨论】：
这对我有用： 1.将ng-hide放到
<ion-side-menu side="left" data-ng-hide="hideLeft">
// hack sidemenu overlay
$scope.$watch(function () {
return $ionicSideMenuDelegate.getOpenRatio();
}, function (newValue, oldValue) {
if (newValue == 0) {
$scope.hideLeft = true;
} else {
$scope.hideLeft = false;
}
});
【讨论】：
就个人而言，我找到了一个优雅的解决方案（右侧菜单）：
.menu.menu-right {
transform: translate3d(100%, 0, 0) !important;
-webkit-transition: transform 200ms ease;
transition: transform 200ms ease;
}
.menu-open {
.menu.menu-right {
transform: translate3d(0, 0, 0) !important;
}
}
【讨论】：
您需要更改标签ion-menu的默认类型
<ion-menu type="reveal" [content]="content">
...
...
...
</ion-menu>
【讨论】：