ionExample.html 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  5. <meta charset="utf-8"/>
  6. <title>3D Tiles Renderer Options Example</title>
  7. <style>
  8. * {
  9. margin: 0;
  10. padding: 0;
  11. }
  12. html {
  13. overflow: hidden;
  14. font-family: Arial, Helvetica, sans-serif;
  15. user-select: none;
  16. }
  17. canvas {
  18. image-rendering: pixelated;
  19. outline: none;
  20. }
  21. #info {
  22. position: absolute;
  23. top: 0;
  24. left: 0;
  25. color: white;
  26. width: 100%;
  27. text-align: center;
  28. padding: 5px;
  29. pointer-events: none;
  30. line-height: 1.5em;
  31. }
  32. #info a {
  33. color: white;
  34. pointer-events: all;
  35. }
  36. </style>
  37. </head>
  38. <body>
  39. <div id="info">
  40. <div>
  41. Paste the evaluation Cesium Ion token from the <a target="_blank" href="https://github.com/CesiumGS/cesium/blob/master/Source/Core/Ion.js#L6-L13">Cesium repository</a> or your own token and asset id <br/> into the fields and press "reload" to see the demo. See <a href="http://cesium.com">cesium.com</a> for more information.
  42. <br/>
  43. </div>
  44. </div>
  45. <script src="./ionExample.js" type="module"></script>
  46. </body>
  47. </html>