Question

我有一个基于模板的模态对话框，我在其中加载GoogleMap。

我希望GoogleMap将标题下方的剩余空格和模板中包含的子标题。

- header - （高度通过css中的mediaqueries定义）

- subheader - （高度通过css中的mediaqueries定义）

- 对话框内的剩余空间 -

到目前为止，这是我的控制器：

$scope.creategooglemapsmodal = function() {
    $scope.item.showmap = true;
    $ionicModal.fromTemplateUrl('templates/Gmapdialog.html', {
        scope: $scope,
        animation: 'slide-in-up'
    })
        .then(function (modal) {
            $scope.googlemapsmodal = modal;
            $scope.googlemapsmodal.show()
                .then(function() {

//在显示模态之后我想调整mapcontainers高度 - 在我启动地图之前，这将调用容器高度。

                    $scope.showmapinit();
                    $scope.modalhiddenlistener = $scope.$on('modal.hidden', function() {
                        $scope.hidegooglemapsmodal();
                    });             
                });
        });
};

处理此问题的推荐方法是什么？

Answer 1

我找到了解决方案：

初始化GoogleMap后我打电话

map.fitBounds(bounds);

设置缩放和居中（放置标记后）

在我打电话之后：

$scope.googlemapsmodal.$el.find('.angular-google-map-container').addClass('expander');

CSS看起来像这样：

.expander {
    position:inherit !important;
    -webkit-transform: none !important;
}

希望这会有所帮助

如何在ionicdialog中动态加载元素的元素高度

1 个答案: