sdk-walk.html 2.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
  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="enter()">进入“漫游可行”</button>
  31. <button onclick="confirm()">保存点位</button>
  32. <button onclick="showPoint()">显示点位</button>
  33. <button onclick="hidePoint()">隐藏点位</button>
  34. <button onclick="exit()">退出</button>
  35. </div>
  36. <script src="../dist/sdk/kankan-sdk-deps.js"></script>
  37. <script src="../dist/sdk/kankan-sdk.js"></script>
  38. <script>
  39. window.dontForbitSetsize = true
  40. var kankan = new KanKan({
  41. dom:'#scene',
  42. num:'t-YhBCzQr'
  43. })
  44. kankan.use("Controls")
  45. kankan.use("Tag").then(tour=>{
  46. })
  47. kankan.render()
  48. kankan.Scene.on('loaded',()=>{
  49. })
  50. function enter(){
  51. kankan.WalkManager.edit.enter();
  52. }
  53. function exit() {
  54. kankan.WalkManager.edit.exit()
  55. }
  56. function confirm() {
  57. kankan.WalkManager.edit.save( (hasChanged, afterSave) => {
  58. new Promise((resolve, reject) => {
  59. if (!hasChanged) return resolve() //没有更改
  60. const data = { data: JSON.stringify(visi) }
  61. data.sceneNum = kankan.config.projectNum
  62. http.post('api/scene/edit/saveLinkPano', data, () => {
  63. resolve()
  64. afterSave()
  65. }, reject)
  66. })
  67. })
  68. }
  69. function linkAllPoint(){
  70. kankan.WalkManager.edit.toggle("all");
  71. }
  72. function showPoint(){
  73. kankan.WalkManager.edit.toggle(true);
  74. }
  75. function hidePoint(){
  76. kankan.WalkManager.edit.toggle(false);
  77. }
  78. </script>
  79. </body>
  80. </html>