如何将地图导出为全屏方式（使用 OpenLayer）？

Question

我有以下代码，它运行良好：

  <style>
    .map {
      width: 100%;
      height: 350px;
    }
  </style>

  <div id="map" class="map"></div>

  /* Export map to PNG Format */
  var exportPNGElement = document.getElementById('pngFormat');

  if ('download' in exportPNGElement) {
    exportPNGElement.addEventListener('click', function(e) {
      map.once('postcompose', function(event) {
        var canvas = event.context.canvas;
        exportPNGElement.href = canvas.toDataURL('image/png');
      });
      map.renderSync();
    }, false);
  } else {
    var info = document.getElementById('no-download');
    /**
     * display error message
     */
    info.style.display = '';
  }

但是现在，我想将所有这些导出为全屏方式。

我试过插入以下代码，但它不起作用。

canvas.width  = window.innerWidth;
canvas.height = window.innerHeight;

此外，我尝试调整 div 地图的大小但没有成功。

var maptoEdit = document.getElementById('map').innerHTML = "<div style='height:100%; width:100%'></div>";

Answer 1

更新：

终于可以用下面的方法了：

//document.getElementById('map').style.width = $(window).width() + 'px'; // Returns width of browser viewport
//document.getElementById('map').style.height= $(window).height() + 'px'; // Returns height of browser viewport  
document.getElementById('map').style.width = '1280px'; 
document.getElementById('map').style.height = '768px'; 
map.updateSize();

如何将地图导出为全屏方式（使用 OpenLayer）？

How to export a map to fullscreen way (using OpenLayer)?

javascript

jquery

canvas

openlayers