Update the side-by-side example

examples/side-by-side.js

@@ -4,33 +4,27 @@ goog.require('ol.has');
 goog.require('ol.layer.Tile');
 goog.require('ol.source.OSM');
 
-
-var map1 = new ol.Map({
-  layers: [
-    new ol.layer.Tile({
-      source: new ol.source.OSM()
-    })
-  ],
-  renderer: 'dom',
-  target: 'domMap',
-  view: new ol.View({
-    center: [0, 0],
-    zoom: 1
-  })
+var layer = new ol.layer.Tile({
+  source: new ol.source.OSM()
 });
 
-var map2 = new ol.Map({
+var view = new ol.View({
+  center: [0, 0],
+  zoom: 1
+});
+
+var map1 = new ol.Map({
   target: 'canvasMap',
-  layers: map1.getLayers(),
-  view: map1.getView()
+  layers: [layer],
+  view: view
 });
 
 if (ol.has.WEBGL) {
-  var map3 = new ol.Map({
-    renderer: 'webgl',
+  var map2 = new ol.Map({
     target: 'webglMap',
-    layers: map1.getLayers(),
-    view: map1.getView()
+    renderer: 'webgl',
+    layers: [layer],
+    view: view
   });
 } else {
   var info = document.getElementById('no-webgl');