Add view abstraction

examples/two-layers.js

@@ -3,6 +3,7 @@ goog.require('ol.Coordinate');
 goog.require('ol.Map');
 goog.require('ol.Projection');
 goog.require('ol.RendererHint');
+goog.require('ol.View2D');
 goog.require('ol.layer.TileLayer');
 goog.require('ol.source.BingMaps');
 goog.require('ol.source.TileJSON');
@@ -23,19 +24,19 @@ var layers = new ol.Collection([
 ]);
 
 var webglMap = new ol.Map({
-  center: ol.Projection.transformWithCodes(
-      new ol.Coordinate(-77.93255, 37.9555), 'EPSG:4326', 'EPSG:3857'),
   layers: layers,
   renderer: ol.RendererHint.WEBGL,
   target: 'webglMap',
-  zoom: 5
+  view: new ol.View2D({
+    center: ol.Projection.transformWithCodes(
+        new ol.Coordinate(-77.93255, 37.9555), 'EPSG:4326', 'EPSG:3857'),
+    zoom: 5
+  })
 });
 
 var domMap = new ol.Map({
   renderer: ol.RendererHint.DOM,
   target: 'domMap'
 });
-domMap.bindTo('center', webglMap);
 domMap.bindTo('layers', webglMap);
-domMap.bindTo('resolution', webglMap);
-domMap.bindTo('rotation', webglMap);
+domMap.bindTo('view', webglMap);