ol.control.FullScreen标签冲突

Question

我最近将我的应用从3.1.1移植到3.20.0并注意到FullScreen控件的标签中存在冲突。我的ol.Map上的控件如下所示：

        this.map = new ol.Map({
            controls: ol.control.defaults().extend([
                new ol.control.FullScreen(),
                new ol.control.ScaleLine({minWidth:100, target:$('#scale-line')[0]})
         ])

当我加载地图时，这就是fullScreen控件 looks like when not yet in full screen和here启用全屏视图后的样子。

即使我试图强制ol.control.FullScreen支持自定义标签，例如包含图标fa fa-expand的范围，我仍然会得到WEST-EAST重叠箭头。

有什么想法吗？

Answer 1

好的，我想出来了。我离开了旧的ol 3.1.1 css文件，而不是用新的ol.css替换它。完成后，全屏图标按预期更改。

确实非常蹩脚。