cordova - ionic 侧边菜单和原生谷歌地图

标签 cordova google-maps ionic-framework

我正在开发一个使用侧面菜单的 Ionic 应用程序。当导航到一个模板时,它只是一个用于呈现谷歌地图的 div( native 使用 cordova-plugin-maps)。侧菜单覆盖在 map 上。奇怪的是我可以通过侧面菜单与 map 进行交互。

使用 Javascript Google Maps 时效果很好。

这是它的外观截图:

enter image description here

同样的事情出现在 Android 设备上。

高度赞赏解决问题的帮助!

编辑:
我忘了提到我正在从普通页面(不是侧面菜单)转换,因此上面的后退按钮。我希望这使它更具体。

最佳答案

这对我有用:
1. 将 ng-hide 放置到

<ion-side-menu side="left" data-ng-hide="hideLeft">
  • 观看菜单 Controller 中的 $ionicSideMenuDelegate
  • // hack sidemenu overlay $scope.$watch(function () { return $ionicSideMenuDelegate.getOpenRatio(); }, function (newValue, oldValue) { if (newValue == 0) { $scope.hideLeft = true; } else { $scope.hideLeft = false; } });

    关于cordova - ionic 侧边菜单和原生谷歌地图,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36095968/

    相关文章:

    java - Android 谷歌地图 + Pusher(实时)监听器

    javascript - 如何在 map 呈现后以编程方式更改 Google map 标记图标

    android - Ionic Android 应用程序 - SSL 证书错误 - 主要错误 - 5

    ios - 从 phonegap1.2 加载远程 URL

    ios - App review - 指向 dev api 而不是 prod

    javascript - Phonegap 无法读取/呈现 Google Maps API - "Can' t 查找变量 Google"错误

    javascript - 无需第二次 api 调用即可获取 Facebook 好友的名字

    javascript - 可以使用 Node.js 通过 Google API 在 map 上进行真正的实时更新

    django - Ionic Google 社交身份验证到 Django Rest Framework 后端

    html - 字体大小迫使圆形按钮变宽