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

Add canvas renderer to two layers demo

Browse Source
This commit is contained in:
Tom Payne
2013-01-14 21:48:55 +01:00
parent aeef260101
commit 5eeec41877
2 changed files with 11 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
examples/two-layers.html
View File

@@ -16,15 +16,17 @@
</head> </head>
<body> <body>
<h1 id="title">Two-layer example</h1> <h1 id="title">Two-layer example</h1>
<div id="shortdesc">Sync'ed DOM and WebGL maps with two layers.</div> <div id="shortdesc">Sync'ed DOM, WebGL and Canvas maps with two layers.</div>
<table> <table>
<tr> <tr>
<th>DOM</th> <th>DOM</th>
<th>WebGL</th> <th>WebGL</th>
<th>Canvas</th>
</tr> </tr>
<tr> <tr>
<td><div id="domMap" class="map"></div></td> <td><div id="domMap" class="map"></div></td>
<td><div id="webglMap" class="map"></div></td> <td><div id="webglMap" class="map"></div></td>
<td><div id="canvasMap" class="map"></div></td>
</tr> </tr>
</table> </table>
<div id="docs"> <div id="docs">

8
examples/two-layers.js
View File

@@ -40,3 +40,11 @@ var domMap = new ol.Map({
}); });
domMap.bindTo('layers', webglMap); domMap.bindTo('layers', webglMap);
domMap.bindTo('view', webglMap); domMap.bindTo('view', webglMap);
var canvasMap = new ol.Map({
renderer: ol.RendererHint.CANVAS,
target: 'canvasMap'
});
canvasMap.bindTo('layers', webglMap);
canvasMap.bindTo('view', webglMap);