@polygonjs/plugin-mapbox
Version:
Mapbox plugin for the 3D engine https://polygonjs.com
49 lines (40 loc) • 872 B
HTML
<html>
<head>
<meta charset="utf-8" />
<title>
<%= htmlWebpackPlugin.options.title %>
</title>
<style>
html,
body,
#app {
margin: 0px;
height: 100%;
overflow: hidden;
}
canvas {
display: block;
height: 100%;
}
</style>
<link href="https://api.mapbox.com/mapbox-gl-js/v2.0.1/mapbox-gl.css" rel="stylesheet" />
</script>
</head>
<body>
<div
style='position:absolute; border: 1px solid lightgray; margin: 10px; padding: 10px; z-index:99; background-color: #ddd;'>
<p>
<label>Text</label>
<input type='text' value='Polygonjs + Mapbox'
oninput='text.p.text.set(event.target.value)'></input>
</p>
<p>
<label>Text Segments</label>
<input type='range' min=1 max=4 step=1 value=2
oninput='text.p.segments.set(event.target.value)'></input>
</p>
</div>
<div id="app"></div>
</body>
</html>