OpenLayer4地图全屏的实现

OpenLayer4地图全屏的实现

第一种方式：自实现

1.首先将地图容器的长宽设置成100%。

2.对form 和body标签长宽设置成100%。

3.对浏览器进行全屏设置。

具体代码如下所示：

fullextent 为全屏安全ID。

    $("#fullextent").click(function () {
        //alert("全屏");
        if ($("#fullextent").attr("src") != "Image/bk.png") {
            fullScreen();
            $("#fullextent").attr("src", "Image/bk.png");
        } else {
            exitFullScreen();
            $("#fullextent").attr("src", "Image/full1.png");
        }
        
    });




    // 全屏代码
    funct