Rework examples to new API

examples_src/side-by-side.js

@@ -22,10 +22,10 @@ var domMap = new ol.Map({
 if (ol.has.WEBGL) {
   var webglMap = new ol.Map({
     renderer: 'webgl',
-    target: 'webglMap'
+    target: 'webglMap',
+    layers: domMap.getLayers(),
+    view: domMap.getView()
   });
-  webglMap.bindTo('layergroup', domMap);
-  webglMap.bindTo('view', domMap);
 } else {
   var info = document.getElementById('no-webgl');
   /**
@@ -35,7 +35,7 @@ if (ol.has.WEBGL) {
 }
 
 var canvasMap = new ol.Map({
-  target: 'canvasMap'
+  target: 'canvasMap',
+  layers: domMap.getLayers(),
+  view: domMap.getView()
 });
-canvasMap.bindTo('layergroup', domMap);
-canvasMap.bindTo('view', domMap);