選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。

crs_geographic.html 1.1KB

123456789101112131415161718192021222324252627282930313233343536373839
  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. DC.config.baseUrl = '../libs/dc-sdk/resources/'
  24. let viewer = new DC.Viewer('viewer-container').addBaseLayer(
  25. DC.ImageryLayerFactory.createCoordImageryLayer()
  26. )
  27. let controls = {
  28. sceneMode: 3,
  29. }
  30. let gui = new dat.GUI()
  31. gui
  32. .add(controls, 'sceneMode', { '2D': 2, '2.5D': 2.5, '3D': 3 })
  33. .onChange((value) => {
  34. viewer.changeSceneMode(Number(value), 2)
  35. })
  36. </script>
  37. </body>
  38. </html>