是否可以使Open Layers 3地图占据所有高度而不会出现格式错误?

时间:2016-12-09 16:33:07

标签: css openlayers-3

我试图将Open Layers 3地图设置为占据屏幕的整个高度;这不是通过使用fullscren功能(我需要屏幕上的其他组件,以及全屏模式覆盖。)

Here是使用Open Layers 2的示例,但我无法从代码中获得正确的css组合,并且他们缺乏对哪个部分至关重要的解释。如果函数对地图的样式有影响,它们似乎已更改名称或仅在OL3中被替换。

我成功地将地图的容器强制为100%高度,例如使用描述here的技巧,但是图像最终会被扭曲,这不是最佳的。

打开图层3 FAQ没有任何关于此功能的内容,代码段为fixed height。所有关于全屏的examples实际上都使用全屏按钮来使用原生全屏功能。

OL3刚刚删除了这种可能性吗?我不是气候科学或地图表示方面的专家,但我认为地图投影可能很难,所以也许它只是不可能使用其中一个新功能。

<div style="width:100%; height: 100%;">
    <div style="width:100%; height: 100%;" id="map"></div>
</div>
new ol.Map({
  target: 'map',
  layers: [
    new ol.layer.Tile({
      source: new ol.source.OSM()
    })
  ],
  view: new ol.View({
    center: [0, 0],
    zoom: 4
  })
});

0 个答案:

没有答案