OpenLayers-3 setting zoom so layers fit in map window

Question

Is there a way to dynamically set the zoom level so that the current layers always fit within the width of the map frame on page load?

Currently the zoom level is set statically such that when using a full resolution monitor the application loads perfectly the entirety of the map fits but when loading the map at a lower resolution the map loads at the same zoom level but features are cut off.

Answer 1

According to this answer at StackOverflow, the functions have been renamed in OpenLayers 3.7 and later.

This is what works for me in OpenLayers 3.15.1:

var extent = my_vector_layer.getSource().getExtent();
map.getView().fit(extent, map.getSize());

Answer 2

The Dirk's works fine, but be carefull, if you have only one feature in your layer, it will zoom in way too much.

you can use

var extent = my_vector_layer.getSource().getExtent();
map.getView().fit(extent, {size:map.getSize(), maxZoom:16})

to have a reasonable max zoom level

Answer 3

You can adjust the map's view to fit an extent with: http://openlayers.org/en/v3.6.0/apidoc/ol.View.html#fitExtent

Use getExtent() to retrieve your layers' extent: e.g. http://openlayers.org/en/v3.6.0/apidoc/ol.source.Vector.html#getExtent

See Tim's answer at https://stackoverflow.com/questions/30121024/openlayers-3-zoom-to-combined-extent