Javascript 角度/离子框架带选项卡的谷歌地图

这件事我已经坚持了两天了。希望有人能帮我一点忙，或者给我指出正确的方向

我在一个列表页面中使用了ionic框架和ionic选项卡，一个选项卡显示描述，另一个是加载我从json获得的lat/lon的映射

我无法在第二个选项卡中加载谷歌地图。它将在第一个选项卡或初始视图中正常加载。我认为这是因为map div在tab视图中隐藏或未渲染

我记得在bootstrap中，我遇到了标签的问题，不得不做一些类似的工作

 $("a[href='#maptab']").on('shown.bs.tab', function(){
     mapInitialize();
 }
 });

^这基本上就是地图。但如何使用ionic来实现这一点

基本上，输入时我需要将地图加载到第二个选项卡中

我在下面创建了一个代码笔，你可以看到它在家里可以正常加载，但在家里却无法加载。我打电话给MapCtrl是关于

 <ion-tab title="About" icon="ion-ios-information" href="#/tab/about" ng-controller="MapCtrl">

---

如有任何建议或帮助，将不胜感激

我想我给管制员打电话的方式就是问题所在。如果有人有类似的问题，下面是我所做的

我为地图分配了一个单独的控制器（例如MapCtrl，然后从选项卡调用它，如

        <ion-tab title="Map" icon-on="ion-earth" icon-off="ion-earth">
            <ion-nav-view name="tab-map">
                <ion-content ng-controller="MapCtrl" ng-init="initialize()">

---

如果您在iOS模拟器上测试地图，并得到一个空白屏幕，您需要确保您也将google脚本url列入白名单。

我想我调用控制器的方式是问题所在。如果有人有类似问题，下面是我所做的

我为地图分配了一个单独的控制器（例如MapCtrl，然后从选项卡调用它，如

        <ion-tab title="Map" icon-on="ion-earth" icon-off="ion-earth">
            <ion-nav-view name="tab-map">
                <ion-content ng-controller="MapCtrl" ng-init="initialize()">

如果您在iOS模拟器上测试地图，并得到一个空白屏幕，那么您需要确保将google脚本url也列入白名单