mapillary-js/debug/index.html
2015-12-23 23:29:19 +01:00

31 lines
1.4 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<title>Mapillary-js Debug Page</title>
<meta charset='utf-8'>
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<link rel='stylesheet' href='../dist/mapillary-js.css' />
<link rel='stylesheet' href='../dist/CssUI.css' />
<style>
body { margin: 0; padding: 0; }
html, body, #map { height: 100%; }
</style>
</head>
<body>
<div id='viewerCover'></div>
<div id='viewerSimple'></div>
<button onclick="viewerSimple.moveDir(0).first().subscribe()">Forward</button><button onclick="viewerSimple.moveDir(1).first().subscribe()">Backward</button>
<div id='viewerGl'></div>
<button onclick="viewerGl.moveDir(0).first().subscribe()">Forward</button><button onclick="viewerGl.moveDir(1).first().subscribe()">Backward</button>
<div id='viewerCss'></div>
<script src='../build/bundle.js'></script>
<script>
var viewerCover = new Mapillary.Viewer('viewerCover', 'MkJKbDA0bnZuZlcxeTJHTmFqN3g1dzo5NWEzOTg3OWUxZDI3MjM4', { key: 'ffR697jcoDXhCPae91QqtA', ui: ['cover'] })
var viewerSimple = new Mapillary.Viewer('viewerSimple', 'MkJKbDA0bnZuZlcxeTJHTmFqN3g1dzo5NWEzOTg3OWUxZDI3MjM4', { key: 'ffR697jcoDXhCPae91QqtA', uis: ['simple', 'css'] })
var viewerGl = new Mapillary.Viewer('viewerGl', 'MkJKbDA0bnZuZlcxeTJHTmFqN3g1dzo5NWEzOTg3OWUxZDI3MjM4', { key: 'FD0hfVLfbrkCqWHIBsZDqw', uis: ['gl', 'css'] })
</script>
</body>
</html>