framework7 cordova-plugin-googlemaps v2 z-index问题

Question

我试图在framework7项目中使用https://github.com/mapsplugin/cordova-plugin-googlemaps

但是我遇到了问题

当我导航到地图页面图像已加载但未显示

我认为问题是z-index

我尝试了那个解决方案

https://github.com/mapsplugin/cordova-plugin-googlemaps/issues/2028

但不起作用

这是地图页面

之前的页面

红色div是图像显示的位置

函数运行后

我看到而不是map

我使用此代码导航到地图页面

 success: function (response) {
                        var responseObj = JSON.parse(response)
                        console.log(responseObj);
                        this.$root.navigate("/theMapPage/")

                    }

Answer 1

我找到了解决方案

正如我在评论中发表的那样，该插件将地图放在应用程序后面

所以我隐藏所有页面并仅显示当前页面

 map.one(plugin.google.maps.event.MAP_READY, function () {
                        $$('.page').hide()
                        $$('.page.page-current').show()
                        map.clear();
                        map.getMyLocation(onSuccess, onError);
                    });

最后只显示所有页面

        pageAfterOut: function () {
            // page has left the view
            $$('.page').show()
        }