ashatora/openlayers
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Put maps side by side

Browse Source
This commit is contained in:
Tim Schaub
2016-11-05 18:29:29 -06:00
parent f6e9c12161
commit 8529a74063
2 changed files with 17 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
examples/side-by-side.css
+7
View File
@@ -0,0 +1,7 @@
@media (min-width: 800px) {
.half {
padding: 0 10px;
width: 50%;
float: left;
}
}
examples/side-by-side.html
+10 -6
View File
@@ -6,10 +6,14 @@ docs: >
Two maps (one with the Canvas renderer, one with the WebGL renderer) share the same center, resolution, rotation and layers. 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" tags: "side-by-side, canvas, webgl"
--- ---
<h4>Canvas</h4> <div class="half">
<div id="canvasMap" class="map"></div> <h4>Canvas</h4>
<h4>WebGL</h4> <div id="canvasMap" class="map"></div>
<div id="webglMap" class="map"></div> </div>
<div id="no-webgl" class="alert alert-danger" style="display: none"> <div class="half">
This map requires a browser that supports <a href="http://get.webgl.org/">WebGL</a>. <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>
</div> </div>