openlayer3.0隐藏地图右下角的attribution控件图标

在绘制openlayer地图的时候,出现地图右下角有个消息的小图标。logo已经隐藏,又出来个消息图标。

根据需求地图上不能有logo或者图标。需要隐藏地图右下角的attribution控件消息的小图标。

解决的办法是:在初始化map对象里添加控制器,设置attributionOptions的collapsible: false就可以了。

重要代码如下:

    controls: ol.control.defaults({

        attributionOptions: ({

          collapsible: false

        })

      })

var map = new ld.Map({

    target: 'map',

    logo:false,

    layers: [

        new ld.layer.Tile({

            source: new ld.source.ESRICache({

                url:'xxxxxxx'

            })

        })

    ],

    view: new ld.View({

        zoom:10,

        center: [113.583228, 22.259667]

    }),

    controls: ol.control.defaults({

        attributionOptions: ({

          collapsible: false

        })

      })

});

改变前效果图:

openlayer3.0隐藏地图右下角的attribution控件图标_第1张图片

 

改变后效果图:

 openlayer3.0隐藏地图右下角的attribution控件图标_第2张图片

 

最后温馨提示:

如果需要显示的图标就设置attributionOptions的collapsible: true就ok了!

希望帮到小伙伴们,有问题可以相互交流。

你可能感兴趣的:(ol.attribution,隐藏地图右下角信息图标,openlayer3)