sdk.html 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  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. height: 100%;
  17. float: left;
  18. width: 50%;
  19. /* width: 100%;
  20. height: 100%; */
  21. }
  22. </style>
  23. </head>
  24. <body>
  25. <div id="scene1" class="scene"></div>
  26. <div id="scene2" class="scene"></div>
  27. <script src="../dist/sdk/kankan-sdk-deps.js"></script>
  28. <script src="../dist/sdk/kankan-sdk.js"></script>
  29. <script>
  30. KanKan.config({
  31. // showSDKInfo:false
  32. })
  33. var kankan = new KanKan({
  34. dom: '#scene1',
  35. num: 't-YhBCzQr',
  36. })
  37. // kankan.use('Loading')
  38. kankan.render()
  39. var kankan1 = new KanKan({
  40. dom: '#scene2',
  41. num: 't-4VqCgzL',
  42. })
  43. kankan1.render()
  44. // var kankan2 = new KanKan({
  45. // dom:'#scene2',
  46. // })
  47. //kankan.addPlugin('map')
  48. // kankan2.render()
  49. </script>
  50. </body>
  51. </html>