Question

使用以下代码为页面添加地图

 new ol.supermap.MapService(url2).getMapInfo(function (serviceResult) {
                    map = new ol.Map({
                        target: 'map',
                        controls: ol.control.defaults({ attributionOptions: { collapsed: true } })
                            .extend([new ol.supermap.control.Logo()]),
                        view: new ol.View({
                            center: [15256438.745824799, 4245243.453876967],
                            zoom: 9,
                            projection: 'EPSG:3857',
                            multiWorld: true
                        })
                    });

大部分图层添加的代码省略

var layerSwitcher = new ol.control.LayerSwitcher({});
                    map.addControl(layerSwitcher);

最后添加一个layerSwitcher控件

刷新页面后，地图有时可以正常显示，但有时候又无法显示。

控制台里没有报错，layerSwitcher控件不管有没有显示都可以正常显示出图层名

无法显示的时候，调整网页的大小后，地图就能正常显示，请问如果要让他每次都直接显示出来的话，应该追加什么样的修正？

Answer 1

您好，我企业微信联系您，您提供一下测试代码我本地验证一下。

Answer 2

已排查客户代码，是map div设置问题，虽然设置的100%实际页面展示高度仅为90px左右，地图其实加载出来了代码没有问题，只是div高度太小，看不到地图。调整div之后可以正常看到地图。