sdk-map.html 1.6 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. .map {
  23. position: absolute;
  24. left: 10px;
  25. top: 10px;
  26. width: 200px;
  27. height: 200px;
  28. z-index: 1000;
  29. }
  30. [xui_min_map] {
  31. right: 10px;
  32. top: 10px;
  33. }
  34. </style>
  35. </head>
  36. <body>
  37. <div id="scene" class="scene"></div>
  38. <div class="map"></div>
  39. <script src="../dist/sdk/kankan-sdk-deps.js"></script>
  40. <script src="../dist/sdk/kankan-sdk.js"></script>
  41. <script>
  42. var kankan = new KanKan({
  43. dom: '#scene',
  44. num: 'KJ-t-OMaECJmh3L', //'KJ-t-BVFb2tGkOw2', //'KJ-dA8f9w5e',
  45. scene: {
  46. //quality: 10,
  47. },
  48. link: {
  49. show:false,
  50. }
  51. })
  52. kankan.use('MinMap')
  53. kankan.use('Controls')
  54. kankan.render()
  55. </script>
  56. </body>
  57. </html>