openlayers/examples/side-by-side.html

Build tools and sources for developing OpenLayers based mapping applications

---
layout: example.html
title: Shared Views
shortdesc: The three maps, one WebGL, one Canvas, one DOM, share the same center, resolution, rotation and layers.
docs: >
  The three maps, one WebGL, one Canvas, one DOM, share the same center, resolution, rotation and layers.
tags: "side-by-side, canvas, webgl, dom, canvas, sync, object"
---
<h4>Canvas</h4>
<div id="canvasMap" class="map"></div>
<h4>WebGL</h4>
<div id="webglMap" class="map"></div>
<div id="no-webgl" class="alert alert-danger" style="display: none">
  This map requires a browser that supports <a href="http://get.webgl.org/">WebGL</a>.
</div>
<h4>DOM</h4>
<div id="domMap" class="map"></div>