mapillary-js/debug/index.html
2015-12-21 22:47:12 +01:00

32 lines
1.6 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', ui: 'simple' })
var viewerGl = new Mapillary.Viewer('viewerGl', 'MkJKbDA0bnZuZlcxeTJHTmFqN3g1dzo5NWEzOTg3OWUxZDI3MjM4', { key: 'ffR697jcoDXhCPae91QqtA', ui: 'gl' })
var viewerCss = new Mapillary.Viewer('viewerCss', 'MkJKbDA0bnZuZlcxeTJHTmFqN3g1dzo5NWEzOTg3OWUxZDI3MjM4', { key: 'ffR697jcoDXhCPae91QqtA', ui: 'css' })
</script>
</body>
</html>