test.html 2.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. <!DOCTYPE html>
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4. <title>Hello World</title>
  5. <style>
  6. @import url(./Widgets/widgets.css);
  7. </style>
  8. <script type="text/javascript" src="./Cesium.js"></script>
  9. <style>
  10. html,
  11. body,
  12. #earthContainer {
  13. width: 100%;
  14. height: 100%;
  15. margin: 0;
  16. padding: 0;
  17. overflow: hidden;
  18. }
  19. #toolbar {
  20. width: 100%;
  21. height: auto;
  22. position: absolute;
  23. left: 20px;
  24. top: 20px;
  25. }
  26. </style>
  27. </head>
  28. <body onload="onload()">
  29. <div id="earthContainer"></div>
  30. <div id="toolbar"></div>
  31. <script>
  32. function onload() {
  33. Cesium.Ion.defaultAccessToken =
  34. "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiJkMzdkZWNlOC0zYjliLTRiZmEtOTI1NS00YjY5YTYwZjg4NzgiLCJpZCI6Mzk1Miwic2NvcGVzIjpbImFzciIsImdjIl0sImlhdCI6MTUzOTM0NzY0Nn0.zV-JnOeJMRxxBTTVEPYB-sjX7Qjy6XEclbpPT-Nhv4w";
  35. //初始化地球
  36. var viewer = new Cesium.Viewer("earthContainer", {
  37. //shouldAnimate:true
  38. });
  39. viewer.scene.debugShowFramesPerSecond = true;
  40. return;
  41. let url = "http://localhost:2212/3dtiles_tx/tileset.json";
  42. let url_bm = "http://localhost:2212/3dtiles_bm/tileset.json";
  43. let tileset1 = new Cesium.Cesium3DTileset({
  44. url: url,
  45. // modelMatrix: matrix,
  46. });
  47. let tileset2 = new Cesium.Cesium3DTileset({
  48. url: url_bm,
  49. // modelMatrix: matrix,
  50. show: false,
  51. });
  52. //调整高度
  53. // this.changeHeight(tileset1, 31.5);
  54. // this.changeHeight(tileset2, 31.5);
  55. viewer.scene.primitives.add(tileset1);
  56. viewer.scene.primitives.add(tileset2);
  57. viewer.flyTo(tileset1);
  58. viewer.scene.debugShowFramesPerSecond = true;
  59. Sandcastle.finishedLoading();
  60. }
  61. </script>
  62. </body>