Create side-by-side.html

examples/side-by-side.html

@@ -0,0 +1,16 @@
+---
+layout: example.html
+title: Shared Views
+shortdesc: Two maps with different renderers share view properties
+docs: >
+  Two maps (one with the Canvas renderer, one with the WebGL renderer) share the same center, resolution, rotation and layers.
+tags: "side-by-side, canvas, webgl"
+---
+<div class="half">
+  <h4>Canvas</h4>
+  <div id="canvasMap" class="map"></div>
+</div>
+<div class="half">
+  <h4>WebGL</h4>
+  <div id="webglMap" class="map"></div>
+</div>