41 lines
1.2 KiB
HTML
41 lines
1.2 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="chrome=1">
|
|
<link rel="stylesheet" href="style.css" type="text/css">
|
|
<style type="text/css">
|
|
.map {
|
|
width: 400px;
|
|
height: 400px;
|
|
border: thin solid #cccccc;
|
|
margin: 1em;
|
|
}
|
|
</style>
|
|
<title>ol3 two-layers demo</title>
|
|
</head>
|
|
<body>
|
|
<h1 id="title">Two-layer example</h1>
|
|
<div id="shortdesc">Sync'ed DOM, WebGL and Canvas maps with two layers.</div>
|
|
<table>
|
|
<tr>
|
|
<th>DOM</th>
|
|
<th>WebGL</th>
|
|
<th>Canvas</th>
|
|
</tr>
|
|
<tr>
|
|
<td><div id="domMap" class="map"></div></td>
|
|
<td><div id="webglMap" class="map"></div></td>
|
|
<td><div id="canvasMap" class="map"></div></td>
|
|
</tr>
|
|
</table>
|
|
<div id="docs">
|
|
<p>See the
|
|
<a href="two-layers.js" target="_blank">two-layers.js source</a>
|
|
to see how this is done.</p>
|
|
</div>
|
|
<div id="tags">layers, tilejson, bing, bingmaps</div>
|
|
<script src="loader.js?id=two-layers" type="text/javascript"></script>
|
|
</body>
|
|
</html>
|