sdk-tag.html 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>Document</title>
  7. <style>
  8. html,
  9. body{
  10. width: 100%;
  11. height: 100%;
  12. margin: 0;
  13. overflow: hidden;
  14. }
  15. .scene{
  16. width: 100%;
  17. height: 100%;
  18. }
  19. #toolbar{
  20. position: absolute;
  21. left: 50%;
  22. top: 0;
  23. z-index: 10000;
  24. }
  25. </style>
  26. </head>
  27. <body>
  28. <div id="scene" class="scene"></div>
  29. <div id="toolbar">
  30. <button onclick="add()">添加热点</button>
  31. <button onclick="confirmPosition()">确认热点</button>
  32. <button onclick="exit()">退出</button>
  33. </div>
  34. <script src="../dist/sdk/kankan-sdk-deps.js"></script>
  35. <script src="../dist/sdk/kankan-sdk.js"></script>
  36. <script>
  37. window.dontForbitSetsize = true
  38. var kankan = new KanKan({
  39. dom:'#scene',
  40. num:'t-QiKQpuF' //'t-YhBCzQr'
  41. })
  42. kankan.use("Controls")
  43. kankan.use("Tag").then(tour=>{
  44. })
  45. kankan.render()
  46. function add(){
  47. kankan.TagManager.edit.enter()
  48. }
  49. function exit(){
  50. kankan.TagManager.edit.exit()
  51. }
  52. function confirmPosition(){
  53. kankan.TagManager.edit.confirm()
  54. }
  55. </script>
  56. </body>
  57. </html>