Google maps 谷歌地图在标签上不起作用

我在爱奥尼亚项目上创建了一个标签。当我从另一个url选项卡访问Google地图时，它不工作，但当我直接访问它时，它工作。

首先是爱奥尼亚部分： 显示地图的选项卡是：

当用户选择选项卡时，Ionic调用refreshMap（）。 refreshMap（）是：

我已经通过查看Map.init（）方法实现了reattachMap（）：

就是这样，现在当用户切换回地图选项卡时，它就会出现

请参考这个。

---

（）

如果对你有用，请检查这些帖子：，谢谢你：））但他们都在普通页面上使用谷歌地图，而不是在选项卡中，我的问题是，当我从其状态的选项卡url访问该选项卡时，会显示谷歌地图，但当我从另一个选项卡url访问该选项卡，然后移动到谷歌地图选项卡时，它无法显示，我没有错误消息！不，有3个链接，第三个（）有一个代码笔示例，在第二个选项卡中有一个映射。。。

.controller('MainCtrl', function($scope) {
    $scope.refreshMap = function() {
        setTimeout(function () {
            $scope.refreshMap_();
        }, 1); //Need to execute it this way because the DOM may not be ready yet
    };

    $scope.refreshMap_ = function() {
        var div = document.getElementById("map_canvas");
        reattachMap(map,div);
    };
})

function reattachMap(map,div) {
    if (!isDom(div)) {
        console.log("div is not dom");
        return map;
    } else {
        map.set("div", div);

        while(div.parentNode) {
        div.style.backgroundColor = 'rgba(0,0,0,0)';
        div = div.parentNode;
        }

        return map;
    }
}

function isDom(element) {
    return !!element &&
    typeof element === "object" &&
    "getBoundingClientRect" in element;
}