我试图将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
})
});