| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374 | 
							- <!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.base.min.js'></script>
 -   <script src='/libs/dc-sdk/dc.core.min.js'></script>
 -   <script>DC.baseUrl='../libs/dc-sdk/resources/'</script>
 -   <link href='/libs/dc-sdk/dc.core.min.css' type='text/css' rel='stylesheet'>
 -   <link href='../index.css' type='text/css' rel='stylesheet'>
 -   <style>
 -     *{
 -       margin: 0;
 -       padding: 0;
 -     }
 -     html,body,#viewer-container{
 -       width: 100%;
 -       height: 100%;
 -       overflow: hidden;
 -     }
 -   </style>
 - </head>
 - 
 - <body>
 - 
 - <div id="viewer-container"></div>
 - <script>
 -   let viewer = undefined
 -   function initViewer() {
 -     viewer = new DC.Viewer('viewer-container')
 -     let baselayer_img = DC.ImageryLayerFactory.createTencentImageryLayer({
 -       style:'img'
 -     })
 -     let baselayer_vec = DC.ImageryLayerFactory.createTencentImageryLayer({
 -       style: 2
 -     })
 -     viewer.addBaseLayer([baselayer_img,baselayer_vec], {
 -       name: '影像',
 -       iconUrl: '../assets/icon/img.png'
 -     })
 - 
 -     let baselayer = DC.ImageryLayerFactory.createTencentImageryLayer()
 -     viewer.addBaseLayer(baselayer, {
 -       name: '经典',
 -       iconUrl: '../assets/icon/elec.png'
 -     })
 - 
 -     let baselayer_2 = DC.ImageryLayerFactory.createTencentImageryLayer({
 -       style: 4
 -     })
 -     viewer.addBaseLayer(baselayer_2, {
 -       name: '墨渊',
 -       iconUrl: '../assets/icon/dark.png'
 -     })
 - 
 -     let baselayer_3 = DC.ImageryLayerFactory.createTencentImageryLayer({
 -       style: 8
 -     })
 -     viewer.addBaseLayer(baselayer_3, {
 -       name: '白浅',
 -       iconUrl: '../assets/icon/elec.png'
 -     })
 - 
 -     viewer.zoomToPosition(
 -       new DC.Position(105.565571, 31.984708, 15362816, 0, -90)
 -     )
 -   }
 -   DC.ready(initViewer)
 - </script>
 - 
 - </body>
 - </html>
 
 
  |