| 
                        123456789101112131415161718192021222324252627282930313233343536373839404142434445464748 | 
                        - <!DOCTYPE html>
 - <html lang="en">
 - <head>
 -   <meta charset="utf-8">
 -   <meta name="viewport" content="width=device-width,initial-scale=1.0">
 -   <title>dc-example</title>
 -   <script src='/libs/dc-sdk/dc.min.js'></script>
 -   <script src="../dat.gui.min.js"></script>
 -   <link href='/libs/dc-sdk/dc.min.css' type='text/css' rel='stylesheet'>
 -   <link href='../index.css' type='text/css' rel='stylesheet'>
 - </head>
 - 
 - <body>
 - 
 - <div id="viewer-container" class="viewer-container"></div>
 - <script>
 -   let viewer = undefined
 - 
 -   function changeEnable(checked){
 -     viewer.zoomController.enable = Boolean(checked)
 -   }
 - 
 -   function initViewer() {
 -     viewer = new DC.Viewer('viewer-container')
 -     let  baseLayer = DC.ImageryLayerFactory.createCoordImageryLayer()
 -     viewer.addBaseLayer( baseLayer)
 -     viewer.compass.enable = true
 -     viewer.zoomController.enable = true
 -     addGuiController() // add controller
 -   }
 - 
 -   function addGuiController(){
 -     let controls = {
 -       enable :true,
 -     }
 -     let gui = new dat.GUI();
 -     gui.add(controls,'enable',).onChange(value=>{
 -       viewer.zoomController.enable = value
 -     })
 -   }
 - 
 - 
 -   DC.ready({
 -     baseUrl:'../libs/dc-sdk/resources/'
 -   }).then(initViewer)
 - </script>
 - </body>
 - </html>
 
 
  |