Leaflet中使用Leaflet.fullscreen插件实现全屏效果


场景

Vue+Leaflet实现加载OSM显示地图:

https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/122317394

在上面的基础上,怎样实现地图全屏效果。

 

修改样式css文件中图片的路径

3、新建地图时添加全屏插件

        var map = L.map('map', {
            fullscreenControl: {
                pseudoFullscreen: false
            }
        }).setView([36.09, 120.35], 13);

4、完整示例代码


"en">


    "UTF-8">
    leaflet实现全屏
    "stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css" />
    



    
"map">