Вы не можете выбрать более 25 тем Темы должны начинаться с буквы или цифры, могут содержать дефисы(-) и должны содержать не более 35 символов.

crs_geographic.html 1.2KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width,initial-scale=1.0">
  6. <title>dc-example</title>
  7. <script src='/libs/dc-sdk/dc.min.js'></script>
  8. <script src="../dat.gui.min.js"></script>
  9. <link href='/libs/dc-sdk/dc.min.css' type='text/css' rel='stylesheet'>
  10. <link href='../index.css' type='text/css' rel='stylesheet'>
  11. <style>
  12. .viewer-container{
  13. position: relative;
  14. width: 100%;
  15. height: 100%;
  16. overflow: hidden;
  17. }
  18. </style>
  19. </head>
  20. <body>
  21. <div id="viewer-container" class="viewer-container"></div>
  22. <script>
  23. let viewer = undefined
  24. function initViewer() {
  25. viewer = new DC.Viewer('viewer-container')
  26. viewer.addBaseLayer(DC.ImageryLayerFactory.createCoordImageryLayer())
  27. addGuiController() // add controller
  28. }
  29. function addGuiController() {
  30. let controls = {
  31. sceneMode: 3,
  32. }
  33. let gui = new dat.GUI();
  34. gui.add(controls, 'sceneMode', { '2D': 2, '2.5D': 2.5, '3D': 3 }).onChange(value => {
  35. viewer.changeSceneMode(Number(value), 2)
  36. })
  37. }
  38. DC.ready({
  39. baseUrl:'../libs/dc-sdk/resources/'
  40. }).then(initViewer)
  41. </script>
  42. </body>
  43. </html>