Caven Chen
2 年前
+ 1
- 0
examples/assets/icon/code.svg
查看文件
| <?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1685241925530" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2606" width="32" height="32" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M153.770667 517.558857l200.387047-197.241905L302.86019 268.190476 48.761905 518.290286l254.439619 243.614476 50.590476-52.833524-200.021333-191.512381zM658.285714 320.316952L709.583238 268.190476l254.098286 250.09981L709.241905 761.904762l-50.590476-52.833524 200.021333-191.512381L658.285714 320.316952z m-112.981333-86.186666L393.99619 785.554286l70.534096 19.358476 151.30819-551.399619-70.534095-19.358476z" p-id="2607"></path></svg> |
examples/scene/camera_event.html → examples/event/camera.html
查看文件
| let viewer = undefined | let viewer = undefined | ||||
| function initViewer() { | function initViewer() { | ||||
| viewer = new DC.Viewer('viewer-container') | viewer = new DC.Viewer('viewer-container') | ||||
| let baseLayer = DC.ImageryLayerFactory.createAmapImageryLayer({ | |||||
| style: 'img' | |||||
| }) | |||||
| let baseLayer = DC.ImageryLayerFactory.createImageryLayer(DC.ImageryType.AMAP,{ style:'img'}) | |||||
| viewer.addBaseLayer( baseLayer) | viewer.addBaseLayer( baseLayer) | ||||
| viewer.on( | viewer.on( | ||||
| DC.SceneEventType.CAMERA_CHANGED, | DC.SceneEventType.CAMERA_CHANGED, | ||||
| e => { | |||||
| console.log(e) | |||||
| }, | |||||
| e => {}, | |||||
| this | this | ||||
| ) | ) | ||||
| } | } | ||||
| DC.ready({ | |||||
| DC.ready({ | |||||
| baseUrl:'../libs/dc-sdk/resources/' | baseUrl:'../libs/dc-sdk/resources/' | ||||
| }).then(initViewer) | }).then(initViewer) | ||||
| </script> | </script> |
examples/scene/clock_tick.html → examples/event/clock.html
查看文件
| let viewer = undefined | let viewer = undefined | ||||
| function initViewer() { | function initViewer() { | ||||
| viewer = new DC.Viewer('viewer-container') | viewer = new DC.Viewer('viewer-container') | ||||
| let baseLayer = DC.ImageryLayerFactory.createAmapImageryLayer({ | |||||
| style: 'img' | |||||
| }) | |||||
| let baseLayer = DC.ImageryLayerFactory.createImageryLayer(DC.ImageryType.AMAP, | |||||
| { | |||||
| style:'img', | |||||
| } | |||||
| ) | |||||
| viewer.addBaseLayer( baseLayer) | viewer.addBaseLayer( baseLayer) | ||||
| viewer.on(DC.SceneEventType.CLOCK_TICK, e => {}) | |||||
| viewer.on(DC.SceneEventType.CLOCK_TICK, e => { | |||||
| console.log(e) | |||||
| }) | |||||
| } | } | ||||
| DC.ready({ | |||||
| DC.ready({ | |||||
| baseUrl:'../libs/dc-sdk/resources/' | baseUrl:'../libs/dc-sdk/resources/' | ||||
| }).then(initViewer) | }).then(initViewer) | ||||
| </script> | </script> |
+ 56
- 0
examples/event/layer_mouse.html
查看文件
| <!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> | |||||
| <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 generatePosition(num) { | |||||
| let list = [] | |||||
| for (let i = 0; i < num; i++) { | |||||
| let lng = 120.38105869 + Math.random() * 0.5 | |||||
| let lat = 31.10115627 + Math.random() * 0.5 | |||||
| list.push(new DC.Position(lng, lat)) | |||||
| } | |||||
| return list | |||||
| } | |||||
| function initViewer() { | |||||
| viewer = new DC.Viewer('viewer-container') | |||||
| let baseLayer = DC.ImageryLayerFactory.createImageryLayer(DC.ImageryType.AMAP, | |||||
| { | |||||
| style:'img', | |||||
| crs:'WGS84' | |||||
| } | |||||
| ) | |||||
| viewer.addBaseLayer(baseLayer) | |||||
| let layer = new DC.VectorLayer('layer') | |||||
| viewer.addLayer(layer) | |||||
| let positions = generatePosition(10) | |||||
| positions.forEach(item => { | |||||
| let point = new DC.Point(item) | |||||
| layer.addOverlay(point) | |||||
| }) | |||||
| layer.on(DC.MouseEventType.CLICK,e=>{ | |||||
| console.log(e) | |||||
| }) | |||||
| viewer.flyTo(layer) | |||||
| } | |||||
| DC.ready({ | |||||
| baseUrl:'../libs/dc-sdk/resources/' | |||||
| }).then(initViewer) | |||||
| </script> |
+ 61
- 0
examples/event/overlay_mouse.html
查看文件
| <!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 generatePosition(num) { | |||||
| let list = [] | |||||
| for (let i = 0; i < num; i++) { | |||||
| let lng = 120.38105869 + Math.random() * 0.5 | |||||
| let lat = 31.10115627 + Math.random() * 0.5 | |||||
| list.push([lng, lat, 0]) | |||||
| } | |||||
| return list | |||||
| } | |||||
| function initViewer() { | |||||
| viewer = new DC.Viewer('viewer-container') | |||||
| let baseLayer = DC.ImageryLayerFactory.createAmapImageryLayer({ | |||||
| style: 'img', | |||||
| crs:'WGS84' | |||||
| }) | |||||
| viewer.addBaseLayer( baseLayer) | |||||
| viewer.popup.config = { | |||||
| customClass: 'custom-popup' | |||||
| } | |||||
| let layer = new DC.VectorLayer('layer').addTo(viewer) | |||||
| viewer.contextMenu.enable = true | |||||
| let positions = generatePosition(20) | |||||
| positions.forEach((item,index) => { | |||||
| let point = new DC.Point(item) | |||||
| point.attr={ | |||||
| index:index + 1 | |||||
| } | |||||
| point.on(DC.MouseEventType.CLICK,e=>{ | |||||
| viewer.popup.showAt(e.position,`我是第${e.overlay.attr.index}点`) | |||||
| }) | |||||
| point.addTo(layer) | |||||
| }) | |||||
| viewer.flyTo(layer) | |||||
| } | |||||
| DC.ready({ | |||||
| baseUrl:'../libs/dc-sdk/resources/' | |||||
| }).then(initViewer) | |||||
| </script> | |||||
| </body> | |||||
| </html> |
+ 53
- 0
examples/event/scene_hooks.html
查看文件
| <!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> | |||||
| <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 initViewer() { | |||||
| viewer = new DC.Viewer('viewer-container') | |||||
| let baseLayer_img = DC.ImageryLayerFactory.createImageryLayer(DC.ImageryType.AMAP,{ | |||||
| style: 'img' | |||||
| }) | |||||
| viewer.on(DC.SceneEventType.PRE_UPDATE,e=>{ | |||||
| }) | |||||
| viewer.on(DC.SceneEventType.POST_UPDATE,e=>{ | |||||
| }) | |||||
| viewer.on(DC.SceneEventType.PRE_RENDER,e=>{ | |||||
| }) | |||||
| viewer.on(DC.SceneEventType.POST_RENDER,e=>{ | |||||
| }) | |||||
| viewer.on(DC.SceneEventType.RENDER_ERROR,e=>{ | |||||
| }) | |||||
| viewer.addBaseLayer(baseLayer_img) | |||||
| } | |||||
| DC.ready({ | |||||
| baseUrl:'../libs/dc-sdk/resources/' | |||||
| }).then(initViewer) | |||||
| </script> | |||||
| </body> | |||||
| </html> | |||||
+ 43
- 0
examples/event/viewer_mouse.html
查看文件
| <!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> | |||||
| <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 initViewer() { | |||||
| viewer = new DC.Viewer('viewer-container') | |||||
| let baseLayer_img = DC.ImageryLayerFactory.createImageryLayer(DC.ImageryType.AMAP,{ | |||||
| style: 'img' | |||||
| }) | |||||
| viewer.on(DC.MouseEventType.CLICK,e=>{ | |||||
| console.log(e) | |||||
| }) | |||||
| viewer.on(DC.MouseEventType.RIGHT_CLICK,e=>{ | |||||
| console.log('do right click') | |||||
| }) | |||||
| viewer.on(DC.MouseEventType.WHEEL,e=>{ | |||||
| console.log('do wheel') | |||||
| }) | |||||
| viewer.addBaseLayer(baseLayer_img) | |||||
| } | |||||
| DC.ready({ | |||||
| baseUrl:'../libs/dc-sdk/resources/' | |||||
| }).then(initViewer) | |||||
| </script> | |||||
| </body> | |||||
| </html> | |||||
+ 1
- 2
examples/index.css
查看文件
| } | } | ||||
| .custom-popup { | .custom-popup { | ||||
| background: rgba(39, 39, 39, 0.6); | |||||
| border-radius: 4px; | |||||
| background: rgba(39, 39, 39, 0.6) !important; | |||||
| color: #fff; | color: #fff; | ||||
| text-align: center; | text-align: center; | ||||
| } | } |
+ 66
- 5
examples/index.html
查看文件
| .container{ | .container{ | ||||
| display: flex; | display: flex; | ||||
| height: 100%; | height: 100%; | ||||
| } | |||||
| .example-list::-webkit-scrollbar{ | |||||
| width:10px; | |||||
| height:10px; | |||||
| /**/ | |||||
| } | } | ||||
| .example-list::-webkit-scrollbar-track{ | |||||
| background: #424242; | |||||
| } | |||||
| .example-list::-webkit-scrollbar-thumb{ | |||||
| background: #686868; | |||||
| max-height: 20px; | |||||
| } | |||||
| .nav{ | .nav{ | ||||
| width: 300px; | width: 300px; | ||||
| height: 100%; | height: 100%; | ||||
| overflow: hidden; | overflow: hidden; | ||||
| background: #222; | background: #222; | ||||
| color: #fff; | color: #fff; | ||||
| display: flex; | |||||
| flex-direction: column; | |||||
| } | } | ||||
| .example{ | .example{ | ||||
| flex: 1; | flex: 1; | ||||
| font-style: italic; | font-style: italic; | ||||
| } | } | ||||
| .example-list-wrapper{ | .example-list-wrapper{ | ||||
| flex: 1; | |||||
| overflow: hidden; | overflow: hidden; | ||||
| overflow-y: auto; | |||||
| user-select: none; | user-select: none; | ||||
| margin-top: 15px; | margin-top: 15px; | ||||
| display: flex; | |||||
| flex-direction: column; | |||||
| } | |||||
| .example-list{ | |||||
| flex: 1; | |||||
| overflow: hidden; | |||||
| overflow-y: auto; | |||||
| } | |||||
| .example-list-wrapper .desc{ | |||||
| height: 150px; | |||||
| } | |||||
| .example-list .example-item{ | |||||
| border-top: 1px solid #444 ; | |||||
| padding: 10px 0; | |||||
| } | } | ||||
| .example-list h4{ | .example-list h4{ | ||||
| padding-left: 20px; | padding-left: 20px; | ||||
| padding-top: 20px; | |||||
| margin: 10px 0; | margin: 10px 0; | ||||
| border-top: 1px solid #444 ; | |||||
| color: #bcbcbc; | color: #bcbcbc; | ||||
| } | } | ||||
| } | } | ||||
| .example-list ul{ | .example-list ul{ | ||||
| padding-left: 33px; | |||||
| padding-left: 35px; | |||||
| list-style: none; | list-style: none; | ||||
| } | } | ||||
| text-decoration: none; | text-decoration: none; | ||||
| } | } | ||||
| #code-link{ | |||||
| position: fixed; | |||||
| bottom: 16px; | |||||
| left: 320px; | |||||
| padding: 8px; | |||||
| border-radius: 50%; | |||||
| margin-bottom: 0; | |||||
| background-color: #FFF; | |||||
| opacity: .9; | |||||
| z-index: 999; | |||||
| box-shadow: 0 0 4px rgba(0,0,0,.15); | |||||
| display: flex; | |||||
| } | |||||
| #code-link img{ | |||||
| width: 30px; | |||||
| } | |||||
| </style> | </style> | ||||
| </head> | </head> | ||||
| <body> | <body> | ||||
| <div class="banner"> DC-SDK v3.0.0 </div> | <div class="banner"> DC-SDK v3.0.0 </div> | ||||
| <div class="example-list-wrapper"> | <div class="example-list-wrapper"> | ||||
| <div id="example-list" class="example-list" data-accordion-group> </div> | <div id="example-list" class="example-list" data-accordion-group> </div> | ||||
| <div class="desc"></div> | |||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| <div class="example"> | <div class="example"> | ||||
| <iframe id="inner-page" name="inner-page" style="border: 0" allow="fullscreen; xr-spatial-tracking;"></iframe> | <iframe id="inner-page" name="inner-page" style="border: 0" allow="fullscreen; xr-spatial-tracking;"></iframe> | ||||
| <a id="code-link" href="" target="_blank"><img src="./assets/icon/code.svg" title="源码" alt=“”></a> | |||||
| </div> | </div> | ||||
| <script src="./list.js"></script> | <script src="./list.js"></script> | ||||
| if(hrefArr[1]){ | if(hrefArr[1]){ | ||||
| href = hrefArr[1].replace('_','/') | href = hrefArr[1].replace('_','/') | ||||
| } | } | ||||
| $('#code-link').attr('href','https://github.com/dvgis/dc-sdk/blob/master/examples/'+href) | |||||
| } | } | ||||
| $('#inner-page').attr('src',href || 'info/start.html') | $('#inner-page').attr('src',href || 'info/start.html') | ||||
| EXAMPLE_LIST.forEach(item => { | EXAMPLE_LIST.forEach(item => { | ||||
| let $section = $('<div data-accordion ></div>') | let $section = $('<div data-accordion ></div>') | ||||
| $section.addClass('example-item') | |||||
| let $title = $('<h4 data-control ></h4>').text(item.name) | let $title = $('<h4 data-control ></h4>').text(item.name) | ||||
| $title.appendTo($section) | $title.appendTo($section) | ||||
| let $pageWrapper= $('<ul data-content></ul>') | let $pageWrapper= $('<ul data-content></ul>') | ||||
| } | } | ||||
| window.location.href = window.location.href.replace(/#\w*\.?\w*/g,'') +'#'+ item.folder+ '_'+child.page | window.location.href = window.location.href.replace(/#\w*\.?\w*/g,'') +'#'+ item.folder+ '_'+child.page | ||||
| $page.addClass('active') | $page.addClass('active') | ||||
| $currentPage =$page | |||||
| $('#code-link').attr('href','https://github.com/dvgis/dc-sdk/blob/master/examples/'+item.folder +'/'+child.page) | |||||
| $currentPage =$page | |||||
| }) | }) | ||||
| $page.append($link) | $page.append($link) | ||||
| $pageWrapper.append($page) | $pageWrapper.append($page) |
+ 8
- 22
examples/layer/cluster_circle.html
查看文件
| <meta charset="utf-8"> | <meta charset="utf-8"> | ||||
| <meta name="viewport" content="width=device-width,initial-scale=1.0"> | <meta name="viewport" content="width=device-width,initial-scale=1.0"> | ||||
| <title>dc-example</title> | <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'> | |||||
| <script src='/libs/dc-sdk/dc.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'> | <link href='../index.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> | </head> | ||||
| <body> | <body> | ||||
| let viewer = undefined | let viewer = undefined | ||||
| function generatePosition(num) { | function generatePosition(num) { | ||||
| var list = [] | |||||
| for (var i = 0; i < num; i++) { | |||||
| var lng = 120.38105869 + Math.random() * 0.5 | |||||
| var lat = 31.10115627 + Math.random() * 0.5 | |||||
| let list = [] | |||||
| for (let i = 0; i < num; i++) { | |||||
| let lng = 120.38105869 + Math.random() * 0.5 | |||||
| let lat = 31.10115627 + Math.random() * 0.5 | |||||
| list.push(new DC.Position(lng, lat)) | list.push(new DC.Position(lng, lat)) | ||||
| } | } | ||||
| return list | return list | ||||
| function initViewer() { | function initViewer() { | ||||
| viewer = new DC.Viewer('viewer-container') | viewer = new DC.Viewer('viewer-container') | ||||
| let baseLayer = DC.ImageryLayerFactory.createAmapImageryLayer() | |||||
| let baseLayer = DC.ImageryLayerFactory.createImageryLayer(DC.ImageryType.AMAP) | |||||
| viewer.addBaseLayer( baseLayer) | viewer.addBaseLayer( baseLayer) | ||||
| let layer = new DC.ClusterLayer('layer') | let layer = new DC.ClusterLayer('layer') | ||||
| viewer.addLayer(layer) | viewer.addLayer(layer) | ||||
| }) | }) | ||||
| viewer.flyTo(layer) | viewer.flyTo(layer) | ||||
| } | } | ||||
| DC.ready({ | |||||
| DC.ready({ | |||||
| baseUrl:'../libs/dc-sdk/resources/' | baseUrl:'../libs/dc-sdk/resources/' | ||||
| }).then(initViewer) | }).then(initViewer) | ||||
| </script> | </script> |
+ 5
- 6
examples/layer/cluster_clustering.html
查看文件
| <meta name="viewport" content="width=device-width,initial-scale=1.0"> | <meta name="viewport" content="width=device-width,initial-scale=1.0"> | ||||
| <title>dc-example</title> | <title>dc-example</title> | ||||
| <script src='/libs/dc-sdk/dc.min.js'></script> | <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='/libs/dc-sdk/dc.min.css' type='text/css' rel='stylesheet'> | ||||
| <link href='../index.css' type='text/css' rel='stylesheet'> | <link href='../index.css' type='text/css' rel='stylesheet'> | ||||
| </head> | </head> | ||||
| let viewer = undefined | let viewer = undefined | ||||
| function generatePosition(num) { | function generatePosition(num) { | ||||
| var list = [] | |||||
| for (var i = 0; i < num; i++) { | |||||
| var lng = 120.38105869 + Math.random() * 0.5 | |||||
| var lat = 31.10115627 + Math.random() * 0.5 | |||||
| let list = [] | |||||
| for (let i = 0; i < num; i++) { | |||||
| let lng = 120.38105869 + Math.random() * 0.5 | |||||
| let lat = 31.10115627 + Math.random() * 0.5 | |||||
| list.push(new DC.Position(lng, lat)) | list.push(new DC.Position(lng, lat)) | ||||
| } | } | ||||
| return list | return list | ||||
| function initViewer() { | function initViewer() { | ||||
| viewer = new DC.Viewer('viewer-container') | viewer = new DC.Viewer('viewer-container') | ||||
| let baseLayer = DC.ImageryLayerFactory.createAmapImageryLayer() | |||||
| let baseLayer = DC.ImageryLayerFactory.createImageryLayer(DC.ImageryType.AMAP) | |||||
| viewer.addBaseLayer( baseLayer) | viewer.addBaseLayer( baseLayer) | ||||
| let layer = new DC.ClusterLayer('layer',{style:'clustering'}) | let layer = new DC.ClusterLayer('layer',{style:'clustering'}) | ||||
| viewer.addLayer(layer) | viewer.addLayer(layer) |
+ 4
- 4
examples/layer/czml.html
查看文件
| function initViewer() { | function initViewer() { | ||||
| viewer = new DC.Viewer('viewer-container', {}) | viewer = new DC.Viewer('viewer-container', {}) | ||||
| let baseLayer = DC.ImageryLayerFactory.createAmapImageryLayer({ | |||||
| style: 'img' | |||||
| }) | |||||
| let baseLayer = DC.ImageryLayerFactory.createImageryLayer(DC.ImageryType.AMAP,{style:'img'}) | |||||
| viewer.addBaseLayer( baseLayer) | |||||
| viewer.addBaseLayer( baseLayer) | viewer.addBaseLayer( baseLayer) | ||||
| let layer = new DC.CzmlLayer('layer', '../assets/data/simple.czml') | let layer = new DC.CzmlLayer('layer', '../assets/data/simple.czml') | ||||
| viewer.addLayer(layer) | viewer.addLayer(layer) | ||||
| } | } | ||||
| DC.ready({ | |||||
| DC.ready({ | |||||
| baseUrl:'../libs/dc-sdk/resources/' | baseUrl:'../libs/dc-sdk/resources/' | ||||
| }).then(initViewer) | }).then(initViewer) | ||||
| </script> | </script> |
+ 5
- 3
examples/layer/dynamic.html
查看文件
| function initViewer() { | function initViewer() { | ||||
| viewer = new DC.Viewer('viewer-container') | viewer = new DC.Viewer('viewer-container') | ||||
| let baseLayer = DC.ImageryLayerFactory.createAmapImageryLayer({ | |||||
| crs:'WGS84' | |||||
| }) | |||||
| let baseLayer = DC.ImageryLayerFactory.createImageryLayer(DC.ImageryType.AMAP, | |||||
| { | |||||
| style:'img', | |||||
| } | |||||
| ) | |||||
| viewer.addBaseLayer( baseLayer) | viewer.addBaseLayer( baseLayer) | ||||
| let layer = new DC.DynamicLayer('layer').addTo(viewer) | let layer = new DC.DynamicLayer('layer').addTo(viewer) | ||||
| for(let i = 0; i<50; i++){ | for(let i = 0; i<50; i++){ |
+ 7
- 5
examples/layer/geojson.html
查看文件
| <meta name="viewport" content="width=device-width,initial-scale=1.0"> | <meta name="viewport" content="width=device-width,initial-scale=1.0"> | ||||
| <title>dc-example</title> | <title>dc-example</title> | ||||
| <script src='/libs/dc-sdk/dc.min.js'></script> | <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='/libs/dc-sdk/dc.min.css' type='text/css' rel='stylesheet'> | ||||
| <link href='../index.css' type='text/css' rel='stylesheet'> | <link href='../index.css' type='text/css' rel='stylesheet'> | ||||
| </head> | </head> | ||||
| viewer = new DC.Viewer('viewer-container', { | viewer = new DC.Viewer('viewer-container', { | ||||
| sceneMode: DC.SceneMode.SCENE2D | sceneMode: DC.SceneMode.SCENE2D | ||||
| }) | }) | ||||
| let baseLayer = DC.ImageryLayerFactory.createAmapImageryLayer({ | |||||
| style: 'img' | |||||
| }) | |||||
| let baseLayer = DC.ImageryLayerFactory.createImageryLayer(DC.ImageryType.AMAP, | |||||
| { | |||||
| style:'img', | |||||
| } | |||||
| ) | |||||
| viewer.addBaseLayer( baseLayer) | viewer.addBaseLayer( baseLayer) | ||||
| let layer = new DC.GeoJsonLayer( | let layer = new DC.GeoJsonLayer( | ||||
| 'layer', | 'layer', | ||||
| viewer.addLayer(layer) | viewer.addLayer(layer) | ||||
| viewer.flyTo(layer) | viewer.flyTo(layer) | ||||
| } | } | ||||
| DC.ready({ | |||||
| DC.ready({ | |||||
| baseUrl:'../libs/dc-sdk/resources/' | baseUrl:'../libs/dc-sdk/resources/' | ||||
| }).then(initViewer) | }).then(initViewer) | ||||
| </script> | </script> |
+ 35
- 0
examples/layer/graticule.html
查看文件
| <!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> | |||||
| <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 initViewer() { | |||||
| viewer = new DC.Viewer('viewer-container') | |||||
| let baseLayer = DC.ImageryLayerFactory.createImageryLayer(DC.ImageryType.AMAP, | |||||
| { | |||||
| style:'img', | |||||
| } | |||||
| ) | |||||
| viewer.addBaseLayer( baseLayer) | |||||
| let layer = new DC.GraticuleLayer('layer',) | |||||
| viewer.addLayer(layer) | |||||
| } | |||||
| DC.ready({ | |||||
| baseUrl:'../libs/dc-sdk/resources/' | |||||
| }).then(initViewer) | |||||
| </script> |
+ 6
- 6
examples/layer/html.html
查看文件
| <meta name="viewport" content="width=device-width,initial-scale=1.0"> | <meta name="viewport" content="width=device-width,initial-scale=1.0"> | ||||
| <title>dc-example</title> | <title>dc-example</title> | ||||
| <script src='/libs/dc-sdk/dc.min.js'></script> | <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='/libs/dc-sdk/dc.min.css' type='text/css' rel='stylesheet'> | ||||
| <link href='../index.css' type='text/css' rel='stylesheet'> | <link href='../index.css' type='text/css' rel='stylesheet'> | ||||
| </head> | </head> | ||||
| let viewer = undefined | let viewer = undefined | ||||
| function generatePosition(num) { | function generatePosition(num) { | ||||
| var list = [] | |||||
| for (var i = 0; i < num; i++) { | |||||
| var lng = 120.38105869 + Math.random() * 0.5 | |||||
| var lat = 31.10115627 + Math.random() * 0.5 | |||||
| let list = [] | |||||
| for (let i = 0; i < num; i++) { | |||||
| let lng = 120.38105869 + Math.random() * 0.5 | |||||
| let lat = 31.10115627 + Math.random() * 0.5 | |||||
| list.push(new DC.Position(lng, lat)) | list.push(new DC.Position(lng, lat)) | ||||
| } | } | ||||
| return list | return list | ||||
| new DC.Position(120.472147621, 30.61004946, 65380.21, 14.0, -40.94) | new DC.Position(120.472147621, 30.61004946, 65380.21, 14.0, -40.94) | ||||
| ) | ) | ||||
| } | } | ||||
| DC.ready({ | |||||
| DC.ready({ | |||||
| baseUrl:'../libs/dc-sdk/resources/' | baseUrl:'../libs/dc-sdk/resources/' | ||||
| }).then(initViewer) | }).then(initViewer) | ||||
| </script> | </script> |
+ 0
- 46
examples/layer/s3m.html
查看文件
| <!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 src='/libs/dc-sdk/dc.s3m.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" class="viewer-container"></div> | |||||
| <script> | |||||
| let viewer = undefined | |||||
| function initViewer() { | |||||
| viewer = new DC.Viewer('viewer-container') | |||||
| let baseLayer = DC.ImageryLayerFactory.createAmapImageryLayer({ | |||||
| style: 'img' | |||||
| }) | |||||
| viewer.addBaseLayer( baseLayer) | |||||
| let layer = new DC.S3MLayer('id','//resource.dvgis.cn/data/3dtiles/CBD/cbd.scp') | |||||
| viewer.addLayer(layer) | |||||
| viewer.flyToPosition('116.45793269658417,39.92711385557482,617.5967826044838,181.95219395269424,-21.286437065473546') | |||||
| } | |||||
| DC.ready({ | |||||
| baseUrl:'../libs/dc-sdk/resources/' | |||||
| }).then(initViewer) | |||||
| </script> |
+ 6
- 5
examples/layer/tileset.html
查看文件
| <meta name="viewport" content="width=device-width,initial-scale=1.0"> | <meta name="viewport" content="width=device-width,initial-scale=1.0"> | ||||
| <title>dc-example</title> | <title>dc-example</title> | ||||
| <script src='/libs/dc-sdk/dc.min.js'></script> | <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='/libs/dc-sdk/dc.min.css' type='text/css' rel='stylesheet'> | ||||
| <link href='../index.css' type='text/css' rel='stylesheet'> | <link href='../index.css' type='text/css' rel='stylesheet'> | ||||
| </head> | </head> | ||||
| let tileset = undefined | let tileset = undefined | ||||
| function initViewer() { | function initViewer() { | ||||
| viewer = new DC.Viewer('viewer-container') | viewer = new DC.Viewer('viewer-container') | ||||
| let baseLayer = DC.ImageryLayerFactory.createAmapImageryLayer({ | |||||
| style: 'img', | |||||
| crs:'WGS84' | |||||
| }) | |||||
| let baseLayer = DC.ImageryLayerFactory.createImageryLayer(DC.ImageryType.AMAP, | |||||
| { | |||||
| style:'img', | |||||
| crs:'WGS84' | |||||
| } | |||||
| ) | |||||
| viewer.addBaseLayer( baseLayer) | viewer.addBaseLayer( baseLayer) | ||||
| let layer = new DC.TilesetLayer('layer') | let layer = new DC.TilesetLayer('layer') | ||||
| viewer.addLayer(layer) | viewer.addLayer(layer) |
+ 13
- 8
examples/layer/vector.html
查看文件
| <meta name="viewport" content="width=device-width,initial-scale=1.0"> | <meta name="viewport" content="width=device-width,initial-scale=1.0"> | ||||
| <title>dc-example</title> | <title>dc-example</title> | ||||
| <script src='/libs/dc-sdk/dc.min.js'></script> | <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='/libs/dc-sdk/dc.min.css' type='text/css' rel='stylesheet'> | ||||
| <link href='../index.css' type='text/css' rel='stylesheet'> | <link href='../index.css' type='text/css' rel='stylesheet'> | ||||
| </head> | </head> | ||||
| let viewer = undefined | let viewer = undefined | ||||
| function generatePosition(num) { | function generatePosition(num) { | ||||
| var list = [] | |||||
| for (var i = 0; i < num; i++) { | |||||
| var lng = 120.38105869 + Math.random() * 0.5 | |||||
| var lat = 31.10115627 + Math.random() * 0.5 | |||||
| let list = [] | |||||
| for (let i = 0; i < num; i++) { | |||||
| let lng = 120.38105869 + Math.random() * 0.5 | |||||
| let lat = 31.10115627 + Math.random() * 0.5 | |||||
| list.push(new DC.Position(lng, lat)) | list.push(new DC.Position(lng, lat)) | ||||
| } | } | ||||
| return list | return list | ||||
| } | } | ||||
| function initViewer() { | function initViewer() { | ||||
| viewer = new DC.Viewer('viewer-container') | viewer = new DC.Viewer('viewer-container') | ||||
| let baseLayer = DC.ImageryLayerFactory.createAmapImageryLayer() | |||||
| viewer.addBaseLayer( baseLayer) | |||||
| let baseLayer = DC.ImageryLayerFactory.createImageryLayer(DC.ImageryType.AMAP, | |||||
| { | |||||
| style:'img', | |||||
| crs:'WGS84' | |||||
| } | |||||
| ) | |||||
| viewer.addBaseLayer(baseLayer) | |||||
| let layer = new DC.VectorLayer('layer') | let layer = new DC.VectorLayer('layer') | ||||
| viewer.addLayer(layer) | viewer.addLayer(layer) | ||||
| let positions = generatePosition(20) | let positions = generatePosition(20) | ||||
| }) | }) | ||||
| viewer.flyTo(layer) | viewer.flyTo(layer) | ||||
| } | } | ||||
| DC.ready({ | |||||
| DC.ready({ | |||||
| baseUrl:'../libs/dc-sdk/resources/' | baseUrl:'../libs/dc-sdk/resources/' | ||||
| }).then(initViewer) | }).then(initViewer) | ||||
| </script> | </script> |
+ 230
- 7
examples/list.js
查看文件
| }, | }, | ||||
| ], | ], | ||||
| }, | }, | ||||
| { | |||||
| name: '场景事件', | |||||
| folder: 'event', | |||||
| children: [ | |||||
| { | |||||
| name: '场景生命周期钩子', | |||||
| page: 'scene_hooks.html', | |||||
| }, | |||||
| { | |||||
| name: '场景鼠标事件', | |||||
| page: 'viewer_mouse.html', | |||||
| }, | |||||
| { | |||||
| name: '矢量图层鼠标事件', | |||||
| page: 'layer_mouse.html', | |||||
| }, | |||||
| { | |||||
| name: '要素鼠标事件', | |||||
| page: 'overlay_mouse.html', | |||||
| }, | |||||
| { | |||||
| name: '相机事件', | |||||
| page: 'camera.html', | |||||
| }, | |||||
| { | |||||
| name: '时钟事件', | |||||
| page: 'clock.html', | |||||
| }, | |||||
| ], | |||||
| }, | |||||
| { | { | ||||
| name: '在线地图', | name: '在线地图', | ||||
| folder: 'baseLayer', | folder: 'baseLayer', | ||||
| { | { | ||||
| name: '要素图层', | name: '要素图层', | ||||
| folder: 'layer', | folder: 'layer', | ||||
| children: [], | |||||
| children: [ | |||||
| { | |||||
| name: '矢量图层', | |||||
| page: 'vector.html', | |||||
| }, | |||||
| { | |||||
| name: '3d-tiles图层', | |||||
| page: 'tileset.html', | |||||
| }, | |||||
| { | |||||
| name: 'GeoJson图层', | |||||
| page: 'geojson.html', | |||||
| }, | |||||
| { | |||||
| name: 'Html图层', | |||||
| page: 'html.html', | |||||
| }, | |||||
| { | |||||
| name: '聚合图层', | |||||
| page: 'cluster_clustering.html', | |||||
| }, | |||||
| { | |||||
| name: '聚合图层(圆)', | |||||
| page: 'cluster_circle.html', | |||||
| }, | |||||
| { | |||||
| name: '经纬网格图层', | |||||
| page: 'graticule.html', | |||||
| }, | |||||
| ], | |||||
| }, | }, | ||||
| { | { | ||||
| name: '基础要素', | name: '基础要素', | ||||
| folder: 'overlay', | folder: 'overlay', | ||||
| children: [], | |||||
| }, | |||||
| { | |||||
| name: '标绘要素', | |||||
| folder: 'plot', | |||||
| children: [], | |||||
| children: [ | |||||
| { | |||||
| name: '点', | |||||
| page: 'point_base.html', | |||||
| }, | |||||
| { | |||||
| name: '图标点', | |||||
| page: 'point_icon.html', | |||||
| }, | |||||
| { | |||||
| name: 'html点', | |||||
| page: 'point_html.html', | |||||
| }, | |||||
| { | |||||
| name: '文字点', | |||||
| page: 'point_text.html', | |||||
| }, | |||||
| { | |||||
| name: '图标点(大数量)', | |||||
| page: 'point_icon_m.html', | |||||
| }, | |||||
| { | |||||
| name: '自定义图标点', | |||||
| page: 'point_icon_custom.html', | |||||
| }, | |||||
| { | |||||
| name: '自定义文字点', | |||||
| page: 'point_text_custom.html', | |||||
| }, | |||||
| { | |||||
| name: '线', | |||||
| page: 'polyline_base.html', | |||||
| }, | |||||
| { | |||||
| name: '材质线', | |||||
| page: 'polyline_material.html', | |||||
| }, | |||||
| { | |||||
| name: '颜色轨迹线', | |||||
| page: 'polyline_trail.html', | |||||
| }, | |||||
| { | |||||
| name: '图片轨迹线', | |||||
| page: 'polyline_image_trail.html', | |||||
| }, | |||||
| { | |||||
| name: '流动线', | |||||
| page: 'polyline_flow.html', | |||||
| }, | |||||
| { | |||||
| name: '闪烁线', | |||||
| page: 'polyline_flicker.html', | |||||
| }, | |||||
| { | |||||
| name: '发光线', | |||||
| page: 'polyline_lighting.html', | |||||
| }, | |||||
| { | |||||
| name: '发光线', | |||||
| page: 'polyline_lighting.html', | |||||
| }, | |||||
| { | |||||
| name: '发光轨迹线', | |||||
| page: 'polyline_lighting_trail.html', | |||||
| }, | |||||
| { | |||||
| name: '面', | |||||
| page: 'polygon_base.html', | |||||
| }, | |||||
| { | |||||
| name: '含洞面', | |||||
| page: 'polygon_holes.html', | |||||
| }, | |||||
| { | |||||
| name: '高度面', | |||||
| page: 'polygon_height.html', | |||||
| }, | |||||
| { | |||||
| name: '拉伸面', | |||||
| page: 'polygon_extruded.html', | |||||
| }, | |||||
| { | |||||
| name: '圆', | |||||
| page: 'circle.html', | |||||
| }, | |||||
| { | |||||
| name: '动画圆', | |||||
| page: 'circle_dynamic.html', | |||||
| }, | |||||
| { | |||||
| name: '波纹圆', | |||||
| page: 'circle_wave.html', | |||||
| }, | |||||
| { | |||||
| name: '消逝圆', | |||||
| page: 'circle_fade.html', | |||||
| }, | |||||
| { | |||||
| name: '模糊圆', | |||||
| page: 'circle_blur.html', | |||||
| }, | |||||
| { | |||||
| name: '扩散圆', | |||||
| page: 'circle_diffuse.html', | |||||
| }, | |||||
| { | |||||
| name: '螺旋圆', | |||||
| page: 'circle_spiral.html', | |||||
| }, | |||||
| { | |||||
| name: '脉冲圆', | |||||
| page: 'circle_pulse.html', | |||||
| }, | |||||
| { | |||||
| name: '脉冲圆', | |||||
| page: 'circle_pulse.html', | |||||
| }, | |||||
| { | |||||
| name: '多彩圆', | |||||
| page: 'circle_vary.html', | |||||
| }, | |||||
| { | |||||
| name: '雷达线', | |||||
| page: 'radar_line.html', | |||||
| }, | |||||
| { | |||||
| name: '图片雷达', | |||||
| page: 'radar_pic.html', | |||||
| }, | |||||
| { | |||||
| name: '波纹雷达', | |||||
| page: 'radar_wave.html', | |||||
| }, | |||||
| { | |||||
| name: '墙', | |||||
| page: 'wall.html', | |||||
| }, | |||||
| { | |||||
| name: '轨迹墙', | |||||
| page: 'wall_trail.html', | |||||
| }, | |||||
| { | |||||
| name: '图片轨迹墙', | |||||
| page: 'wall_image_trail.html', | |||||
| }, | |||||
| { | |||||
| name: '球', | |||||
| page: 'ellipsoid.html', | |||||
| }, | |||||
| { | |||||
| name: '轨迹球', | |||||
| page: 'ellipsoid_trail.html', | |||||
| }, | |||||
| { | |||||
| name: '平面', | |||||
| page: 'plane.html', | |||||
| }, | |||||
| { | |||||
| name: '圆柱', | |||||
| page: 'cylinder.html', | |||||
| }, | |||||
| { | |||||
| name: '动态图标', | |||||
| page: 'dynamic_billboard.html', | |||||
| }, | |||||
| { | |||||
| name: '标绘', | |||||
| page: 'plot.html', | |||||
| }, | |||||
| ], | |||||
| }, | }, | ||||
| { | { | ||||
| name: '图元要素', | name: '图元要素', |
+ 7
- 5
examples/overlay/circle.html
查看文件
| <meta name="viewport" content="width=device-width,initial-scale=1.0"> | <meta name="viewport" content="width=device-width,initial-scale=1.0"> | ||||
| <title>dc-example</title> | <title>dc-example</title> | ||||
| <script src='/libs/dc-sdk/dc.min.js'></script> | <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='/libs/dc-sdk/dc.min.css' type='text/css' rel='stylesheet'> | ||||
| <link href='../index.css' type='text/css' rel='stylesheet'> | <link href='../index.css' type='text/css' rel='stylesheet'> | ||||
| </head> | </head> | ||||
| function initViewer() { | function initViewer() { | ||||
| viewer = new DC.Viewer('viewer-container') | viewer = new DC.Viewer('viewer-container') | ||||
| let baseLayer = DC.ImageryLayerFactory.createBaiduImageryLayer({ | |||||
| style: 'midnight' | |||||
| let baseLayer = DC.ImageryLayerFactory.createImageryLayer(DC.ImageryType.AMAP,{ | |||||
| style:'img', | |||||
| crs:'WGS84' | |||||
| }) | |||||
| viewer.addBaseLayer( baseLayer,{ | |||||
| brightness:0.1 | |||||
| }) | }) | ||||
| viewer.addBaseLayer( baseLayer) | |||||
| let layer = new DC.VectorLayer('layer') | let layer = new DC.VectorLayer('layer') | ||||
| viewer.addLayer(layer) | viewer.addLayer(layer) | ||||
| let positions = generatePosition(5) | let positions = generatePosition(5) | ||||
| }) | }) | ||||
| viewer.flyTo(layer) | viewer.flyTo(layer) | ||||
| } | } | ||||
| DC.ready({ | |||||
| DC.ready({ | |||||
| baseUrl:'../libs/dc-sdk/resources/' | baseUrl:'../libs/dc-sdk/resources/' | ||||
| }).then(initViewer) | }).then(initViewer) | ||||
| </script> | </script> |
+ 1
- 2
examples/overlay/circle_blur.html
查看文件
| <meta name="viewport" content="width=device-width,initial-scale=1.0"> | <meta name="viewport" content="width=device-width,initial-scale=1.0"> | ||||
| <title>dc-example</title> | <title>dc-example</title> | ||||
| <script src='/libs/dc-sdk/dc.min.js'></script> | <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='/libs/dc-sdk/dc.min.css' type='text/css' rel='stylesheet'> | ||||
| <link href='../index.css' type='text/css' rel='stylesheet'> | <link href='../index.css' type='text/css' rel='stylesheet'> | ||||
| </head> | </head> | ||||
| layer.addOverlay(circle) | layer.addOverlay(circle) | ||||
| viewer.flyToPosition("121.4941629,31.2091462,1859.56,0,-28.71") | viewer.flyToPosition("121.4941629,31.2091462,1859.56,0,-28.71") | ||||
| } | } | ||||
| DC.ready({ | |||||
| DC.ready({ | |||||
| baseUrl:'../libs/dc-sdk/resources/' | baseUrl:'../libs/dc-sdk/resources/' | ||||
| }).then(initViewer) | }).then(initViewer) | ||||
| </script> | </script> |
+ 1
- 2
examples/overlay/circle_diffuse.html
查看文件
| <meta name="viewport" content="width=device-width,initial-scale=1.0"> | <meta name="viewport" content="width=device-width,initial-scale=1.0"> | ||||
| <title>dc-example</title> | <title>dc-example</title> | ||||
| <script src='/libs/dc-sdk/dc.min.js'></script> | <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='/libs/dc-sdk/dc.min.css' type='text/css' rel='stylesheet'> | ||||
| <link href='../index.css' type='text/css' rel='stylesheet'> | <link href='../index.css' type='text/css' rel='stylesheet'> | ||||
| </head> | </head> | ||||
| layer.addOverlay(circle) | layer.addOverlay(circle) | ||||
| viewer.flyToPosition("121.4941629,31.2091462,1859.56,0,-28.71") | viewer.flyToPosition("121.4941629,31.2091462,1859.56,0,-28.71") | ||||
| } | } | ||||
| DC.ready({ | |||||
| DC.ready({ | |||||
| baseUrl:'../libs/dc-sdk/resources/' | baseUrl:'../libs/dc-sdk/resources/' | ||||
| }).then(initViewer) | }).then(initViewer) | ||||
| </script> | </script> |
examples/overlay/circle_d.html → examples/overlay/circle_dynamic.html
查看文件
| <meta name="viewport" content="width=device-width,initial-scale=1.0"> | <meta name="viewport" content="width=device-width,initial-scale=1.0"> | ||||
| <title>dc-example</title> | <title>dc-example</title> | ||||
| <script src='/libs/dc-sdk/dc.min.js'></script> | <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='/libs/dc-sdk/dc.min.css' type='text/css' rel='stylesheet'> | ||||
| <link href='../index.css' type='text/css' rel='stylesheet'> | <link href='../index.css' type='text/css' rel='stylesheet'> | ||||
| </head> | </head> | ||||
| let viewer = undefined | let viewer = undefined | ||||
| function generatePosition(num) { | function generatePosition(num) { | ||||
| var list = [] | |||||
| for (var i = 0; i < num; i++) { | |||||
| var lng = 120.38105869 + Math.random() * 0.5 | |||||
| var lat = 31.10115627 + Math.random() * 0.5 | |||||
| let list = [] | |||||
| for (let i = 0; i < num; i++) { | |||||
| let lng = 120.38105869 + Math.random() * 0.5 | |||||
| let lat = 31.10115627 + Math.random() * 0.5 | |||||
| list.push(new DC.Position(lng, lat)) | list.push(new DC.Position(lng, lat)) | ||||
| } | } | ||||
| return list | return list | ||||
| function initViewer() { | function initViewer() { | ||||
| viewer = new DC.Viewer('viewer-container') | viewer = new DC.Viewer('viewer-container') | ||||
| let baseLayer = DC.ImageryLayerFactory.createBaiduImageryLayer({ | |||||
| style: 'dark' | |||||
| let baseLayer = DC.ImageryLayerFactory.createImageryLayer(DC.ImageryType.AMAP,{ | |||||
| style:'img', | |||||
| crs:'WGS84' | |||||
| }) | |||||
| viewer.addBaseLayer( baseLayer,{ | |||||
| brightness:0.1 | |||||
| }) | }) | ||||
| baseLayer.defaultBrightness = 0.3 | |||||
| viewer.addBaseLayer( baseLayer) | |||||
| let layer = new DC.VectorLayer('layer') | let layer = new DC.VectorLayer('layer') | ||||
| viewer.addLayer(layer) | viewer.addLayer(layer) | ||||
| let positions = generatePosition(1) | let positions = generatePosition(1) | ||||
| }) | }) | ||||
| }) | }) | ||||
| circle.rotateAmount = -1 | circle.rotateAmount = -1 | ||||
| let model = new DC.Model(item, 'examples/data/model/zhui.glb') | |||||
| let model = new DC.Model(item, '../assets/data/zhui.glb') | |||||
| model.setStyle({ | model.setStyle({ | ||||
| scale: 100 | scale: 100 | ||||
| }) | }) | ||||
| viewer.flyTo(layer) | viewer.flyTo(layer) | ||||
| } | } | ||||
| DC.ready({ | |||||
| DC.ready({ | |||||
| baseUrl:'../libs/dc-sdk/resources/' | baseUrl:'../libs/dc-sdk/resources/' | ||||
| }).then(initViewer) | }).then(initViewer) | ||||
| </script> | </script> |
+ 11
- 10
examples/overlay/circle_fade.html
查看文件
| <meta name="viewport" content="width=device-width,initial-scale=1.0"> | <meta name="viewport" content="width=device-width,initial-scale=1.0"> | ||||
| <title>dc-example</title> | <title>dc-example</title> | ||||
| <script src='/libs/dc-sdk/dc.min.js'></script> | <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='/libs/dc-sdk/dc.min.css' type='text/css' rel='stylesheet'> | ||||
| <link href='../index.css' type='text/css' rel='stylesheet'> | <link href='../index.css' type='text/css' rel='stylesheet'> | ||||
| </head> | </head> | ||||
| let viewer = undefined | let viewer = undefined | ||||
| function generatePosition(num) { | function generatePosition(num) { | ||||
| var list = [] | |||||
| for (var i = 0; i < num; i++) { | |||||
| var lng = 120.38105869 + Math.random() * 0.5 | |||||
| var lat = 31.10115627 + Math.random() * 0.5 | |||||
| let list = [] | |||||
| for (let i = 0; i < num; i++) { | |||||
| let lng = 120.38105869 + Math.random() * 0.5 | |||||
| let lat = 31.10115627 + Math.random() * 0.5 | |||||
| list.push(new DC.Position(lng, lat)) | list.push(new DC.Position(lng, lat)) | ||||
| } | } | ||||
| return list | return list | ||||
| function initViewer() { | function initViewer() { | ||||
| viewer = new DC.Viewer('viewer-container') | viewer = new DC.Viewer('viewer-container') | ||||
| let baseLayer = DC.ImageryLayerFactory.createBaiduImageryLayer({ | |||||
| style: 'dark' | |||||
| let baseLayer = DC.ImageryLayerFactory.createImageryLayer(DC.ImageryType.AMAP,{ | |||||
| style:'img', | |||||
| crs:'WGS84' | |||||
| }) | |||||
| viewer.addBaseLayer( baseLayer,{ | |||||
| brightness:0.1 | |||||
| }) | }) | ||||
| baseLayer.defaultBrightness = 0.1 | |||||
| viewer.addBaseLayer( baseLayer) | |||||
| let layer = new DC.VectorLayer('layer') | let layer = new DC.VectorLayer('layer') | ||||
| viewer.addLayer(layer) | viewer.addLayer(layer) | ||||
| let positions = generatePosition(10) | let positions = generatePosition(10) | ||||
| viewer.flyTo(layer) | viewer.flyTo(layer) | ||||
| } | } | ||||
| DC.ready({ | |||||
| DC.ready({ | |||||
| baseUrl:'../libs/dc-sdk/resources/' | baseUrl:'../libs/dc-sdk/resources/' | ||||
| }).then(initViewer) | }).then(initViewer) | ||||
| </script> | </script> |
+ 1
- 2
examples/overlay/circle_pulse.html
查看文件
| <meta name="viewport" content="width=device-width,initial-scale=1.0"> | <meta name="viewport" content="width=device-width,initial-scale=1.0"> | ||||
| <title>dc-example</title> | <title>dc-example</title> | ||||
| <script src='/libs/dc-sdk/dc.min.js'></script> | <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='/libs/dc-sdk/dc.min.css' type='text/css' rel='stylesheet'> | ||||
| <link href='../index.css' type='text/css' rel='stylesheet'> | <link href='../index.css' type='text/css' rel='stylesheet'> | ||||
| </head> | </head> | ||||
| layer.addOverlay(circle) | layer.addOverlay(circle) | ||||
| viewer.flyToPosition("121.4941629,31.2091462,1859.56,0,-28.71") | viewer.flyToPosition("121.4941629,31.2091462,1859.56,0,-28.71") | ||||
| } | } | ||||
| DC.ready({ | |||||
| DC.ready({ | |||||
| baseUrl:'../libs/dc-sdk/resources/' | baseUrl:'../libs/dc-sdk/resources/' | ||||
| }).then(initViewer) | }).then(initViewer) | ||||
| </script> | </script> |
+ 1
- 2
examples/overlay/circle_spiral.html
查看文件
| <meta name="viewport" content="width=device-width,initial-scale=1.0"> | <meta name="viewport" content="width=device-width,initial-scale=1.0"> | ||||
| <title>dc-example</title> | <title>dc-example</title> | ||||
| <script src='/libs/dc-sdk/dc.min.js'></script> | <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='/libs/dc-sdk/dc.min.css' type='text/css' rel='stylesheet'> | ||||
| <link href='../index.css' type='text/css' rel='stylesheet'> | <link href='../index.css' type='text/css' rel='stylesheet'> | ||||
| </head> | </head> | ||||
| layer.addOverlay(circle) | layer.addOverlay(circle) | ||||
| viewer.flyToPosition("121.4941629,31.2091462,1859.56,0,-28.71") | viewer.flyToPosition("121.4941629,31.2091462,1859.56,0,-28.71") | ||||
| } | } | ||||
| DC.ready({ | |||||
| DC.ready({ | |||||
| baseUrl:'../libs/dc-sdk/resources/' | baseUrl:'../libs/dc-sdk/resources/' | ||||
| }).then(initViewer) | }).then(initViewer) | ||||
| </script> | </script> |
+ 1
- 2
examples/overlay/circle_vary.html
查看文件
| <meta name="viewport" content="width=device-width,initial-scale=1.0"> | <meta name="viewport" content="width=device-width,initial-scale=1.0"> | ||||
| <title>dc-example</title> | <title>dc-example</title> | ||||
| <script src='/libs/dc-sdk/dc.min.js'></script> | <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='/libs/dc-sdk/dc.min.css' type='text/css' rel='stylesheet'> | ||||
| <link href='../index.css' type='text/css' rel='stylesheet'> | <link href='../index.css' type='text/css' rel='stylesheet'> | ||||
| </head> | </head> | ||||
| layer.addOverlay(circle) | layer.addOverlay(circle) | ||||
| viewer.flyToPosition("121.4941629,31.2091462,1859.56,0,-28.71") | viewer.flyToPosition("121.4941629,31.2091462,1859.56,0,-28.71") | ||||
| } | } | ||||
| DC.ready({ | |||||
| DC.ready({ | |||||
| baseUrl:'../libs/dc-sdk/resources/' | baseUrl:'../libs/dc-sdk/resources/' | ||||
| }).then(initViewer) | }).then(initViewer) | ||||
| </script> | </script> |
+ 11
- 10
examples/overlay/circle_wave.html
查看文件
| <meta name="viewport" content="width=device-width,initial-scale=1.0"> | <meta name="viewport" content="width=device-width,initial-scale=1.0"> | ||||
| <title>dc-example</title> | <title>dc-example</title> | ||||
| <script src='/libs/dc-sdk/dc.min.js'></script> | <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='/libs/dc-sdk/dc.min.css' type='text/css' rel='stylesheet'> | ||||
| <link href='../index.css' type='text/css' rel='stylesheet'> | <link href='../index.css' type='text/css' rel='stylesheet'> | ||||
| </head> | </head> | ||||
| let viewer = undefined | let viewer = undefined | ||||
| function generatePosition(num) { | function generatePosition(num) { | ||||
| var list = [] | |||||
| for (var i = 0; i < num; i++) { | |||||
| var lng = 120.38105869 + Math.random() * 0.5 | |||||
| var lat = 31.10115627 + Math.random() * 0.5 | |||||
| let list = [] | |||||
| for (let i = 0; i < num; i++) { | |||||
| let lng = 120.38105869 + Math.random() * 0.5 | |||||
| let lat = 31.10115627 + Math.random() * 0.5 | |||||
| list.push(new DC.Position(lng, lat)) | list.push(new DC.Position(lng, lat)) | ||||
| } | } | ||||
| return list | return list | ||||
| function initViewer() { | function initViewer() { | ||||
| viewer = new DC.Viewer('viewer-container') | viewer = new DC.Viewer('viewer-container') | ||||
| let baseLayer = DC.ImageryLayerFactory.createBaiduImageryLayer({ | |||||
| style: 'dark' | |||||
| let baseLayer = DC.ImageryLayerFactory.createImageryLayer(DC.ImageryType.AMAP,{ | |||||
| style:'img', | |||||
| crs:'WGS84' | |||||
| }) | |||||
| viewer.addBaseLayer( baseLayer,{ | |||||
| brightness:0.1 | |||||
| }) | }) | ||||
| baseLayer.defaultBrightness = 0.1 | |||||
| viewer.addBaseLayer( baseLayer) | |||||
| let layer = new DC.VectorLayer('layer') | let layer = new DC.VectorLayer('layer') | ||||
| viewer.addLayer(layer) | viewer.addLayer(layer) | ||||
| let positions = generatePosition(10) | let positions = generatePosition(10) | ||||
| viewer.flyTo(layer) | viewer.flyTo(layer) | ||||
| } | } | ||||
| DC.ready({ | |||||
| DC.ready({ | |||||
| baseUrl:'../libs/dc-sdk/resources/' | baseUrl:'../libs/dc-sdk/resources/' | ||||
| }).then(initViewer) | }).then(initViewer) | ||||
| </script> | </script> |
+ 6
- 7
examples/overlay/cylinder.html
查看文件
| <meta name="viewport" content="width=device-width,initial-scale=1.0"> | <meta name="viewport" content="width=device-width,initial-scale=1.0"> | ||||
| <title>dc-example</title> | <title>dc-example</title> | ||||
| <script src='/libs/dc-sdk/dc.min.js'></script> | <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='/libs/dc-sdk/dc.min.css' type='text/css' rel='stylesheet'> | ||||
| <link href='../index.css' type='text/css' rel='stylesheet'> | <link href='../index.css' type='text/css' rel='stylesheet'> | ||||
| </head> | </head> | ||||
| viewer.addBaseLayer( baseLayer) | viewer.addBaseLayer( baseLayer) | ||||
| let layer = new DC.VectorLayer('layer') | let layer = new DC.VectorLayer('layer') | ||||
| viewer.addLayer(layer) | viewer.addLayer(layer) | ||||
| let redCylinder = new DC.Cylinder('120.1,32.0',20000,5000,5000) | |||||
| let redCylinder = new DC.Cylinder('120.1,32,10000',20000,5000,5000) | |||||
| redCylinder.setStyle({ | redCylinder.setStyle({ | ||||
| material: DC.Color.RED.withAlpha(0.5) | material: DC.Color.RED.withAlpha(0.5) | ||||
| }) | }) | ||||
| let greenCylinder = new DC.Cylinder('120.3, 32.0',20000,0,5000) | |||||
| let greenCylinder = new DC.Cylinder('120.3, 32.0,10000',20000,0,5000) | |||||
| greenCylinder.setStyle({ | greenCylinder.setStyle({ | ||||
| material: DC.Color.GREEN.withAlpha(0.5) | material: DC.Color.GREEN.withAlpha(0.5) | ||||
| }) | }) | ||||
| let blueCylinder = new DC.Cylinder('120.5, 32.0',20000,5000,0) | |||||
| let blueCylinder = new DC.Cylinder('120.5, 32.0,10000',20000,5000,0) | |||||
| blueCylinder.setStyle({ | blueCylinder.setStyle({ | ||||
| material: DC.Color.BLUE.withAlpha(0.5) | material: DC.Color.BLUE.withAlpha(0.5) | ||||
| }) | }) | ||||
| let yellowCylinder = new DC.Cylinder('120.7,32.0',20000,0,5000) | |||||
| let yellowCylinder = new DC.Cylinder('120.7,32.0,10000',20000,0,5000) | |||||
| yellowCylinder.setStyle({ | yellowCylinder.setStyle({ | ||||
| slices:4, | slices:4, | ||||
| material: DC.Color.YELLOW.withAlpha(0.5) | material: DC.Color.YELLOW.withAlpha(0.5) | ||||
| }) | }) | ||||
| let orangeCylinder = new DC.Cylinder('120.9,32.0,0,20,-40',20000,5000,0) | |||||
| let orangeCylinder = new DC.Cylinder('120.9,32.0,2500,90,90',5000,5000,0) | |||||
| orangeCylinder.setStyle({ | orangeCylinder.setStyle({ | ||||
| slices:4, | slices:4, | ||||
| material: DC.Color.ORANGE.withAlpha(0.5) | material: DC.Color.ORANGE.withAlpha(0.5) | ||||
| layer.addOverlay(redCylinder).addOverlay(greenCylinder).addOverlay(blueCylinder).addOverlay(yellowCylinder).addOverlay(orangeCylinder) | layer.addOverlay(redCylinder).addOverlay(greenCylinder).addOverlay(blueCylinder).addOverlay(yellowCylinder).addOverlay(orangeCylinder) | ||||
| viewer.flyTo(layer) | viewer.flyTo(layer) | ||||
| } | } | ||||
| DC.ready({ | |||||
| DC.ready({ | |||||
| baseUrl:'../libs/dc-sdk/resources/' | baseUrl:'../libs/dc-sdk/resources/' | ||||
| }).then(initViewer) | }).then(initViewer) | ||||
| </script> | </script> |
+ 6
- 6
examples/overlay/dynamic_billboard.html
查看文件
| <meta name="viewport" content="width=device-width,initial-scale=1.0"> | <meta name="viewport" content="width=device-width,initial-scale=1.0"> | ||||
| <title>dc-example</title> | <title>dc-example</title> | ||||
| <script src='/libs/dc-sdk/dc.min.js'></script> | <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='/libs/dc-sdk/dc.min.css' type='text/css' rel='stylesheet'> | ||||
| <link href='../index.css' type='text/css' rel='stylesheet'> | <link href='../index.css' type='text/css' rel='stylesheet'> | ||||
| </head> | </head> | ||||
| function initViewer() { | function initViewer() { | ||||
| viewer = new DC.Viewer('viewer-container') | viewer = new DC.Viewer('viewer-container') | ||||
| let baseLayer = DC.ImageryLayerFactory.createBaiduImageryLayer({ | |||||
| style:"dark", | |||||
| crs:'WGS84' | |||||
| let baseLayer = DC.ImageryLayerFactory.createAmapImageryLayer({ | |||||
| crs:"WGS84" | |||||
| }) | |||||
| viewer.addBaseLayer( baseLayer,{ | |||||
| brightness:0.1 | |||||
| }) | }) | ||||
| viewer.addBaseLayer( baseLayer) | |||||
| let layer = new DC.DynamicLayer('layer').addTo(viewer) | let layer = new DC.DynamicLayer('layer').addTo(viewer) | ||||
| for(let i = 0; i<50; i++){ | for(let i = 0; i<50; i++){ | ||||
| let billboard = new DC.DynamicBillboard(generatePosition(1)[0],'../assets/icon/poi.png') | let billboard = new DC.DynamicBillboard(generatePosition(1)[0],'../assets/icon/poi.png') | ||||
| viewer.flyTo(layer) | viewer.flyTo(layer) | ||||
| } | } | ||||
| DC.ready({ | |||||
| DC.ready({ | |||||
| baseUrl:'../libs/dc-sdk/resources/' | baseUrl:'../libs/dc-sdk/resources/' | ||||
| }).then(initViewer) | }).then(initViewer) | ||||
| </script> | </script> |
+ 2
- 2
examples/overlay/dynamic_model.html
查看文件
| <meta name="viewport" content="width=device-width,initial-scale=1.0"> | <meta name="viewport" content="width=device-width,initial-scale=1.0"> | ||||
| <title>dc-example</title> | <title>dc-example</title> | ||||
| <script src='/libs/dc-sdk/dc.min.js'></script> | <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='/libs/dc-sdk/dc.min.css' type='text/css' rel='stylesheet'> | ||||
| <link href='../index.css' type='text/css' rel='stylesheet'> | <link href='../index.css' type='text/css' rel='stylesheet'> | ||||
| </head> | </head> | ||||
| function initViewer() { | function initViewer() { | ||||
| viewer = new DC.Viewer('viewer-container') | viewer = new DC.Viewer('viewer-container') | ||||
| let baseLayer = DC.ImageryLayerFactory.createAmapImageryLayer({ | let baseLayer = DC.ImageryLayerFactory.createAmapImageryLayer({ | ||||
| crs:"WGS84" | |||||
| }) | }) | ||||
| viewer.addBaseLayer( baseLayer) | |||||
| viewer.addBaseLayer( baseLayer,{brightness:0.1}) | |||||
| let layer = new DC.DynamicLayer('layer').addTo(viewer) | let layer = new DC.DynamicLayer('layer').addTo(viewer) | ||||
| for(let i = 0; i<50; i++){ | for(let i = 0; i<50; i++){ | ||||
| let model = new DC.DynamicModel(generatePosition(1)[0],'../assets/data/qiche.gltf') | let model = new DC.DynamicModel(generatePosition(1)[0],'../assets/data/qiche.gltf') |
+ 1
- 2
examples/overlay/elec_ellipsoid.html
查看文件
| <meta name="viewport" content="width=device-width,initial-scale=1.0"> | <meta name="viewport" content="width=device-width,initial-scale=1.0"> | ||||
| <title>dc-example</title> | <title>dc-example</title> | ||||
| <script src='/libs/dc-sdk/dc.min.js'></script> | <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='/libs/dc-sdk/dc.min.css' type='text/css' rel='stylesheet'> | ||||
| <link href='../index.css' type='text/css' rel='stylesheet'> | <link href='../index.css' type='text/css' rel='stylesheet'> | ||||
| </head> | </head> | ||||
| layer.addOverlay(elecEllipsoid) | layer.addOverlay(elecEllipsoid) | ||||
| viewer.flyToPosition("121.4941629,31.2091462,1859.56,0,-28.71") | viewer.flyToPosition("121.4941629,31.2091462,1859.56,0,-28.71") | ||||
| } | } | ||||
| DC.ready({ | |||||
| DC.ready({ | |||||
| baseUrl:'../libs/dc-sdk/resources/' | baseUrl:'../libs/dc-sdk/resources/' | ||||
| }).then(initViewer) | }).then(initViewer) | ||||
| </script> | </script> |
+ 5
- 6
examples/overlay/ellipsoid.html
查看文件
| <meta name="viewport" content="width=device-width,initial-scale=1.0"> | <meta name="viewport" content="width=device-width,initial-scale=1.0"> | ||||
| <title>dc-example</title> | <title>dc-example</title> | ||||
| <script src='/libs/dc-sdk/dc.min.js'></script> | <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='/libs/dc-sdk/dc.min.css' type='text/css' rel='stylesheet'> | ||||
| <link href='../index.css' type='text/css' rel='stylesheet'> | <link href='../index.css' type='text/css' rel='stylesheet'> | ||||
| </head> | </head> | ||||
| function initViewer() { | function initViewer() { | ||||
| viewer = new DC.Viewer('viewer-container') | viewer = new DC.Viewer('viewer-container') | ||||
| let key = '0f7c1d161d7352116a21aacf0e9f44c1' | let key = '0f7c1d161d7352116a21aacf0e9f44c1' | ||||
| let baseLayer = DC.ImageryLayerFactory.createTdtImageryLayer({ | |||||
| key, | |||||
| style: 'img' | |||||
| let baseLayer = DC.ImageryLayerFactory.createImageryLayer(DC.ImageryType.AMAP,{ | |||||
| style:'img', | |||||
| crs:'WGS84' | |||||
| }) | }) | ||||
| viewer.addBaseLayer( baseLayer) | |||||
| viewer.addBaseLayer( baseLayer,) | |||||
| let layer = new DC.VectorLayer('layer') | let layer = new DC.VectorLayer('layer') | ||||
| viewer.addLayer(layer) | viewer.addLayer(layer) | ||||
| viewer.flyTo(layer) | viewer.flyTo(layer) | ||||
| } | } | ||||
| DC.ready({ | |||||
| DC.ready({ | |||||
| baseUrl:'../libs/dc-sdk/resources/' | baseUrl:'../libs/dc-sdk/resources/' | ||||
| }).then(initViewer) | }).then(initViewer) | ||||
| </script> | </script> |
+ 4
- 4
examples/overlay/ellipsoid_trail.html
查看文件
| <meta name="viewport" content="width=device-width,initial-scale=1.0"> | <meta name="viewport" content="width=device-width,initial-scale=1.0"> | ||||
| <title>dc-example</title> | <title>dc-example</title> | ||||
| <script src='/libs/dc-sdk/dc.min.js'></script> | <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='/libs/dc-sdk/dc.min.css' type='text/css' rel='stylesheet'> | ||||
| <link href='../index.css' type='text/css' rel='stylesheet'> | <link href='../index.css' type='text/css' rel='stylesheet'> | ||||
| </head> | </head> | ||||
| function initViewer() { | function initViewer() { | ||||
| viewer = new DC.Viewer('viewer-container') | viewer = new DC.Viewer('viewer-container') | ||||
| let baseLayer = DC.ImageryLayerFactory.createAmapImageryLayer({ | |||||
| style: 'img' | |||||
| let baseLayer = DC.ImageryLayerFactory.createImageryLayer(DC.ImageryType.AMAP,{ | |||||
| style:'img', | |||||
| crs:'WGS84' | |||||
| }) | }) | ||||
| viewer.addBaseLayer( baseLayer) | viewer.addBaseLayer( baseLayer) | ||||
| viewer.flyTo(layer) | viewer.flyTo(layer) | ||||
| } | } | ||||
| DC.ready({ | |||||
| DC.ready({ | |||||
| baseUrl:'../libs/dc-sdk/resources/' | baseUrl:'../libs/dc-sdk/resources/' | ||||
| }).then(initViewer) | }).then(initViewer) | ||||
| </script> | </script> |
+ 1
- 2
examples/overlay/parabola.html
查看文件
| <meta name="viewport" content="width=device-width,initial-scale=1.0"> | <meta name="viewport" content="width=device-width,initial-scale=1.0"> | ||||
| <title>dc-example</title> | <title>dc-example</title> | ||||
| <script src='/libs/dc-sdk/dc.min.js'></script> | <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='/libs/dc-sdk/dc.min.css' type='text/css' rel='stylesheet'> | ||||
| <link href='../index.css' type='text/css' rel='stylesheet'> | <link href='../index.css' type='text/css' rel='stylesheet'> | ||||
| </head> | </head> | ||||
| }) | }) | ||||
| let layer_build = new DC.TilesetLayer('layer_build').addTo(viewer) | let layer_build = new DC.TilesetLayer('layer_build').addTo(viewer) | ||||
| let build = new DC.Tileset( | let build = new DC.Tileset( | ||||
| 'http://resource.dvgis.cn/data/3dtiles/ljz/tileset.json', | |||||
| '//resource.dvgis.cn/data/3dtiles/ljz/tileset.json', | |||||
| {skipLevels:true} | {skipLevels:true} | ||||
| ) | ) | ||||
| let customShader = new DC.CustomShader({ | let customShader = new DC.CustomShader({ |
+ 4
- 6
examples/overlay/plane.html
查看文件
| <meta name="viewport" content="width=device-width,initial-scale=1.0"> | <meta name="viewport" content="width=device-width,initial-scale=1.0"> | ||||
| <title>dc-example</title> | <title>dc-example</title> | ||||
| <script src='/libs/dc-sdk/dc.min.js'></script> | <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='/libs/dc-sdk/dc.min.css' type='text/css' rel='stylesheet'> | ||||
| <link href='../index.css' type='text/css' rel='stylesheet'> | <link href='../index.css' type='text/css' rel='stylesheet'> | ||||
| </head> | </head> | ||||
| function initViewer() { | function initViewer() { | ||||
| viewer = new DC.Viewer('viewer-container') | viewer = new DC.Viewer('viewer-container') | ||||
| let key = '0f7c1d161d7352116a21aacf0e9f44c1' | |||||
| let baseLayer = DC.ImageryLayerFactory.createTdtImageryLayer({ | |||||
| key, | |||||
| style: 'img' | |||||
| let baseLayer = DC.ImageryLayerFactory.createImageryLayer(DC.ImageryType.AMAP,{ | |||||
| style:'img', | |||||
| crs:'WGS84' | |||||
| }) | }) | ||||
| viewer.addBaseLayer( baseLayer) | viewer.addBaseLayer( baseLayer) | ||||
| let layer = new DC.VectorLayer('layer') | let layer = new DC.VectorLayer('layer') | ||||
| layer.addOverlay(redPlane).addOverlay(greenPlane).addOverlay(bluePlane) | layer.addOverlay(redPlane).addOverlay(greenPlane).addOverlay(bluePlane) | ||||
| viewer.flyTo(layer) | viewer.flyTo(layer) | ||||
| } | } | ||||
| DC.ready({ | |||||
| DC.ready({ | |||||
| baseUrl:'../libs/dc-sdk/resources/' | baseUrl:'../libs/dc-sdk/resources/' | ||||
| }).then(initViewer) | }).then(initViewer) | ||||
| </script> | </script> |
examples/overlay/plot-overlay.html → examples/overlay/plot.html
查看文件
| <meta charset="utf-8"> | <meta charset="utf-8"> | ||||
| <meta name="viewport" content="width=device-width,initial-scale=1.0"> | <meta name="viewport" content="width=device-width,initial-scale=1.0"> | ||||
| <title>dc-example</title> | <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'> | |||||
| <script src='/libs/dc-sdk/dc.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'> | <link href='../index.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> | </head> | ||||
| <body> | <body> | ||||
| function initViewer() { | function initViewer() { | ||||
| viewer = new DC.Viewer('viewer-container') | viewer = new DC.Viewer('viewer-container') | ||||
| let baseLayer = DC.ImageryLayerFactory.createAmapImageryLayer({ | |||||
| style:'img' | |||||
| let baseLayer = DC.ImageryLayerFactory.createImageryLayer(DC.ImageryType.AMAP,{ | |||||
| style:'img', | |||||
| crs:'WGS84' | |||||
| }) | }) | ||||
| viewer.addBaseLayer( baseLayer) | viewer.addBaseLayer( baseLayer) | ||||
| layer = new DC.VectorLayer('layer') | layer = new DC.VectorLayer('layer') | ||||
| layer.clear() | layer.clear() | ||||
| } | } | ||||
| DC.ready({ | |||||
| DC.ready({ | |||||
| baseUrl:'../libs/dc-sdk/resources/' | baseUrl:'../libs/dc-sdk/resources/' | ||||
| }).then(initViewer) | }).then(initViewer) | ||||
| </script> | </script> |
+ 11
- 21
examples/overlay/point_base.html
查看文件
| <meta charset="utf-8"> | <meta charset="utf-8"> | ||||
| <meta name="viewport" content="width=device-width,initial-scale=1.0"> | <meta name="viewport" content="width=device-width,initial-scale=1.0"> | ||||
| <title>dc-example</title> | <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'> | |||||
| <script src='/libs/dc-sdk/dc.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'> | <link href='../index.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> | </head> | ||||
| <body> | <body> | ||||
| <div id="viewer-container" class="viewer-container"></div> | <div id="viewer-container" class="viewer-container"></div> | ||||
| let viewer = undefined | let viewer = undefined | ||||
| function generatePosition(num) { | function generatePosition(num) { | ||||
| var list = [] | |||||
| for (var i = 0; i < num; i++) { | |||||
| var lng = 120.38105869 + Math.random() * 0.5 | |||||
| var lat = 31.10115627 + Math.random() * 0.5 | |||||
| let list = [] | |||||
| for (let i = 0; i < num; i++) { | |||||
| let lng = 120.38105869 + Math.random() * 0.5 | |||||
| let lat = 31.10115627 + Math.random() * 0.5 | |||||
| list.push(new DC.Position(lng, lat)) | list.push(new DC.Position(lng, lat)) | ||||
| } | } | ||||
| return list | return list | ||||
| } | } | ||||
| function initViewer() { | function initViewer() { | ||||
| viewer = new DC.Viewer('viewer-container') | viewer = new DC.Viewer('viewer-container') | ||||
| let baseLayer = DC.ImageryLayerFactory.createAmapImageryLayer() | |||||
| let baseLayer = DC.ImageryLayerFactory.createImageryLayer(DC.ImageryType.AMAP,{ | |||||
| style:'img', | |||||
| crs:'WGS84' | |||||
| }) | |||||
| viewer.addBaseLayer( baseLayer) | viewer.addBaseLayer( baseLayer) | ||||
| let layer = new DC.VectorLayer('layer') | let layer = new DC.VectorLayer('layer') | ||||
| viewer.addLayer(layer) | viewer.addLayer(layer) |
+ 4
- 4
examples/overlay/point_html.html
查看文件
| <meta name="viewport" content="width=device-width,initial-scale=1.0"> | <meta name="viewport" content="width=device-width,initial-scale=1.0"> | ||||
| <title>dc-example</title> | <title>dc-example</title> | ||||
| <script src='/libs/dc-sdk/dc.min.js'></script> | <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='/libs/dc-sdk/dc.min.css' type='text/css' rel='stylesheet'> | ||||
| <link href='../index.css' type='text/css' rel='stylesheet'> | <link href='../index.css' type='text/css' rel='stylesheet'> | ||||
| </head> | </head> | ||||
| function initViewer() { | function initViewer() { | ||||
| viewer = new DC.Viewer('viewer-container') | viewer = new DC.Viewer('viewer-container') | ||||
| let baseLayer = DC.ImageryLayerFactory.createAmapImageryLayer({ | |||||
| style: 'img' | |||||
| let baseLayer = DC.ImageryLayerFactory.createImageryLayer(DC.ImageryType.AMAP,{ | |||||
| style:'img', | |||||
| crs:'WGS84' | |||||
| }) | }) | ||||
| viewer.addBaseLayer( baseLayer) | viewer.addBaseLayer( baseLayer) | ||||
| let layer = new DC.HtmlLayer('layer') | let layer = new DC.HtmlLayer('layer') | ||||
| new DC.Position(120.472147621, 30.61004946, 65380.21, 14.0, -40.94) | new DC.Position(120.472147621, 30.61004946, 65380.21, 14.0, -40.94) | ||||
| ) | ) | ||||
| } | } | ||||
| DC.ready({ | |||||
| DC.ready({ | |||||
| baseUrl:'../libs/dc-sdk/resources/' | baseUrl:'../libs/dc-sdk/resources/' | ||||
| }).then(initViewer) | }).then(initViewer) | ||||
| </script> | </script> |
+ 5
- 3
examples/overlay/point_icon.html
查看文件
| <meta name="viewport" content="width=device-width,initial-scale=1.0"> | <meta name="viewport" content="width=device-width,initial-scale=1.0"> | ||||
| <title>dc-example</title> | <title>dc-example</title> | ||||
| <script src='/libs/dc-sdk/dc.min.js'></script> | <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='/libs/dc-sdk/dc.min.css' type='text/css' rel='stylesheet'> | ||||
| <link href='../index.css' type='text/css' rel='stylesheet'> | <link href='../index.css' type='text/css' rel='stylesheet'> | ||||
| </head> | </head> | ||||
| } | } | ||||
| function initViewer() { | function initViewer() { | ||||
| viewer = new DC.Viewer('viewer-container') | viewer = new DC.Viewer('viewer-container') | ||||
| let baseLayer = DC.ImageryLayerFactory.createAmapImageryLayer() | |||||
| let baseLayer = DC.ImageryLayerFactory.createImageryLayer(DC.ImageryType.AMAP,{ | |||||
| style:'img', | |||||
| crs:'WGS84' | |||||
| }) | |||||
| viewer.addBaseLayer( baseLayer) | viewer.addBaseLayer( baseLayer) | ||||
| let layer = new DC.VectorLayer('layer') | let layer = new DC.VectorLayer('layer') | ||||
| viewer.addLayer(layer) | viewer.addLayer(layer) | ||||
| }) | }) | ||||
| viewer.flyTo(layer) | viewer.flyTo(layer) | ||||
| } | } | ||||
| DC.ready({ | |||||
| DC.ready({ | |||||
| baseUrl:'../libs/dc-sdk/resources/' | baseUrl:'../libs/dc-sdk/resources/' | ||||
| }).then(initViewer) | }).then(initViewer) | ||||
| </script> | </script> |
examples/overlay/point_custom.html → examples/overlay/point_icon_custom.html
查看文件
| <meta charset="utf-8"> | <meta charset="utf-8"> | ||||
| <meta name="viewport" content="width=device-width,initial-scale=1.0"> | <meta name="viewport" content="width=device-width,initial-scale=1.0"> | ||||
| <title>dc-example</title> | <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'> | |||||
| <script src='/libs/dc-sdk/dc.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'> | <link href='../index.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> | </head> | ||||
| <body> | <body> | ||||
| let viewer = undefined | let viewer = undefined | ||||
| function generatePosition(num) { | function generatePosition(num) { | ||||
| var list = [] | |||||
| for (var i = 0; i < num; i++) { | |||||
| var lng = 120.38105869 + Math.random() * 0.5 | |||||
| var lat = 31.10115627 + Math.random() * 0.5 | |||||
| let list = [] | |||||
| for (let i = 0; i < num; i++) { | |||||
| let lng = 120.38105869 + Math.random() * 0.5 | |||||
| let lat = 31.10115627 + Math.random() * 0.5 | |||||
| list.push(new DC.Position(lng, lat, 3000)) | list.push(new DC.Position(lng, lat, 3000)) | ||||
| } | } | ||||
| return list | return list | ||||
| } | } | ||||
| function initViewer() { | function initViewer() { | ||||
| viewer = new DC.Viewer('viewer-container') | viewer = new DC.Viewer('viewer-container') | ||||
| let baseLayer = DC.ImageryLayerFactory.createAmapImageryLayer() | |||||
| viewer.addBaseLayer( baseLayer) | |||||
| let baseLayer = DC.ImageryLayerFactory.createImageryLayer(DC.ImageryType.AMAP,{ | |||||
| style:'img', | |||||
| crs:'WGS84' | |||||
| }) | |||||
| viewer.addBaseLayer( baseLayer,{ | |||||
| brightness:0.1 | |||||
| }) | |||||
| let layer = new DC.VectorLayer('layer') | let layer = new DC.VectorLayer('layer') | ||||
| viewer.addLayer(layer) | viewer.addLayer(layer) | ||||
| let positions = generatePosition(20) | let positions = generatePosition(20) |
+ 3
- 3
examples/overlay/point_icon_m.html
查看文件
| <meta name="viewport" content="width=device-width,initial-scale=1.0"> | <meta name="viewport" content="width=device-width,initial-scale=1.0"> | ||||
| <title>dc-example</title> | <title>dc-example</title> | ||||
| <script src='/libs/dc-sdk/dc.min.js'></script> | <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='/libs/dc-sdk/dc.min.css' type='text/css' rel='stylesheet'> | ||||
| <link href='../index.css' type='text/css' rel='stylesheet'> | <link href='../index.css' type='text/css' rel='stylesheet'> | ||||
| </head> | </head> | ||||
| } | } | ||||
| function initViewer() { | function initViewer() { | ||||
| viewer = new DC.Viewer('viewer-container') | viewer = new DC.Viewer('viewer-container') | ||||
| let baseLayer = DC.ImageryLayerFactory.createAmapImageryLayer({ | |||||
| let baseLayer = DC.ImageryLayerFactory.createImageryLayer(DC.ImageryType.AMAP,{ | |||||
| style:'img', | |||||
| crs:'WGS84' | crs:'WGS84' | ||||
| }) | }) | ||||
| viewer.addBaseLayer( baseLayer) | viewer.addBaseLayer( baseLayer) | ||||
| }) | }) | ||||
| viewer.flyToPosition("120.8226729498609,31.268693185250438,114716.63624611919,0,-90") | viewer.flyToPosition("120.8226729498609,31.268693185250438,114716.63624611919,0,-90") | ||||
| } | } | ||||
| DC.ready({ | |||||
| DC.ready({ | |||||
| baseUrl:'../libs/dc-sdk/resources/' | baseUrl:'../libs/dc-sdk/resources/' | ||||
| }).then(initViewer) | }).then(initViewer) | ||||
| </script> | </script> |
+ 9
- 9
examples/overlay/point_text.html
查看文件
| <meta name="viewport" content="width=device-width,initial-scale=1.0"> | <meta name="viewport" content="width=device-width,initial-scale=1.0"> | ||||
| <title>dc-example</title> | <title>dc-example</title> | ||||
| <script src='/libs/dc-sdk/dc.min.js'></script> | <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='/libs/dc-sdk/dc.min.css' type='text/css' rel='stylesheet'> | ||||
| <link href='../index.css' type='text/css' rel='stylesheet'> | <link href='../index.css' type='text/css' rel='stylesheet'> | ||||
| </head> | </head> | ||||
| let viewer = undefined | let viewer = undefined | ||||
| function generatePosition(num) { | function generatePosition(num) { | ||||
| var list = [] | |||||
| for (var i = 0; i < num; i++) { | |||||
| var lng = 120.38105869 + Math.random() * 0.5 | |||||
| var lat = 31.10115627 + Math.random() * 0.5 | |||||
| let list = [] | |||||
| for (let i = 0; i < num; i++) { | |||||
| let lng = 120.38105869 + Math.random() * 0.5 | |||||
| let lat = 31.10115627 + Math.random() * 0.5 | |||||
| list.push(new DC.Position(lng, lat)) | list.push(new DC.Position(lng, lat)) | ||||
| } | } | ||||
| return list | return list | ||||
| } | } | ||||
| function initViewer() { | function initViewer() { | ||||
| viewer = new DC.Viewer('viewer-container') | viewer = new DC.Viewer('viewer-container') | ||||
| let baseLayer = DC.ImageryLayerFactory.createAmapImageryLayer({ | |||||
| style: 'img' | |||||
| let baseLayer = DC.ImageryLayerFactory.createImageryLayer(DC.ImageryType.AMAP,{ | |||||
| style:'img', | |||||
| crs:'WGS84' | |||||
| }) | }) | ||||
| viewer.addBaseLayer( baseLayer) | viewer.addBaseLayer( baseLayer) | ||||
| let layer = new DC.VectorLayer('layer') | let layer = new DC.VectorLayer('layer') | ||||
| positions.forEach((item, index) => { | positions.forEach((item, index) => { | ||||
| let label = new DC.Label(item, '数字视觉') | let label = new DC.Label(item, '数字视觉') | ||||
| label.setStyle({ | label.setStyle({ | ||||
| fillColor: DC.Color.YELLOW, | |||||
| fillColor: DC.Color.ORANGE, | |||||
| font: '12px' | font: '12px' | ||||
| }) | }) | ||||
| layer.addOverlay(label) | layer.addOverlay(label) | ||||
| }) | }) | ||||
| viewer.flyTo(layer) | viewer.flyTo(layer) | ||||
| } | } | ||||
| DC.ready({ | |||||
| DC.ready({ | |||||
| baseUrl:'../libs/dc-sdk/resources/' | baseUrl:'../libs/dc-sdk/resources/' | ||||
| }).then(initViewer) | }).then(initViewer) | ||||
| </script> | </script> |
examples/overlay/label_custom.html → examples/overlay/point_text_custom.html
查看文件
| <meta name="viewport" content="width=device-width,initial-scale=1.0"> | <meta name="viewport" content="width=device-width,initial-scale=1.0"> | ||||
| <title>dc-example</title> | <title>dc-example</title> | ||||
| <script src='/libs/dc-sdk/dc.min.js'></script> | <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='/libs/dc-sdk/dc.min.css' type='text/css' rel='stylesheet'> | ||||
| <link href='../index.css' type='text/css' rel='stylesheet'> | <link href='../index.css' type='text/css' rel='stylesheet'> | ||||
| </head> | </head> | ||||
| } | } | ||||
| function initViewer() { | function initViewer() { | ||||
| viewer = new DC.Viewer('viewer-container') | viewer = new DC.Viewer('viewer-container') | ||||
| let key = '0f7c1d161d7352116a21aacf0e9f44c1' | |||||
| let cva = DC.ImageryLayerFactory.createTdtImageryLayer({ | |||||
| key, | |||||
| style: 'cva' | |||||
| let baseLayer = DC.ImageryLayerFactory.createImageryLayer(DC.ImageryType.AMAP,{ | |||||
| style:'img', | |||||
| crs:'WGS84' | |||||
| }) | }) | ||||
| let vec = DC.ImageryLayerFactory.createTdtImageryLayer({ | |||||
| key | |||||
| viewer.addBaseLayer( baseLayer,{ | |||||
| brightness:0.1 | |||||
| }) | }) | ||||
| viewer.addBaseLayer([vec, cva]) | |||||
| let layer = new DC.VectorLayer('layer') | let layer = new DC.VectorLayer('layer') | ||||
| viewer.addLayer(layer) | viewer.addLayer(layer) | ||||
| let positions = generatePosition(20) | let positions = generatePosition(20) | ||||
| }) | }) | ||||
| viewer.flyTo(layer) | viewer.flyTo(layer) | ||||
| } | } | ||||
| DC.ready({ | |||||
| DC.ready({ | |||||
| baseUrl:'../libs/dc-sdk/resources/' | baseUrl:'../libs/dc-sdk/resources/' | ||||
| }).then(initViewer) | }).then(initViewer) | ||||
| </script> | </script> |
+ 5
- 3
examples/overlay/polygon_base.html
查看文件
| <meta name="viewport" content="width=device-width,initial-scale=1.0"> | <meta name="viewport" content="width=device-width,initial-scale=1.0"> | ||||
| <title>dc-example</title> | <title>dc-example</title> | ||||
| <script src='/libs/dc-sdk/dc.min.js'></script> | <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='/libs/dc-sdk/dc.min.css' type='text/css' rel='stylesheet'> | ||||
| <link href='../index.css' type='text/css' rel='stylesheet'> | <link href='../index.css' type='text/css' rel='stylesheet'> | ||||
| </head> | </head> | ||||
| function initViewer() { | function initViewer() { | ||||
| viewer = new DC.Viewer('viewer-container') | viewer = new DC.Viewer('viewer-container') | ||||
| let baseLayer = DC.ImageryLayerFactory.createAmapImageryLayer() | |||||
| let baseLayer = DC.ImageryLayerFactory.createImageryLayer(DC.ImageryType.AMAP,{ | |||||
| style:'img', | |||||
| crs:'WGS84' | |||||
| }) | |||||
| viewer.addBaseLayer( baseLayer) | viewer.addBaseLayer( baseLayer) | ||||
| let layer = new DC.VectorLayer('layer') | let layer = new DC.VectorLayer('layer') | ||||
| viewer.addLayer(layer) | viewer.addLayer(layer) | ||||
| layer.addOverlay(polygon) | layer.addOverlay(polygon) | ||||
| viewer.flyTo(layer) | viewer.flyTo(layer) | ||||
| } | } | ||||
| DC.ready({ | |||||
| DC.ready({ | |||||
| baseUrl:'../libs/dc-sdk/resources/' | baseUrl:'../libs/dc-sdk/resources/' | ||||
| }).then(initViewer) | }).then(initViewer) | ||||
| </script> | </script> |
+ 5
- 3
examples/overlay/polygon_extruded.html
查看文件
| <meta name="viewport" content="width=device-width,initial-scale=1.0"> | <meta name="viewport" content="width=device-width,initial-scale=1.0"> | ||||
| <title>dc-example</title> | <title>dc-example</title> | ||||
| <script src='/libs/dc-sdk/dc.min.js'></script> | <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='/libs/dc-sdk/dc.min.css' type='text/css' rel='stylesheet'> | ||||
| <link href='../index.css' type='text/css' rel='stylesheet'> | <link href='../index.css' type='text/css' rel='stylesheet'> | ||||
| </head> | </head> | ||||
| function initViewer() { | function initViewer() { | ||||
| viewer = new DC.Viewer('viewer-container') | viewer = new DC.Viewer('viewer-container') | ||||
| let baseLayer = DC.ImageryLayerFactory.createAmapImageryLayer() | |||||
| let baseLayer = DC.ImageryLayerFactory.createImageryLayer(DC.ImageryType.AMAP,{ | |||||
| style:'img', | |||||
| crs:'WGS84' | |||||
| }) | |||||
| viewer.addBaseLayer( baseLayer) | viewer.addBaseLayer( baseLayer) | ||||
| let layer = new DC.VectorLayer('layer') | let layer = new DC.VectorLayer('layer') | ||||
| viewer.addLayer(layer) | viewer.addLayer(layer) | ||||
| layer.addOverlay(polygon) | layer.addOverlay(polygon) | ||||
| viewer.flyTo(layer) | viewer.flyTo(layer) | ||||
| } | } | ||||
| DC.ready({ | |||||
| DC.ready({ | |||||
| baseUrl:'../libs/dc-sdk/resources/' | baseUrl:'../libs/dc-sdk/resources/' | ||||
| }).then(initViewer) | }).then(initViewer) | ||||
| </script> | </script> |
+ 5
- 3
examples/overlay/polygon_height.html
查看文件
| <meta name="viewport" content="width=device-width,initial-scale=1.0"> | <meta name="viewport" content="width=device-width,initial-scale=1.0"> | ||||
| <title>dc-example</title> | <title>dc-example</title> | ||||
| <script src='/libs/dc-sdk/dc.min.js'></script> | <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='/libs/dc-sdk/dc.min.css' type='text/css' rel='stylesheet'> | ||||
| <link href='../index.css' type='text/css' rel='stylesheet'> | <link href='../index.css' type='text/css' rel='stylesheet'> | ||||
| </head> | </head> | ||||
| function initViewer() { | function initViewer() { | ||||
| viewer = new DC.Viewer('viewer-container') | viewer = new DC.Viewer('viewer-container') | ||||
| let baseLayer = DC.ImageryLayerFactory.createAmapImageryLayer() | |||||
| let baseLayer = DC.ImageryLayerFactory.createImageryLayer(DC.ImageryType.AMAP,{ | |||||
| style:'img', | |||||
| crs:'WGS84' | |||||
| }) | |||||
| viewer.addBaseLayer( baseLayer) | viewer.addBaseLayer( baseLayer) | ||||
| let layer = new DC.VectorLayer('layer') | let layer = new DC.VectorLayer('layer') | ||||
| viewer.addLayer(layer) | viewer.addLayer(layer) | ||||
| layer.addOverlay(polygon) | layer.addOverlay(polygon) | ||||
| viewer.flyTo(layer) | viewer.flyTo(layer) | ||||
| } | } | ||||
| DC.ready({ | |||||
| DC.ready({ | |||||
| baseUrl:'../libs/dc-sdk/resources/' | baseUrl:'../libs/dc-sdk/resources/' | ||||
| }).then(initViewer) | }).then(initViewer) | ||||
| </script> | </script> |
+ 5
- 3
examples/overlay/polygon_holes.html
查看文件
| <meta name="viewport" content="width=device-width,initial-scale=1.0"> | <meta name="viewport" content="width=device-width,initial-scale=1.0"> | ||||
| <title>dc-example</title> | <title>dc-example</title> | ||||
| <script src='/libs/dc-sdk/dc.min.js'></script> | <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='/libs/dc-sdk/dc.min.css' type='text/css' rel='stylesheet'> | ||||
| <link href='../index.css' type='text/css' rel='stylesheet'> | <link href='../index.css' type='text/css' rel='stylesheet'> | ||||
| </head> | </head> | ||||
| function initViewer() { | function initViewer() { | ||||
| viewer = new DC.Viewer('viewer-container') | viewer = new DC.Viewer('viewer-container') | ||||
| let baseLayer = DC.ImageryLayerFactory.createAmapImageryLayer() | |||||
| let baseLayer = DC.ImageryLayerFactory.createImageryLayer(DC.ImageryType.AMAP,{ | |||||
| style:'img', | |||||
| crs:'WGS84' | |||||
| }) | |||||
| viewer.addBaseLayer( baseLayer) | viewer.addBaseLayer( baseLayer) | ||||
| let layer = new DC.VectorLayer('layer') | let layer = new DC.VectorLayer('layer') | ||||
| layer.addOverlay(polygon) | layer.addOverlay(polygon) | ||||
| viewer.flyTo(layer) | viewer.flyTo(layer) | ||||
| } | } | ||||
| DC.ready({ | |||||
| DC.ready({ | |||||
| baseUrl:'../libs/dc-sdk/resources/' | baseUrl:'../libs/dc-sdk/resources/' | ||||
| }).then(initViewer) | }).then(initViewer) | ||||
| </script> | </script> |
+ 4
- 4
examples/overlay/polyline_base.html
查看文件
| <meta name="viewport" content="width=device-width,initial-scale=1.0"> | <meta name="viewport" content="width=device-width,initial-scale=1.0"> | ||||
| <title>dc-example</title> | <title>dc-example</title> | ||||
| <script src='/libs/dc-sdk/dc.min.js'></script> | <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='/libs/dc-sdk/dc.min.css' type='text/css' rel='stylesheet'> | ||||
| <link href='../index.css' type='text/css' rel='stylesheet'> | <link href='../index.css' type='text/css' rel='stylesheet'> | ||||
| </head> | </head> | ||||
| function initViewer() { | function initViewer() { | ||||
| viewer = new DC.Viewer('viewer-container') | viewer = new DC.Viewer('viewer-container') | ||||
| let baseLayer = DC.ImageryLayerFactory.createAmapImageryLayer({ | |||||
| style:'img' | |||||
| let baseLayer = DC.ImageryLayerFactory.createImageryLayer(DC.ImageryType.AMAP,{ | |||||
| style:'img', | |||||
| crs:'WGS84' | |||||
| }) | }) | ||||
| viewer.addBaseLayer( baseLayer) | viewer.addBaseLayer( baseLayer) | ||||
| let layer = new DC.VectorLayer('layer') | let layer = new DC.VectorLayer('layer') | ||||
| layer.addOverlay(polyline) | layer.addOverlay(polyline) | ||||
| viewer.flyTo(layer) | viewer.flyTo(layer) | ||||
| } | } | ||||
| DC.ready({ | |||||
| DC.ready({ | |||||
| baseUrl:'../libs/dc-sdk/resources/' | baseUrl:'../libs/dc-sdk/resources/' | ||||
| }).then(initViewer) | }).then(initViewer) | ||||
| </script> | </script> |
+ 8
- 4
examples/overlay/polyline_flicker.html
查看文件
| <meta name="viewport" content="width=device-width,initial-scale=1.0"> | <meta name="viewport" content="width=device-width,initial-scale=1.0"> | ||||
| <title>dc-example</title> | <title>dc-example</title> | ||||
| <script src='/libs/dc-sdk/dc.min.js'></script> | <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='/libs/dc-sdk/dc.min.css' type='text/css' rel='stylesheet'> | ||||
| <link href='../index.css' type='text/css' rel='stylesheet'> | <link href='../index.css' type='text/css' rel='stylesheet'> | ||||
| </head> | </head> | ||||
| function initViewer() { | function initViewer() { | ||||
| viewer = new DC.Viewer('viewer-container') | viewer = new DC.Viewer('viewer-container') | ||||
| let baseLayer = DC.ImageryLayerFactory.createAmapImageryLayer() | |||||
| baseLayer.defaultBrightness = 0.1 | |||||
| let baseLayer = DC.ImageryLayerFactory.createImageryLayer(DC.ImageryType.AMAP,{ | |||||
| style:'img', | |||||
| crs:'WGS84', | |||||
| }) | |||||
| viewer.addBaseLayer( baseLayer,{ | |||||
| brightness : 0.1 | |||||
| }) | |||||
| viewer.addBaseLayer( baseLayer) | viewer.addBaseLayer( baseLayer) | ||||
| let layer = new DC.VectorLayer('layer') | let layer = new DC.VectorLayer('layer') | ||||
| viewer.addLayer(layer) | viewer.addLayer(layer) | ||||
| layer.addOverlay(polyline).addOverlay(polyline1).addOverlay(polyline2).addOverlay(polyline3) | layer.addOverlay(polyline).addOverlay(polyline1).addOverlay(polyline2).addOverlay(polyline3) | ||||
| viewer.flyTo(layer) | viewer.flyTo(layer) | ||||
| } | } | ||||
| DC.ready({ | |||||
| DC.ready({ | |||||
| baseUrl:'../libs/dc-sdk/resources/' | baseUrl:'../libs/dc-sdk/resources/' | ||||
| }).then(initViewer) | }).then(initViewer) | ||||
| </script> | </script> |
+ 8
- 5
examples/overlay/polyline_flow.html
查看文件
| <meta name="viewport" content="width=device-width,initial-scale=1.0"> | <meta name="viewport" content="width=device-width,initial-scale=1.0"> | ||||
| <title>dc-example</title> | <title>dc-example</title> | ||||
| <script src='/libs/dc-sdk/dc.min.js'></script> | <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='/libs/dc-sdk/dc.min.css' type='text/css' rel='stylesheet'> | ||||
| <link href='../index.css' type='text/css' rel='stylesheet'> | <link href='../index.css' type='text/css' rel='stylesheet'> | ||||
| </head> | </head> | ||||
| function initViewer() { | function initViewer() { | ||||
| viewer = new DC.Viewer('viewer-container') | viewer = new DC.Viewer('viewer-container') | ||||
| let baseLayer = DC.ImageryLayerFactory.createAmapImageryLayer() | |||||
| baseLayer.defaultBrightness = 0.1 | |||||
| viewer.addBaseLayer( baseLayer) | |||||
| let baseLayer = DC.ImageryLayerFactory.createImageryLayer(DC.ImageryType.AMAP,{ | |||||
| style:'img', | |||||
| crs:'WGS84', | |||||
| }) | |||||
| viewer.addBaseLayer( baseLayer,{ | |||||
| brightness : 0.1 | |||||
| }) | |||||
| let layer = new DC.VectorLayer('layer') | let layer = new DC.VectorLayer('layer') | ||||
| viewer.addLayer(layer) | viewer.addLayer(layer) | ||||
| layer.addOverlay(polyline).addOverlay(polyline1).addOverlay(polyline2).addOverlay(polyline3) | layer.addOverlay(polyline).addOverlay(polyline1).addOverlay(polyline2).addOverlay(polyline3) | ||||
| viewer.flyTo(layer) | viewer.flyTo(layer) | ||||
| } | } | ||||
| DC.ready({ | |||||
| DC.ready({ | |||||
| baseUrl:'../libs/dc-sdk/resources/' | baseUrl:'../libs/dc-sdk/resources/' | ||||
| }).then(initViewer) | }).then(initViewer) | ||||
| </script> | </script> |
+ 8
- 4
examples/overlay/polyline_image_trail.html
查看文件
| <meta name="viewport" content="width=device-width,initial-scale=1.0"> | <meta name="viewport" content="width=device-width,initial-scale=1.0"> | ||||
| <title>dc-example</title> | <title>dc-example</title> | ||||
| <script src='/libs/dc-sdk/dc.min.js'></script> | <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='/libs/dc-sdk/dc.min.css' type='text/css' rel='stylesheet'> | ||||
| <link href='../index.css' type='text/css' rel='stylesheet'> | <link href='../index.css' type='text/css' rel='stylesheet'> | ||||
| </head> | </head> | ||||
| function initViewer() { | function initViewer() { | ||||
| viewer = new DC.Viewer('viewer-container') | viewer = new DC.Viewer('viewer-container') | ||||
| let baseLayer = DC.ImageryLayerFactory.createAmapImageryLayer() | |||||
| viewer.addBaseLayer( baseLayer) | |||||
| let baseLayer = DC.ImageryLayerFactory.createImageryLayer(DC.ImageryType.AMAP,{ | |||||
| style:'img', | |||||
| crs:'WGS84' | |||||
| }) | |||||
| viewer.addBaseLayer( baseLayer,{ | |||||
| brightness : 0.1 | |||||
| }) | |||||
| let layer = new DC.VectorLayer('layer') | let layer = new DC.VectorLayer('layer') | ||||
| viewer.addLayer(layer) | viewer.addLayer(layer) | ||||
| layer.addOverlay(polyline).addOverlay(polyline1) | layer.addOverlay(polyline).addOverlay(polyline1) | ||||
| viewer.flyTo(layer) | viewer.flyTo(layer) | ||||
| } | } | ||||
| DC.ready({ | |||||
| DC.ready({ | |||||
| baseUrl:'../libs/dc-sdk/resources/' | baseUrl:'../libs/dc-sdk/resources/' | ||||
| }).then(initViewer) | }).then(initViewer) | ||||
| </script> | </script> |
+ 8
- 4
examples/overlay/polyline_lighting.html
查看文件
| <meta name="viewport" content="width=device-width,initial-scale=1.0"> | <meta name="viewport" content="width=device-width,initial-scale=1.0"> | ||||
| <title>dc-example</title> | <title>dc-example</title> | ||||
| <script src='/libs/dc-sdk/dc.min.js'></script> | <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='/libs/dc-sdk/dc.min.css' type='text/css' rel='stylesheet'> | ||||
| <link href='../index.css' type='text/css' rel='stylesheet'> | <link href='../index.css' type='text/css' rel='stylesheet'> | ||||
| </head> | </head> | ||||
| function initViewer() { | function initViewer() { | ||||
| viewer = new DC.Viewer('viewer-container') | viewer = new DC.Viewer('viewer-container') | ||||
| let baseLayer = DC.ImageryLayerFactory.createAmapImageryLayer() | |||||
| viewer.addBaseLayer( baseLayer) | |||||
| let baseLayer = DC.ImageryLayerFactory.createImageryLayer(DC.ImageryType.AMAP,{ | |||||
| style:'img', | |||||
| crs:'WGS84', | |||||
| }) | |||||
| viewer.addBaseLayer( baseLayer,{ | |||||
| brightness : 0.1 | |||||
| }) | |||||
| let layer = new DC.VectorLayer('layer') | let layer = new DC.VectorLayer('layer') | ||||
| viewer.addLayer(layer) | viewer.addLayer(layer) | ||||
| layer.addOverlay(polyline) | layer.addOverlay(polyline) | ||||
| viewer.flyTo(layer) | viewer.flyTo(layer) | ||||
| } | } | ||||
| DC.ready({ | |||||
| DC.ready({ | |||||
| baseUrl:'../libs/dc-sdk/resources/' | baseUrl:'../libs/dc-sdk/resources/' | ||||
| }).then(initViewer) | }).then(initViewer) | ||||
| </script> | </script> |
+ 9
- 3
examples/overlay/polyline_lighting_trail.html
查看文件
| <meta name="viewport" content="width=device-width,initial-scale=1.0"> | <meta name="viewport" content="width=device-width,initial-scale=1.0"> | ||||
| <title>dc-example</title> | <title>dc-example</title> | ||||
| <script src='/libs/dc-sdk/dc.min.js'></script> | <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='/libs/dc-sdk/dc.min.css' type='text/css' rel='stylesheet'> | ||||
| <link href='../index.css' type='text/css' rel='stylesheet'> | <link href='../index.css' type='text/css' rel='stylesheet'> | ||||
| </head> | </head> | ||||
| function initViewer() { | function initViewer() { | ||||
| viewer = new DC.Viewer('viewer-container') | viewer = new DC.Viewer('viewer-container') | ||||
| viewer.addBaseLayer(DC.ImageryLayerFactory.createAmapImageryLayer()) | |||||
| let baseLayer = DC.ImageryLayerFactory.createImageryLayer(DC.ImageryType.AMAP,{ | |||||
| style:'img', | |||||
| crs:'WGS84', | |||||
| }) | |||||
| viewer.addBaseLayer( baseLayer,{ | |||||
| brightness : 0.1 | |||||
| }) | |||||
| let layer = new DC.VectorLayer('layer') | let layer = new DC.VectorLayer('layer') | ||||
| viewer.addLayer(layer) | viewer.addLayer(layer) | ||||
| layer.addOverlay(polyline) | layer.addOverlay(polyline) | ||||
| viewer.flyTo(layer) | viewer.flyTo(layer) | ||||
| } | } | ||||
| DC.ready({ | |||||
| DC.ready({ | |||||
| baseUrl:'../libs/dc-sdk/resources/' | baseUrl:'../libs/dc-sdk/resources/' | ||||
| }).then(initViewer) | }).then(initViewer) | ||||
| </script> | </script> |
+ 5
- 2
examples/overlay/polyline_material.html
查看文件
| <meta name="viewport" content="width=device-width,initial-scale=1.0"> | <meta name="viewport" content="width=device-width,initial-scale=1.0"> | ||||
| <title>dc-example</title> | <title>dc-example</title> | ||||
| <script src='/libs/dc-sdk/dc.min.js'></script> | <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='/libs/dc-sdk/dc.min.css' type='text/css' rel='stylesheet'> | ||||
| <link href='../index.css' type='text/css' rel='stylesheet'> | <link href='../index.css' type='text/css' rel='stylesheet'> | ||||
| </head> | </head> | ||||
| function initViewer() { | function initViewer() { | ||||
| viewer = new DC.Viewer('viewer-container') | viewer = new DC.Viewer('viewer-container') | ||||
| viewer.addBaseLayer(DC.ImageryLayerFactory.createAmapImageryLayer({style:'img'})) | |||||
| let baseLayer = DC.ImageryLayerFactory.createImageryLayer(DC.ImageryType.AMAP,{ | |||||
| style:'img', | |||||
| crs:'WGS84' | |||||
| }) | |||||
| viewer.addBaseLayer( baseLayer) | |||||
| let layer = new DC.VectorLayer('layer') | let layer = new DC.VectorLayer('layer') | ||||
| viewer.addLayer(layer) | viewer.addLayer(layer) | ||||
+ 9
- 3
examples/overlay/polyline_trail.html
查看文件
| <meta name="viewport" content="width=device-width,initial-scale=1.0"> | <meta name="viewport" content="width=device-width,initial-scale=1.0"> | ||||
| <title>dc-example</title> | <title>dc-example</title> | ||||
| <script src='/libs/dc-sdk/dc.min.js'></script> | <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='/libs/dc-sdk/dc.min.css' type='text/css' rel='stylesheet'> | ||||
| <link href='../index.css' type='text/css' rel='stylesheet'> | <link href='../index.css' type='text/css' rel='stylesheet'> | ||||
| </head> | </head> | ||||
| function initViewer() { | function initViewer() { | ||||
| viewer = new DC.Viewer('viewer-container') | viewer = new DC.Viewer('viewer-container') | ||||
| viewer.addBaseLayer(DC.ImageryLayerFactory.createAmapImageryLayer({style:'img'})) | |||||
| let baseLayer = DC.ImageryLayerFactory.createImageryLayer(DC.ImageryType.AMAP,{ | |||||
| style:'img', | |||||
| crs:'WGS84' | |||||
| }) | |||||
| viewer.addBaseLayer( baseLayer,{ | |||||
| brightness : 0.1 | |||||
| }) | |||||
| let layer = new DC.VectorLayer('layer') | let layer = new DC.VectorLayer('layer') | ||||
| viewer.addLayer(layer) | viewer.addLayer(layer) | ||||
| let polyline = new DC.Polyline('-75, 35; -125, 35') | let polyline = new DC.Polyline('-75, 35; -125, 35') | ||||
| layer.addOverlay(polyline) | layer.addOverlay(polyline) | ||||
| viewer.flyTo(layer) | viewer.flyTo(layer) | ||||
| } | } | ||||
| DC.ready({ | |||||
| DC.ready({ | |||||
| baseUrl:'../libs/dc-sdk/resources/' | baseUrl:'../libs/dc-sdk/resources/' | ||||
| }).then(initViewer) | }).then(initViewer) | ||||
| </script> | </script> |
+ 1
- 2
examples/overlay/radar_line.html
查看文件
| <meta name="viewport" content="width=device-width,initial-scale=1.0"> | <meta name="viewport" content="width=device-width,initial-scale=1.0"> | ||||
| <title>dc-example</title> | <title>dc-example</title> | ||||
| <script src='/libs/dc-sdk/dc.min.js'></script> | <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='/libs/dc-sdk/dc.min.css' type='text/css' rel='stylesheet'> | ||||
| <link href='../index.css' type='text/css' rel='stylesheet'> | <link href='../index.css' type='text/css' rel='stylesheet'> | ||||
| </head> | </head> | ||||
| layer.addOverlay(circle) | layer.addOverlay(circle) | ||||
| viewer.flyToPosition("121.4941629,31.2091462,1859.56,0,-28.71") | viewer.flyToPosition("121.4941629,31.2091462,1859.56,0,-28.71") | ||||
| } | } | ||||
| DC.ready({ | |||||
| DC.ready({ | |||||
| baseUrl:'../libs/dc-sdk/resources/' | baseUrl:'../libs/dc-sdk/resources/' | ||||
| }).then(initViewer) | }).then(initViewer) | ||||
| </script> | </script> |
+ 1
- 2
examples/overlay/radar_pic.html
查看文件
| <meta name="viewport" content="width=device-width,initial-scale=1.0"> | <meta name="viewport" content="width=device-width,initial-scale=1.0"> | ||||
| <title>dc-example</title> | <title>dc-example</title> | ||||
| <script src='/libs/dc-sdk/dc.min.js'></script> | <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='/libs/dc-sdk/dc.min.css' type='text/css' rel='stylesheet'> | ||||
| <link href='../index.css' type='text/css' rel='stylesheet'> | <link href='../index.css' type='text/css' rel='stylesheet'> | ||||
| </head> | </head> | ||||
| layer.addOverlay(circle) | layer.addOverlay(circle) | ||||
| viewer.flyToPosition("121.4941629,31.2091462,1859.56,0,-28.71") | viewer.flyToPosition("121.4941629,31.2091462,1859.56,0,-28.71") | ||||
| } | } | ||||
| DC.ready({ | |||||
| DC.ready({ | |||||
| baseUrl:'../libs/dc-sdk/resources/' | baseUrl:'../libs/dc-sdk/resources/' | ||||
| }).then(initViewer) | }).then(initViewer) | ||||
| </script> | </script> |
+ 1
- 2
examples/overlay/radar_wave.html
查看文件
| <meta name="viewport" content="width=device-width,initial-scale=1.0"> | <meta name="viewport" content="width=device-width,initial-scale=1.0"> | ||||
| <title>dc-example</title> | <title>dc-example</title> | ||||
| <script src='/libs/dc-sdk/dc.min.js'></script> | <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='/libs/dc-sdk/dc.min.css' type='text/css' rel='stylesheet'> | ||||
| <link href='../index.css' type='text/css' rel='stylesheet'> | <link href='../index.css' type='text/css' rel='stylesheet'> | ||||
| </head> | </head> | ||||
| layer.addOverlay(circle) | layer.addOverlay(circle) | ||||
| viewer.flyToPosition("121.4941629,31.2091462,1859.56,0,-28.71") | viewer.flyToPosition("121.4941629,31.2091462,1859.56,0,-28.71") | ||||
| } | } | ||||
| DC.ready({ | |||||
| DC.ready({ | |||||
| baseUrl:'../libs/dc-sdk/resources/' | baseUrl:'../libs/dc-sdk/resources/' | ||||
| }).then(initViewer) | }).then(initViewer) | ||||
| </script> | </script> |
+ 4
- 6
examples/overlay/wall.html
查看文件
| <meta name="viewport" content="width=device-width,initial-scale=1.0"> | <meta name="viewport" content="width=device-width,initial-scale=1.0"> | ||||
| <title>dc-example</title> | <title>dc-example</title> | ||||
| <script src='/libs/dc-sdk/dc.min.js'></script> | <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='/libs/dc-sdk/dc.min.css' type='text/css' rel='stylesheet'> | ||||
| <link href='../index.css' type='text/css' rel='stylesheet'> | <link href='../index.css' type='text/css' rel='stylesheet'> | ||||
| </head> | </head> | ||||
| function initViewer() { | function initViewer() { | ||||
| viewer = new DC.Viewer('viewer-container') | viewer = new DC.Viewer('viewer-container') | ||||
| let key = '0f7c1d161d7352116a21aacf0e9f44c1' | |||||
| let baseLayer = DC.ImageryLayerFactory.createTdtImageryLayer({ | |||||
| key, | |||||
| style: 'img' | |||||
| let baseLayer = DC.ImageryLayerFactory.createImageryLayer(DC.ImageryType.AMAP,{ | |||||
| style:'img', | |||||
| crs:'WGS84', | |||||
| }) | }) | ||||
| viewer.addBaseLayer( baseLayer) | viewer.addBaseLayer( baseLayer) | ||||
| let layer = new DC.VectorLayer('layer') | let layer = new DC.VectorLayer('layer') | ||||
| layer.addOverlay(wall) | layer.addOverlay(wall) | ||||
| viewer.flyTo(layer) | viewer.flyTo(layer) | ||||
| } | } | ||||
| DC.ready({ | |||||
| DC.ready({ | |||||
| baseUrl:'../libs/dc-sdk/resources/' | baseUrl:'../libs/dc-sdk/resources/' | ||||
| }).then(initViewer) | }).then(initViewer) | ||||
| </script> | </script> |
+ 2
- 3
examples/overlay/wall_image_trail.html
查看文件
| <meta name="viewport" content="width=device-width,initial-scale=1.0"> | <meta name="viewport" content="width=device-width,initial-scale=1.0"> | ||||
| <title>dc-example</title> | <title>dc-example</title> | ||||
| <script src='/libs/dc-sdk/dc.min.js'></script> | <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='/libs/dc-sdk/dc.min.css' type='text/css' rel='stylesheet'> | ||||
| <link href='../index.css' type='text/css' rel='stylesheet'> | <link href='../index.css' type='text/css' rel='stylesheet'> | ||||
| </head> | </head> | ||||
| style: 'img', | style: 'img', | ||||
| crs:'WGS84' | crs:'WGS84' | ||||
| }) | }) | ||||
| viewer.addBaseLayer( baseLayer) | |||||
| viewer.addBaseLayer( baseLayer,{brightness : 0.1} ) | |||||
| let layer = new DC.VectorLayer('layer') | let layer = new DC.VectorLayer('layer') | ||||
| viewer.addLayer(layer) | viewer.addLayer(layer) | ||||
| layer.addOverlay(wall) | layer.addOverlay(wall) | ||||
| viewer.flyTo(layer) | viewer.flyTo(layer) | ||||
| } | } | ||||
| DC.ready({ | |||||
| DC.ready({ | |||||
| baseUrl:'../libs/dc-sdk/resources/' | baseUrl:'../libs/dc-sdk/resources/' | ||||
| }).then(initViewer) | }).then(initViewer) | ||||
| </script> | </script> |
+ 2
- 3
examples/overlay/wall_trail.html
查看文件
| <meta name="viewport" content="width=device-width,initial-scale=1.0"> | <meta name="viewport" content="width=device-width,initial-scale=1.0"> | ||||
| <title>dc-example</title> | <title>dc-example</title> | ||||
| <script src='/libs/dc-sdk/dc.min.js'></script> | <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='/libs/dc-sdk/dc.min.css' type='text/css' rel='stylesheet'> | ||||
| <link href='../index.css' type='text/css' rel='stylesheet'> | <link href='../index.css' type='text/css' rel='stylesheet'> | ||||
| </head> | </head> | ||||
| style: 'img', | style: 'img', | ||||
| crs:'WGS84' | crs:'WGS84' | ||||
| }) | }) | ||||
| viewer.addBaseLayer( baseLayer) | |||||
| viewer.addBaseLayer( baseLayer,{brightness : 0.1} ) | |||||
| let layer = new DC.VectorLayer('layer') | let layer = new DC.VectorLayer('layer') | ||||
| viewer.addLayer(layer) | viewer.addLayer(layer) | ||||
| layer.addOverlay(wall) | layer.addOverlay(wall) | ||||
| viewer.flyTo(layer) | viewer.flyTo(layer) | ||||
| } | } | ||||
| DC.ready({ | |||||
| DC.ready({ | |||||
| baseUrl:'../libs/dc-sdk/resources/' | baseUrl:'../libs/dc-sdk/resources/' | ||||
| }).then(initViewer) | }).then(initViewer) | ||||
| </script> | </script> |
+ 1
- 2
examples/overlay/water.html
查看文件
| <meta name="viewport" content="width=device-width,initial-scale=1.0"> | <meta name="viewport" content="width=device-width,initial-scale=1.0"> | ||||
| <title>dc-example</title> | <title>dc-example</title> | ||||
| <script src='/libs/dc-sdk/dc.min.js'></script> | <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='/libs/dc-sdk/dc.min.css' type='text/css' rel='stylesheet'> | ||||
| <link href='../index.css' type='text/css' rel='stylesheet'> | <link href='../index.css' type='text/css' rel='stylesheet'> | ||||
| </head> | </head> | ||||
| layer.addOverlay(water) | layer.addOverlay(water) | ||||
| viewer.flyToPosition(new DC.Position(120.98516078138239,31.392917623508968,729.1673469895062,0,-83.6210050749661)) | viewer.flyToPosition(new DC.Position(120.98516078138239,31.392917623508968,729.1673469895062,0,-83.6210050749661)) | ||||
| } | } | ||||
| DC.ready({ | |||||
| DC.ready({ | |||||
| baseUrl:'../libs/dc-sdk/resources/' | baseUrl:'../libs/dc-sdk/resources/' | ||||
| }).then(initViewer) | }).then(initViewer) | ||||
| </script> | </script> |
+ 27
- 23
examples/widget/scene_split.html
查看文件
| function initViewer() { | function initViewer() { | ||||
| viewer = new DC.Viewer('viewer-container') | viewer = new DC.Viewer('viewer-container') | ||||
| let key = '1c3ff1358b17417f1782dd1ae7bdd00a' | |||||
| let img = DC.ImageryLayerFactory.createTdtImageryLayer({ | |||||
| key, | |||||
| style: 'img' | |||||
| }) | |||||
| viewer.addBaseLayer(img) | |||||
| let baseLayer = DC.ImageryLayerFactory.createImageryLayer(DC.ImageryType.AMAP, | |||||
| { | |||||
| style:'img', | |||||
| crs:'WGS84' | |||||
| } | |||||
| ) | |||||
| viewer.addBaseLayer(baseLayer) | |||||
| let layer = new DC.TilesetLayer('layer').addTo(viewer) | let layer = new DC.TilesetLayer('layer').addTo(viewer) | ||||
| let tileset = new DC.Tileset( | let tileset = new DC.Tileset( | ||||
| '//resource.dvgis.cn/data/3dtiles/dayanta/tileset.json' | '//resource.dvgis.cn/data/3dtiles/dayanta/tileset.json' | ||||
| tileset.setSplitDirection(-1) | tileset.setSplitDirection(-1) | ||||
| layer.addOverlay(tileset) | layer.addOverlay(tileset) | ||||
| viewer.sceneSplit.enable = true | viewer.sceneSplit.enable = true | ||||
| viewer.sceneSplit.addBaseLayer(DC.ImageryLayerFactory.createTdtImageryLayer({ | |||||
| key | |||||
| })) | |||||
| let tileset_right = new DC.Tileset( | |||||
| '//resource.dvgis.cn/data/3dtiles/dayanta/tileset.json' | |||||
| ) | |||||
| tileset_right.setStyle(new DC.TilesetStyle({ | |||||
| color : { | |||||
| conditions : [ | |||||
| ['true', 'rgba(255,255,0,0.8)'] | |||||
| ] | |||||
| }, | |||||
| }) | |||||
| ) | |||||
| tileset_right.setHeight(-420) | |||||
| tileset_right.setSplitDirection(1) | |||||
| viewer.sceneSplit.addTileset(tileset_right) | |||||
| // viewer.sceneSplit.addBaseLayer(DC.ImageryLayerFactory.createTdtImageryLayer({ | |||||
| // key | |||||
| // })) | |||||
| // | |||||
| // let tileset_right = new DC.Tileset( | |||||
| // '//resource.dvgis.cn/data/3dtiles/dayanta/tileset.json' | |||||
| // ) | |||||
| // tileset_right.setStyle(new DC.TilesetStyle({ | |||||
| // color : { | |||||
| // conditions : [ | |||||
| // ['true', 'rgba(255,255,0,0.8)'] | |||||
| // ] | |||||
| // }, | |||||
| // }) | |||||
| // ) | |||||
| // tileset_right.setHeight(-420) | |||||
| // tileset_right.setSplitDirection(1) | |||||
| // viewer.sceneSplit.addTileset(tileset_right) | |||||
| addGuiController() // add controller | addGuiController() // add controller | ||||
| viewer.flyTo(tileset) | viewer.flyTo(tileset) | ||||
| } | } |
+ 0
- 57
examples/widget/split.html
查看文件
| <!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.mapSplit.enable = Boolean(checked) | |||||
| } | |||||
| function initViewer() { | |||||
| viewer = new DC.Viewer('viewer-container') | |||||
| let key = '1c3ff1358b17417f1782dd1ae7bdd00a' | |||||
| let img = DC.ImageryLayerFactory.createTdtImageryLayer({ | |||||
| key, | |||||
| style: 'img' | |||||
| }) | |||||
| viewer.addBaseLayer(img) | |||||
| let baselayer_elc =DC.ImageryLayerFactory.createTdtImageryLayer({ | |||||
| key | |||||
| }) | |||||
| viewer.mapSplit.enable = true | |||||
| viewer.mapSplit.addBaseLayer(baselayer_elc) | |||||
| addGuiController() // add controller | |||||
| } | |||||
| function addGuiController(){ | |||||
| let controls = { | |||||
| enable :true, | |||||
| } | |||||
| let gui = new dat.GUI(); | |||||
| gui.add(controls,'enable',).onChange(value=>{ | |||||
| viewer.mapSplit.enable = value | |||||
| }) | |||||
| } | |||||
| DC.ready({ | |||||
| baseUrl:'../libs/dc-sdk/resources/' | |||||
| }).then(initViewer) | |||||
| </script> | |||||
| </body> | |||||
| </html> |
+ 7
- 3
src/index.js
查看文件
| Object.keys(modules).forEach((key) => { | Object.keys(modules).forEach((key) => { | ||||
| this[key] = modules[key] | this[key] = modules[key] | ||||
| }) | }) | ||||
| // register third part modules | // register third part modules | ||||
| const { THIRD_PART } = require('./modules/third-part') | const { THIRD_PART } = require('./modules/third-part') | ||||
| Object.keys(THIRD_PART).forEach((key) => { | Object.keys(THIRD_PART).forEach((key) => { | ||||
| this[key] = THIRD_PART[key] | this[key] = THIRD_PART[key] | ||||
| }) | }) | ||||
| // register math module | |||||
| if (this['Math']) { | |||||
| const funcs = require('./modules/math') | |||||
| Object.keys(funcs).forEach((key) => { | |||||
| this['Math'][key] = funcs[key] | |||||
| }) | |||||
| } | |||||
| // register chart module | // register chart module | ||||
| if (getLib('echarts')) { | if (getLib('echarts')) { | ||||
| const modules = require('./modules/chart') | const modules = require('./modules/chart') | ||||
| this[key] = modules[key] | this[key] = modules[key] | ||||
| }) | }) | ||||
| } | } | ||||
| // register turf module | // register turf module | ||||
| if (getLib('turf')) { | if (getLib('turf')) { | ||||
| // todo | // todo |
+ 1
- 1
src/modules/exts/BaseLayerPicker.js
查看文件
| } | } | ||||
| this._count++ | this._count++ | ||||
| this._imageryLayers.push({ | this._imageryLayers.push({ | ||||
| id: `dc-imagery-${this._count}`, | |||||
| id: `imagery-no-${this._count}`, | |||||
| layers: imageryLayers, | layers: imageryLayers, | ||||
| options: options, | options: options, | ||||
| }) | }) |
+ 100
- 4
src/modules/index.js
查看文件
| export { MouseEventType, SceneEventType } from './event' | export { MouseEventType, SceneEventType } from './event' | ||||
| export { ImageryType, ImageryLayerFactory } from './imagery' | |||||
| export { MouseMode } from './option' | export { MouseMode } from './option' | ||||
| export { default as Position } from './position/Position' | export { default as Position } from './position/Position' | ||||
| export { Util, DomUtil } from './utils' | export { Util, DomUtil } from './utils' | ||||
| export { Transform, CoordTransform } from './transform' | |||||
| export { Transform, Transform as T, CoordTransform } from './transform' | |||||
| export { default as Parse, default as P } from './parse/Parse' | |||||
| export { ImageryType, ImageryLayerFactory } from './imagery' | |||||
| export { default as Parse } from './parse/Parse' | |||||
| export { TerrainType, TerrainFactory } from './terrain' | |||||
| export { GroundSkyBox } from './exts' | export { GroundSkyBox } from './exts' | ||||
| export { | |||||
| LayerType, | |||||
| Layer, | |||||
| LayerGroup, | |||||
| ClusterLayer, | |||||
| CzmlLayer, | |||||
| DynamicLayer, | |||||
| FeatureGridLayer, | |||||
| GeoJsonLayer, | |||||
| GpxLayer, | |||||
| GraticuleLayer, | |||||
| GroundPrimitiveLayer, | |||||
| HtmlLayer, | |||||
| KmlLayer, | |||||
| LabelLayer, | |||||
| PrimitiveLayer, | |||||
| TilesetLayer, | |||||
| VectorLayer, | |||||
| } from './layer' | |||||
| export { | |||||
| Overlay, | |||||
| OverlayType, | |||||
| CustomBillboard, | |||||
| CustomLabel, | |||||
| DynamicBillboard, | |||||
| DynamicModel, | |||||
| DivIcon, | |||||
| Model, | |||||
| Tileset, | |||||
| AttackArrow, | |||||
| DoubleArrow, | |||||
| FineArrow, | |||||
| GatheringPlace, | |||||
| TailedAttackArrow, | |||||
| BillboardPrimitive, | |||||
| BounceBillboardPrimitive, | |||||
| BounceLabelPrimitive, | |||||
| CloudPrimitive, | |||||
| DiffuseWallPrimitive, | |||||
| ElecEllipsoidPrimitive, | |||||
| FlowLinePrimitive, | |||||
| LabelPrimitive, | |||||
| LightCylinderPrimitive, | |||||
| ModelPrimitive, | |||||
| PointPrimitive, | |||||
| PolylinePrimitive, | |||||
| ScanCirclePrimitive, | |||||
| TrailLinePrimitive, | |||||
| VideoPrimitive, | |||||
| WaterPrimitive, | |||||
| Billboard, | |||||
| Box, | |||||
| Circle, | |||||
| Corridor, | |||||
| Cylinder, | |||||
| Ellipse, | |||||
| Ellipsoid, | |||||
| Label, | |||||
| Plane, | |||||
| Point, | |||||
| Polygon, | |||||
| Polyline, | |||||
| PolylineVolume, | |||||
| Rect, | |||||
| Wall, | |||||
| } from './overlay' | |||||
| export { | |||||
| CircleBlurMaterialProperty, | |||||
| CircleDiffuseMaterialProperty, | |||||
| CircleFadeMaterialProperty, | |||||
| CirclePulseMaterialProperty, | |||||
| CircleScanMaterialProperty, | |||||
| CircleSpiralMaterialProperty, | |||||
| CircleVaryMaterialProperty, | |||||
| CircleWaveMaterialProperty, | |||||
| EllipsoidElectricMaterialProperty, | |||||
| EllipsoidTrailMaterialProperty, | |||||
| PolylineFlickerMaterialProperty, | |||||
| PolylineFlowMaterialProperty, | |||||
| PolylineImageTrailMaterialProperty, | |||||
| PolylineLightingMaterialProperty, | |||||
| PolylineLightingTrailMaterialProperty, | |||||
| PolylineTrailMaterialProperty, | |||||
| RadarLineMaterialProperty, | |||||
| RadarSweepMaterialProperty, | |||||
| RadarWaveMaterialProperty, | |||||
| WallImageTrailMaterialProperty, | |||||
| WallLineTrailMaterialProperty, | |||||
| WallTrailMaterialProperty, | |||||
| WaterMaterialProperty, | |||||
| } from './material' |
+ 0
- 2
src/modules/layer/Layer.js
查看文件
| * @private | * @private | ||||
| */ | */ | ||||
| _addOverlay(overlay) { | _addOverlay(overlay) { | ||||
| // eslint-disable-next-line no-prototype-builtins | |||||
| if (!this._cache.hasOwnProperty(overlay.overlayId)) { | if (!this._cache.hasOwnProperty(overlay.overlayId)) { | ||||
| this._cache[overlay.overlayId] = overlay | this._cache[overlay.overlayId] = overlay | ||||
| this._delegate && overlay.fire(OverlayEventType.ADD, this) | this._delegate && overlay.fire(OverlayEventType.ADD, this) | ||||
| * @private | * @private | ||||
| */ | */ | ||||
| _removeOverlay(overlay) { | _removeOverlay(overlay) { | ||||
| // eslint-disable-next-line no-prototype-builtins | |||||
| if (this._cache.hasOwnProperty(overlay.overlayId)) { | if (this._cache.hasOwnProperty(overlay.overlayId)) { | ||||
| this._delegate && overlay.fire(OverlayEventType.REMOVE, this) | this._delegate && overlay.fire(OverlayEventType.REMOVE, this) | ||||
| delete this._cache[overlay.overlayId] | delete this._cache[overlay.overlayId] |
+ 2
- 2
src/modules/layer/type/HtmlLayer.js
查看文件
| */ | */ | ||||
| _onAdd(viewer) { | _onAdd(viewer) { | ||||
| this._viewer = viewer | this._viewer = viewer | ||||
| this._viewer.dcContainer.appendChild(this._delegate) | |||||
| this._viewer.layerContainer.appendChild(this._delegate) | |||||
| let scene = this._viewer.scene | let scene = this._viewer.scene | ||||
| this._renderRemoveCallback = scene.postRender.addEventListener(() => { | this._renderRemoveCallback = scene.postRender.addEventListener(() => { | ||||
| let cp = this._viewer.camera.positionWC | let cp = this._viewer.camera.positionWC | ||||
| */ | */ | ||||
| _onRemove() { | _onRemove() { | ||||
| this._renderRemoveCallback && this._renderRemoveCallback() | this._renderRemoveCallback && this._renderRemoveCallback() | ||||
| this._viewer.dcContainer.removeChild(this._delegate) | |||||
| this._viewer.layerContainer.removeChild(this._delegate) | |||||
| this._state = State.REMOVED | this._state = State.REMOVED | ||||
| } | } | ||||
+ 1
- 1
src/modules/material/MaterialProperty.js
查看文件
| * @Date: 2021-02-27 22:33:50 | * @Date: 2021-02-27 22:33:50 | ||||
| */ | */ | ||||
| import { Cesium } from '@dc-modules/namespace' | |||||
| import { Cesium } from '../../namespace' | |||||
| class MaterialProperty { | class MaterialProperty { | ||||
| constructor(options = {}) { | constructor(options = {}) { |
+ 2
- 2
src/modules/material/property/polyline/PolylineLightingMaterialProperty.js
查看文件
| * @Date: 2021-01-13 20:52:47 | * @Date: 2021-01-13 20:52:47 | ||||
| */ | */ | ||||
| import { Cesium } from '@dc-modules/namespace' | |||||
| import { Cesium } from '../../../../namespace' | |||||
| import MaterialProperty from '../../MaterialProperty' | import MaterialProperty from '../../MaterialProperty' | ||||
| const IMG = require('@dc-modules/images/lighting.png') | |||||
| import IMG from '../../../images/lighting.png' | |||||
| class PolylineLightingMaterialProperty extends MaterialProperty { | class PolylineLightingMaterialProperty extends MaterialProperty { | ||||
| constructor(options = {}) { | constructor(options = {}) { |
+ 2
- 3
src/modules/material/property/polyline/PolylineLightingTrailMaterialProperty.js
查看文件
| * @Date: 2021-01-13 20:52:47 | * @Date: 2021-01-13 20:52:47 | ||||
| */ | */ | ||||
| import { Cesium } from '@dc-modules/namespace' | |||||
| import { Cesium } from '../../../../namespace' | |||||
| import MaterialProperty from '../../MaterialProperty' | import MaterialProperty from '../../MaterialProperty' | ||||
| const IMG = require('@dc-modules/images/lighting.png') | |||||
| import IMG from '../../../images/lighting.png' | |||||
| class PolylineLightingTrailMaterialProperty extends MaterialProperty { | class PolylineLightingTrailMaterialProperty extends MaterialProperty { | ||||
| constructor(options = {}) { | constructor(options = {}) { |
+ 1
- 1
src/modules/material/property/polyline/PolylineTrailMaterialProperty.js
查看文件
| * @Date: 2020-02-24 13:09:09 | * @Date: 2020-02-24 13:09:09 | ||||
| */ | */ | ||||
| import { Cesium } from '@dc-modules/namespace' | |||||
| import { Cesium } from '../../../../namespace' | |||||
| import MaterialProperty from '../../MaterialProperty' | import MaterialProperty from '../../MaterialProperty' | ||||
| class PolylineTrailMaterialProperty extends MaterialProperty { | class PolylineTrailMaterialProperty extends MaterialProperty { |
+ 1
- 1
src/modules/material/property/radar/RadarLineMaterialProperty.js
查看文件
| * @Date: 2021-02-27 23:53:08 | * @Date: 2021-02-27 23:53:08 | ||||
| */ | */ | ||||
| import { Cesium } from '@dc-modules/namespace' | |||||
| import { Cesium } from '../../../../namespace' | |||||
| import MaterialProperty from '../../MaterialProperty' | import MaterialProperty from '../../MaterialProperty' | ||||
| class RadarLineMaterialProperty extends MaterialProperty { | class RadarLineMaterialProperty extends MaterialProperty { |
+ 1
- 1
src/modules/material/property/radar/RadarSweepMaterialProperty.js
查看文件
| * @Date: 2021-02-27 23:53:08 | * @Date: 2021-02-27 23:53:08 | ||||
| */ | */ | ||||
| import { Cesium } from '@dc-modules/namespace' | |||||
| import { Cesium } from '../../../../namespace' | |||||
| import MaterialProperty from '../../MaterialProperty' | import MaterialProperty from '../../MaterialProperty' | ||||
| class RadarSweepMaterialProperty extends MaterialProperty { | class RadarSweepMaterialProperty extends MaterialProperty { |
+ 1
- 1
src/modules/material/property/radar/RadarWaveMaterialProperty.js
查看文件
| * @Date: 2021-02-27 23:53:08 | * @Date: 2021-02-27 23:53:08 | ||||
| */ | */ | ||||
| import { Cesium } from '@dc-modules/namespace' | |||||
| import { Cesium } from '../../../../namespace' | |||||
| import MaterialProperty from '../../MaterialProperty' | import MaterialProperty from '../../MaterialProperty' | ||||
| class RadarWaveMaterialProperty extends MaterialProperty { | class RadarWaveMaterialProperty extends MaterialProperty { |
+ 1
- 1
src/modules/material/property/wall/WallImageTrailMaterialProperty.js
查看文件
| * @Date: 2021-02-27 23:53:08 | * @Date: 2021-02-27 23:53:08 | ||||
| */ | */ | ||||
| import { Cesium } from '@dc-modules/namespace' | |||||
| import { Cesium } from '../../../../namespace' | |||||
| import MaterialProperty from '../../MaterialProperty' | import MaterialProperty from '../../MaterialProperty' | ||||
| class WallImageTrailMaterialProperty extends MaterialProperty { | class WallImageTrailMaterialProperty extends MaterialProperty { |
+ 2
- 2
src/modules/material/property/wall/WallLineTrailMaterialProperty.js
查看文件
| * @Date: 2021-02-24 13:54:09 | * @Date: 2021-02-24 13:54:09 | ||||
| */ | */ | ||||
| import { Cesium } from '@dc-modules/namespace' | |||||
| import { Cesium } from '../../../../namespace' | |||||
| import MaterialProperty from '../../MaterialProperty' | import MaterialProperty from '../../MaterialProperty' | ||||
| const IMG = require('@dc-modules/images/space_line.png') | |||||
| import IMG from '../../../images/space_line.png' | |||||
| class WallLineTrailMaterialProperty extends MaterialProperty { | class WallLineTrailMaterialProperty extends MaterialProperty { | ||||
| constructor(options = {}) { | constructor(options = {}) { |
+ 2
- 3
src/modules/material/property/wall/WallTrailMaterialProperty.js
查看文件
| * @Date: 2020-06-22 16:46:14 | * @Date: 2020-06-22 16:46:14 | ||||
| */ | */ | ||||
| import { Cesium } from '@dc-modules/namespace' | |||||
| import { Cesium } from '../../../../namespace' | |||||
| import MaterialProperty from '../../MaterialProperty' | import MaterialProperty from '../../MaterialProperty' | ||||
| const IMG = require('@dc-modules/images/fence.png') | |||||
| import IMG from '../../../images/fence.png' | |||||
| class WallTrailMaterialProperty extends MaterialProperty { | class WallTrailMaterialProperty extends MaterialProperty { | ||||
| constructor(options = {}) { | constructor(options = {}) { |
+ 1
- 1
src/modules/material/property/water/WaterMaterialProperty.js
查看文件
| * @Date: 2020-02-25 21:16:00 | * @Date: 2020-02-25 21:16:00 | ||||
| */ | */ | ||||
| import { Cesium } from '@dc-modules/namespace' | |||||
| import { Cesium } from '../../../../namespace' | |||||
| class WaterMaterialProperty { | class WaterMaterialProperty { | ||||
| constructor(options) { | constructor(options) { |
+ 10
- 11
src/modules/material/type/circle.js
查看文件
| */ | */ | ||||
| import { Cesium } from '../../../namespace' | import { Cesium } from '../../../namespace' | ||||
| const CircleBlurMaterial = require('../shader/circle/CircleBlurMaterial.glsl') | |||||
| const CircleDiffuseMaterial = require('../shader/circle/CircleDiffuseMaterial.glsl') | |||||
| const CircleFadeMaterial = require('../shader/circle/CircleFadeMaterial.glsl') | |||||
| const CirclePulseMaterial = require('../shader/circle/CirclePulseMaterial.glsl') | |||||
| const CircleRingMaterial = require('../shader/circle/CircleRingMaterial.glsl') | |||||
| const CircleRotateMaterial = require('../shader/circle/CircleRotateMaterial.glsl') | |||||
| const CircleScanMaterial = require('../shader/circle/CircleScanMaterial.glsl') | |||||
| const CircleSpiralMaterial = require('../shader/circle/CircleSpiralMaterial.glsl') | |||||
| const CircleVaryMaterial = require('../shader/circle/CircleVaryMaterial.glsl') | |||||
| const CircleWaveMaterial = require('../shader/circle/CircleWaveMaterial.glsl') | |||||
| import CircleBlurMaterial from '../shader/circle/CircleBlurMaterial.glsl' | |||||
| import CircleDiffuseMaterial from '../shader/circle/CircleDiffuseMaterial.glsl' | |||||
| import CircleFadeMaterial from '../shader/circle/CircleFadeMaterial.glsl' | |||||
| import CirclePulseMaterial from '../shader/circle/CirclePulseMaterial.glsl' | |||||
| import CircleRingMaterial from '../shader/circle/CircleRingMaterial.glsl' | |||||
| import CircleRotateMaterial from '../shader/circle/CircleRotateMaterial.glsl' | |||||
| import CircleScanMaterial from '../shader/circle/CircleScanMaterial.glsl' | |||||
| import CircleSpiralMaterial from '../shader/circle/CircleSpiralMaterial.glsl' | |||||
| import CircleVaryMaterial from '../shader/circle/CircleVaryMaterial.glsl' | |||||
| import CircleWaveMaterial from '../shader/circle/CircleWaveMaterial.glsl' | |||||
| /** | /** | ||||
| * CircleBlur | * CircleBlur |
+ 2
- 3
src/modules/material/type/cylinder.js
查看文件
| */ | */ | ||||
| import { Cesium } from '../../../namespace' | import { Cesium } from '../../../namespace' | ||||
| const CylinderFadeMaterial = require('../shader/cylinder/CylinderFadeMaterial.glsl') | |||||
| const CylinderParticlesMaterial = require('../shader/cylinder/CylinderParticlesMaterial.glsl') | |||||
| import CylinderFadeMaterial from '../shader/cylinder/CylinderFadeMaterial.glsl' | |||||
| import CylinderParticlesMaterial from '../shader/cylinder/CylinderParticlesMaterial.glsl' | |||||
| /** | /** | ||||
| * CylinderFade | * CylinderFade |
+ 2
- 3
src/modules/material/type/ellipsoid.js
查看文件
| */ | */ | ||||
| import { Cesium } from '../../../namespace' | import { Cesium } from '../../../namespace' | ||||
| const EllipsoidElectricMaterial = require('../shader/ellipsoid/EllipsoidElectricMaterial.glsl') | |||||
| const EllipsoidTrailMaterial = require('../shader/ellipsoid/EllipsoidTrailMaterial.glsl') | |||||
| import EllipsoidElectricMaterial from '../shader/ellipsoid/EllipsoidElectricMaterial.glsl' | |||||
| import EllipsoidTrailMaterial from '../shader/ellipsoid/EllipsoidTrailMaterial.glsl' | |||||
| /** | /** | ||||
| * EllipsoidElectric | * EllipsoidElectric |
+ 7
- 8
src/modules/material/type/polyline.js
查看文件
| * @Date: 2021-02-27 23:23:12 | * @Date: 2021-02-27 23:23:12 | ||||
| */ | */ | ||||
| import { Cesium } from '@dc-modules/namespace' | |||||
| const LineFlickerMaterial = require('../shader/polyline/PolylineFlickerMaterial.glsl') | |||||
| const LineFlowMaterial = require('../shader/polyline/PolylineFlowMaterial.glsl') | |||||
| const LineImageTrailMaterial = require('../shader/polyline/PolylineImageTrailMaterial.glsl') | |||||
| const LineLightingMaterial = require('../shader/polyline/PolylineLightingMaterial.glsl') | |||||
| const LineLightingTrailMaterial = require('../shader/polyline/PolylineLightingTrailMaterial.glsl') | |||||
| const LineTrailMaterial = require('../shader/polyline/PolylineTrailMaterial.glsl') | |||||
| import { Cesium } from '../../../namespace' | |||||
| import LineFlickerMaterial from '../shader/polyline/PolylineFlickerMaterial.glsl' | |||||
| import LineFlowMaterial from '../shader/polyline/PolylineFlowMaterial.glsl' | |||||
| import LineImageTrailMaterial from '../shader/polyline/PolylineImageTrailMaterial.glsl' | |||||
| import LineLightingMaterial from '../shader/polyline/PolylineLightingMaterial.glsl' | |||||
| import LineLightingTrailMaterial from '../shader/polyline/PolylineLightingTrailMaterial.glsl' | |||||
| import LineTrailMaterial from '../shader/polyline/PolylineTrailMaterial.glsl' | |||||
| /** | /** | ||||
| * PolylineFlicker | * PolylineFlicker |
+ 4
- 5
src/modules/material/type/radar.js
查看文件
| * @Date: 2021-02-27 23:22:38 | * @Date: 2021-02-27 23:22:38 | ||||
| */ | */ | ||||
| import { Cesium } from '@dc-modules/namespace' | |||||
| const RadarLineMaterial = require('../shader/radar/RadarLineMaterial.glsl') | |||||
| const RadarSweepMaterial = require('../shader/radar/RadarSweepMaterial.glsl') | |||||
| const RadarWaveMaterial = require('../shader/radar/RadarWaveMaterial.glsl') | |||||
| import { Cesium } from '../../../namespace' | |||||
| import RadarLineMaterial from '../shader/radar/RadarLineMaterial.glsl' | |||||
| import RadarSweepMaterial from '../shader/radar/RadarSweepMaterial.glsl' | |||||
| import RadarWaveMaterial from '../shader/radar/RadarWaveMaterial.glsl' | |||||
| /** | /** | ||||
| * RadarLine | * RadarLine |
+ 15
- 16
src/modules/material/type/thirdpart.js
查看文件
| * @Date: 2021-02-27 22:52:23 | * @Date: 2021-02-27 22:52:23 | ||||
| */ | */ | ||||
| import { Cesium } from '@dc-modules/namespace' | |||||
| const czm_cellular = require('../shader/thirdpart/cellular.glsl') | |||||
| const czm_snoise = require('../shader/thirdpart/snoise.glsl') | |||||
| const AsphaltMaterial = require('../shader/thirdpart/AsphaltMaterial.glsl') | |||||
| const BlobMaterial = require('../shader/thirdpart/BlobMaterial.glsl') | |||||
| const BrickMaterial = require('../shader/thirdpart/BlobMaterial.glsl') | |||||
| const CementMaterial = require('../shader/thirdpart/CementMaterial.glsl') | |||||
| const ErosionMaterial = require('../shader/thirdpart/ErosionMaterial.glsl') | |||||
| const FacetMaterial = require('../shader/thirdpart/FacetMaterial.glsl') | |||||
| const FresnelMaterial = require('../shader/thirdpart/FresnelMaterial.glsl') | |||||
| const GrassMaterial = require('../shader/thirdpart/GrassMaterial.glsl') | |||||
| const ReflectionMaterial = require('../shader/thirdpart/ReflectionMaterial.glsl') | |||||
| const RefractionMaterial = require('../shader/thirdpart/RefractionMaterial.glsl') | |||||
| const TieDyeMaterial = require('../shader/thirdpart/TieDyeMaterial.glsl') | |||||
| const WoodMaterial = require('../shader/thirdpart/WoodMaterial.glsl') | |||||
| import { Cesium } from '../../../namespace' | |||||
| import czm_cellular from '../shader/thirdpart/cellular.glsl' | |||||
| import czm_snoise from '../shader/thirdpart/snoise.glsl' | |||||
| import AsphaltMaterial from '../shader/thirdpart/AsphaltMaterial.glsl' | |||||
| import BlobMaterial from '../shader/thirdpart/BlobMaterial.glsl' | |||||
| import BrickMaterial from '../shader/thirdpart/BlobMaterial.glsl' | |||||
| import CementMaterial from '../shader/thirdpart/CementMaterial.glsl' | |||||
| import ErosionMaterial from '../shader/thirdpart/ErosionMaterial.glsl' | |||||
| import FacetMaterial from '../shader/thirdpart/FacetMaterial.glsl' | |||||
| import FresnelMaterial from '../shader/thirdpart/FresnelMaterial.glsl' | |||||
| import GrassMaterial from '../shader/thirdpart/GrassMaterial.glsl' | |||||
| import ReflectionMaterial from '../shader/thirdpart/ReflectionMaterial.glsl' | |||||
| import RefractionMaterial from '../shader/thirdpart/RefractionMaterial.glsl' | |||||
| import TieDyeMaterial from '../shader/thirdpart/TieDyeMaterial.glsl' | |||||
| import WoodMaterial from '../shader/thirdpart/WoodMaterial.glsl' | |||||
| Cesium.ShaderSource._czmBuiltinsAndUniforms.czm_cellular = czm_cellular | Cesium.ShaderSource._czmBuiltinsAndUniforms.czm_cellular = czm_cellular | ||||
| Cesium.ShaderSource._czmBuiltinsAndUniforms.czm_snoise = czm_snoise | Cesium.ShaderSource._czmBuiltinsAndUniforms.czm_snoise = czm_snoise |
+ 5
- 6
src/modules/material/type/wall.js
查看文件
| * @Date: 2021-02-27 23:30:43 | * @Date: 2021-02-27 23:30:43 | ||||
| */ | */ | ||||
| import { Cesium } from '@dc-modules/namespace' | |||||
| const WallDiffuseMaterial = require('../shader/wall/WallDiffuseMaterial.glsl') | |||||
| const WallImageTrailMaterial = require('../shader/wall/WallImageTrailMaterial.glsl') | |||||
| const WallLineTrailMaterial = require('../shader/wall/WallLineTrailMaterial.glsl') | |||||
| const WallTrailMaterial = require('../shader/wall/WallTrailMaterial.glsl') | |||||
| import { Cesium } from '../../../namespace' | |||||
| import WallDiffuseMaterial from '../shader/wall/WallDiffuseMaterial.glsl' | |||||
| import WallImageTrailMaterial from '../shader/wall/WallImageTrailMaterial.glsl' | |||||
| import WallLineTrailMaterial from '../shader/wall/WallLineTrailMaterial.glsl' | |||||
| import WallTrailMaterial from '../shader/wall/WallTrailMaterial.glsl' | |||||
| /** | /** | ||||
| * WallDiffuse | * WallDiffuse |
+ 15
- 26
src/modules/overlay/Overlay.js
查看文件
| set id(id) { | set id(id) { | ||||
| this._bid = id | this._bid = id | ||||
| return this | |||||
| } | } | ||||
| get id() { | get id() { | ||||
| set show(show) { | set show(show) { | ||||
| this._show = show | this._show = show | ||||
| this._delegate && (this._delegate.show = this._show) | this._delegate && (this._delegate.show = this._show) | ||||
| return this | |||||
| } | } | ||||
| get show() { | get show() { | ||||
| set attr(attr) { | set attr(attr) { | ||||
| this._attr = attr | this._attr = attr | ||||
| return this | |||||
| } | } | ||||
| get attr() { | get attr() { | ||||
| set allowDrillPicking(allowDrillPicking) { | set allowDrillPicking(allowDrillPicking) { | ||||
| this._allowDrillPicking = allowDrillPicking | this._allowDrillPicking = allowDrillPicking | ||||
| return this | |||||
| } | } | ||||
| get allowDrillPicking() { | get allowDrillPicking() { | ||||
| set contextMenu(menus) { | set contextMenu(menus) { | ||||
| this._contextMenu = menus | this._contextMenu = menus | ||||
| return this | |||||
| } | } | ||||
| get contextMenu() { | get contextMenu() { | ||||
| if (collection) { | if (collection) { | ||||
| this._delegate && (this._delegate = collection.add(this._delegate)) | this._delegate && (this._delegate = collection.add(this._delegate)) | ||||
| // for custom primitve | |||||
| if ( | |||||
| typeof this['update'] === 'function' && | |||||
| typeof this['destroy'] === 'function' | |||||
| ) { | |||||
| if (this['update'] && this['destroy']) { | |||||
| this._layer.delegate.add(this) | this._layer.delegate.add(this) | ||||
| } | } | ||||
| } else if ( | |||||
| typeof this['update'] === 'function' && | |||||
| typeof this['destroy'] === 'function' | |||||
| ) { | |||||
| } else if (this._delegate.then) { | |||||
| this._delegate.then((obj) => { | |||||
| this._layer.delegate.add(obj) | |||||
| }) | |||||
| } else if (this['update'] && this['destroy']) { | |||||
| this._layer.delegate.add(this) | this._layer.delegate.add(this) | ||||
| } else { | } else { | ||||
| this._delegate && this._layer.delegate.add(this._delegate) | this._delegate && this._layer.delegate.add(this._delegate) | ||||
| * @private | * @private | ||||
| */ | */ | ||||
| _onRemove() { | _onRemove() { | ||||
| if (!this._layer || !this._delegate) { | |||||
| if (!this._layer) { | |||||
| return | return | ||||
| } | } | ||||
| // for Entity | // for Entity | ||||
| else if (this._layer?.delegate?.remove) { | else if (this._layer?.delegate?.remove) { | ||||
| let collection = this._getLayerCollection(this.type) | let collection = this._getLayerCollection(this.type) | ||||
| if (collection) { | if (collection) { | ||||
| this._delegate && collection.remove(this._delegate) | |||||
| // for custom primitve | |||||
| if ( | |||||
| typeof this['update'] === 'function' && | |||||
| typeof this['destroy'] === 'function' | |||||
| ) { | |||||
| collection.remove(this._delegate) | |||||
| if (this['update'] && this['destroy']) { | |||||
| this._layer.delegate.remove(this) | this._layer.delegate.remove(this) | ||||
| } | } | ||||
| } else if ( | |||||
| typeof this['update'] === 'function' && | |||||
| typeof this['destroy'] === 'function' | |||||
| ) { | |||||
| } else if (this._delegate.then) { | |||||
| this._delegate.then((obj) => { | |||||
| this._layer.delegate.add(obj) | |||||
| }) | |||||
| } else if (this['update'] && this['destroy']) { | |||||
| this._layer.delegate.remove(this) | this._layer.delegate.remove(this) | ||||
| } else { | } else { | ||||
| this._delegate && this._layer.delegate.remove(this._delegate) | |||||
| this._layer.delegate.remove(this._delegate) | |||||
| } | } | ||||
| } | } | ||||
| this._removedHook && this._removedHook() | this._removedHook && this._removedHook() |
+ 0
- 2
src/modules/overlay/dynamic/DynamicBillboard.js
查看文件
| set icon(icon) { | set icon(icon) { | ||||
| this._icon = icon | this._icon = icon | ||||
| this._delegate.billboard.image = this._icon | this._delegate.billboard.image = this._icon | ||||
| return this | |||||
| } | } | ||||
| get icon() { | get icon() { | ||||
| this._size = size | this._size = size | ||||
| this._delegate.billboard.width = this._size[0] || 32 | this._delegate.billboard.width = this._size[0] || 32 | ||||
| this._delegate.billboard.height = this._size[1] || 32 | this._delegate.billboard.height = this._size[1] || 32 | ||||
| return this | |||||
| } | } | ||||
| get size() { | get size() { |
+ 0
- 1
src/modules/overlay/dynamic/DynamicModel.js
查看文件
| set modelUrl(modelUrl) { | set modelUrl(modelUrl) { | ||||
| this._modelUrl = modelUrl | this._modelUrl = modelUrl | ||||
| this._delegate.model.uri = this._modelUrl | this._delegate.model.uri = this._modelUrl | ||||
| return this | |||||
| } | } | ||||
| get modelUrl() { | get modelUrl() { |
+ 0
- 1
src/modules/overlay/dynamic/DynamicOverlay.js
查看文件
| set maxCacheSize(maxCacheSize) { | set maxCacheSize(maxCacheSize) { | ||||
| this._maxCacheSize = maxCacheSize | this._maxCacheSize = maxCacheSize | ||||
| return this | |||||
| } | } | ||||
| get maxCacheSize() { | get maxCacheSize() { |
+ 1
- 1
src/modules/overlay/index.js
查看文件
| export { default as Polygon } from './vector/Polygon' | export { default as Polygon } from './vector/Polygon' | ||||
| export { default as Polyline } from './vector/Polyline' | export { default as Polyline } from './vector/Polyline' | ||||
| export { default as PolylineVolume } from './vector/PolylineVolume' | export { default as PolylineVolume } from './vector/PolylineVolume' | ||||
| export { default as Rectangle } from './vector/Rectangle' | |||||
| export { default as Rect } from './vector/Rectangle' | |||||
| export { default as Wall } from './vector/Wall' | export { default as Wall } from './vector/Wall' |
+ 16
- 14
src/modules/overlay/model/Tileset.js
查看文件
| class Tileset extends Overlay { | class Tileset extends Overlay { | ||||
| constructor(url, options = {}) { | constructor(url, options = {}) { | ||||
| super() | super() | ||||
| this._delegate = new Cesium.Cesium3DTileset({ | |||||
| ...options, | |||||
| url: url, | |||||
| }) | |||||
| this._delegate = Cesium.Cesium3DTileset.fromUrl(url, options) | |||||
| this._tileVisibleCallback = undefined | this._tileVisibleCallback = undefined | ||||
| this._properties = undefined | this._properties = undefined | ||||
| this._state = State.INITIALIZED | this._state = State.INITIALIZED | ||||
| return Overlay.getOverlayType('tileset') | return Overlay.getOverlayType('tileset') | ||||
| } | } | ||||
| get readyPromise() { | |||||
| return this._delegate.readyPromise | |||||
| set show(show) { | |||||
| this._show = show | |||||
| this._delegate.then((tileset) => { | |||||
| tileset.show = show | |||||
| }) | |||||
| } | } | ||||
| /** | /** | ||||
| */ | */ | ||||
| setPosition(position) { | setPosition(position) { | ||||
| position = Parse.parsePosition(position) | position = Parse.parsePosition(position) | ||||
| this.readyPromise.then((tileset) => { | |||||
| this._delegate.then((tileset) => { | |||||
| let modelMatrix = Cesium.Transforms.eastNorthUpToFixedFrame( | let modelMatrix = Cesium.Transforms.eastNorthUpToFixedFrame( | ||||
| Cesium.Cartesian3.fromDegrees(position.lng, position.lat, position.alt) | Cesium.Cartesian3.fromDegrees(position.lng, position.lat, position.alt) | ||||
| ) | ) | ||||
| * @returns {Tileset} | * @returns {Tileset} | ||||
| */ | */ | ||||
| setHeadingPitchRoll(heading, pitch, roll) { | setHeadingPitchRoll(heading, pitch, roll) { | ||||
| this.readyPromise.then((tileset) => { | |||||
| this._delegate.then((tileset) => { | |||||
| let modelMatrix = tileset.root.transform | let modelMatrix = tileset.root.transform | ||||
| let rotation = Cesium.Matrix4.fromRotationTranslation( | let rotation = Cesium.Matrix4.fromRotationTranslation( | ||||
| Cesium.Matrix3.fromHeadingPitchRoll( | Cesium.Matrix3.fromHeadingPitchRoll( | ||||
| * @returns {Tileset} | * @returns {Tileset} | ||||
| */ | */ | ||||
| clampToGround() { | clampToGround() { | ||||
| this.readyPromise.then((tileset) => { | |||||
| this._delegate.then((tileset) => { | |||||
| let center = Cesium.Cartographic.fromCartesian( | let center = Cesium.Cartographic.fromCartesian( | ||||
| tileset.boundingSphere.center | tileset.boundingSphere.center | ||||
| ) | ) | ||||
| * @returns {Tileset} | * @returns {Tileset} | ||||
| */ | */ | ||||
| setHeight(height, isAbsolute = false) { | setHeight(height, isAbsolute = false) { | ||||
| this.readyPromise.then((tileset) => { | |||||
| this._delegate.then((tileset) => { | |||||
| let center = Cesium.Cartographic.fromCartesian( | let center = Cesium.Cartographic.fromCartesian( | ||||
| tileset.boundingSphere.center | tileset.boundingSphere.center | ||||
| ) | ) | ||||
| * @returns {Tileset} | * @returns {Tileset} | ||||
| */ | */ | ||||
| setScale(scale) { | setScale(scale) { | ||||
| this.readyPromise.then((tileset) => { | |||||
| this._delegate.then((tileset) => { | |||||
| let modelMatrix = tileset.root.transform | let modelMatrix = tileset.root.transform | ||||
| if (scale > 0 && scale !== 1) { | if (scale > 0 && scale !== 1) { | ||||
| Cesium.Matrix4.multiplyByUniformScale(modelMatrix, scale, modelMatrix) | Cesium.Matrix4.multiplyByUniformScale(modelMatrix, scale, modelMatrix) | ||||
| * @return {Tileset} | * @return {Tileset} | ||||
| */ | */ | ||||
| setSplitDirection(splitDirection) { | setSplitDirection(splitDirection) { | ||||
| this.readyPromise.then((tileset) => { | |||||
| this._delegate.then((tileset) => { | |||||
| tileset.splitDirection = splitDirection | tileset.splitDirection = splitDirection | ||||
| }) | }) | ||||
| return this | return this | ||||
| * @return {Tileset} | * @return {Tileset} | ||||
| */ | */ | ||||
| setCustomShader(customShader) { | setCustomShader(customShader) { | ||||
| this.readyPromise.then((tileset) => { | |||||
| this._delegate.then((tileset) => { | |||||
| tileset.customShader = customShader | tileset.customShader = customShader | ||||
| }) | }) | ||||
| return this | return this | ||||
| setStyle(style) { | setStyle(style) { | ||||
| if (style && style instanceof Cesium.Cesium3DTileStyle) { | if (style && style instanceof Cesium.Cesium3DTileStyle) { | ||||
| this._style = style | this._style = style | ||||
| this._delegate.style = this._style | |||||
| this._delegate.then((tileset) => { | |||||
| tileset.style = style | |||||
| }) | |||||
| } | } | ||||
| return this | return this | ||||
| } | } |
+ 2
- 2
src/modules/plot/edit/Edit.js
查看文件
| * | * | ||||
| * @private | * @private | ||||
| */ | */ | ||||
| _stopedHook() { | |||||
| _stoppedHook() { | |||||
| this._overlay.positions = Transform.transformCartesianArrayToWGS84Array( | this._overlay.positions = Transform.transformCartesianArrayToWGS84Array( | ||||
| this._positions | this._positions | ||||
| ) | ) | ||||
| this._unbindEvent() | this._unbindEvent() | ||||
| this._viewer.editTool.deactivate() | this._viewer.editTool.deactivate() | ||||
| this._layer.entities.remove(this._delegate) | this._layer.entities.remove(this._delegate) | ||||
| this._stopedHook() | |||||
| this._stoppedHook() | |||||
| } | } | ||||
| /** | /** |
+ 1
- 1
src/modules/plot/edit/EditBillboard.js
查看文件
| * | * | ||||
| * @private | * @private | ||||
| */ | */ | ||||
| _stopedHook() { | |||||
| _stoppedHook() { | |||||
| this._overlay.position = Transform.transformCartesianToWGS84(this._position) | this._overlay.position = Transform.transformCartesianToWGS84(this._position) | ||||
| this._overlay.show = true | this._overlay.show = true | ||||
| this._options.onEditStop && this._options.onEditStop(this._overlay) | this._options.onEditStop && this._options.onEditStop(this._overlay) |
+ 1
- 1
src/modules/plot/edit/EditCircle.js
查看文件
| * | * | ||||
| * @private | * @private | ||||
| */ | */ | ||||
| _stopedHook() { | |||||
| _stoppedHook() { | |||||
| this._overlay.center = Transform.transformCartesianToWGS84( | this._overlay.center = Transform.transformCartesianToWGS84( | ||||
| this._positions[0] | this._positions[0] | ||||
| ) | ) |
+ 1
- 1
src/modules/plot/edit/EditPoint.js
查看文件
| * | * | ||||
| * @private | * @private | ||||
| */ | */ | ||||
| _stopedHook() { | |||||
| _stoppedHook() { | |||||
| this._overlay.position = Transform.transformCartesianToWGS84(this._position) | this._overlay.position = Transform.transformCartesianToWGS84(this._position) | ||||
| this._overlay.show = true | this._overlay.show = true | ||||
| this._options.onEditStop && this._options.onEditStop(this._overlay) | this._options.onEditStop && this._options.onEditStop(this._overlay) |
+ 0
- 0
src/modules/plot/edit/EditPolygon.js
查看文件
部分文件因为文件数量过多而无法显示
正在加载...