model.html 2.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  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="/sdk/kankan-sdk-deps.js?v=4.12.1-alpha.18-1774943964518"></script>
  30. <script src="/sdk/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. let urlHasValue = function(key, isGetValue) {
  41. let querys = window.location.search.substr(1).split("&")
  42. if (isGetValue) {
  43. for (let i = 0; i < querys.length; i++) {
  44. let keypair = querys[i].split("=")
  45. if (keypair.length === 2 && keypair[0] === key) {
  46. return keypair[1]
  47. }
  48. }
  49. return ""
  50. } else {
  51. for (let i = 0; i < querys.length; i++) {
  52. let keypair = querys[i].split("=")
  53. if (keypair[0] == key) {
  54. return true
  55. }
  56. }
  57. return false
  58. }
  59. }
  60. let num = urlHasValue('m',true);
  61. window.__sdk = new KanKan({
  62. dom: ".scene",
  63. num,
  64. server: "/",
  65. resource: "/oss/",
  66. isRouteSnap : true
  67. });
  68. __sdk.render();
  69. </script>
  70. </body>
  71. </html>