You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

base-layer.html 1.1KB

2 년 전
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  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.base.min.js'></script>
  8. <script src='/libs/dc-sdk/dc.core.min.js'></script>
  9. <link href='/libs/dc-sdk/dc.core.min.css' type='text/css' rel='stylesheet'>
  10. <style>
  11. *{
  12. margin: 0;
  13. padding: 0;
  14. }
  15. html,body,#viewer-container{
  16. width: 100%;
  17. height: 100%;
  18. overflow: hidden;
  19. }
  20. </style>
  21. </head>
  22. <body>
  23. <div id="viewer-container" class='viewer-container'></div>
  24. </body>
  25. <script>
  26. let viewer = undefined
  27. function initViewer() {
  28. viewer = new DC.Viewer('viewer-container')
  29. let baselayer_img = DC.ImageryLayerFactory.createAmapImageryLayer({
  30. style: 'img'
  31. })
  32. let baselayer_cva = DC.ImageryLayerFactory.createAmapImageryLayer({
  33. style: 'cva'
  34. })
  35. viewer.addBaseLayer([baselayer_img, baselayer_cva])
  36. viewer.zoomToPosition(
  37. new DC.Position(105.565571, 31.984708, 15362816, 0, -90)
  38. )
  39. }
  40. DC.ready(initViewer)
  41. </script>
  42. </html>