1
0

model.html 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  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. .controls {
  20. position: absolute;
  21. left: 0;
  22. bottom: 0;
  23. width: 100%;
  24. z-index: 999;
  25. }
  26. </style>
  27. <!-- <script src="/sdk/kankan-sdk-deps.js"></script>
  28. <script src="/sdk/kankan-sdk.js"></script> -->
  29. <script src="./kankan-sdk-deps.js?v=4.12.1-alpha.18-1774943964518"></script>
  30. <script src="./kankan-sdk.js?v=4.12.1-alpha.18-1774943964518"></script>
  31. </head>
  32. <body>
  33. <div class="scene"></div>
  34. <div class="controls">
  35. <button onclick="__sdk.Camera.panorama()">漫游</button>
  36. <button onclick="__sdk.Camera.floorplan()">平面</button>
  37. <button onclick="__sdk.Camera.dollhouse()">模型</button>
  38. </div>
  39. <script>
  40. window.__sdk = new KanKan({
  41. dom: ".scene",
  42. num: "SG-hx-7R336wSsXwL",
  43. server: "/",
  44. resource: "/oss/",
  45. isRouteSnap : true
  46. });
  47. __sdk.render();
  48. </script>
  49. </body>
  50. </html>