Caven Chen
vor 2 Jahren
100 geänderte Dateien mit 1069 neuen und 578 gelöschten Zeilen
+ 1
- 0
examples/assets/icon/code.svg
Datei anzeigen
| @@ -0,0 +1 @@ | |||
| <?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
Datei anzeigen
| @@ -18,19 +18,15 @@ | |||
| let viewer = undefined | |||
| function initViewer() { | |||
| 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.on( | |||
| DC.SceneEventType.CAMERA_CHANGED, | |||
| e => { | |||
| console.log(e) | |||
| }, | |||
| e => {}, | |||
| this | |||
| ) | |||
| } | |||
| DC.ready({ | |||
| DC.ready({ | |||
| baseUrl:'../libs/dc-sdk/resources/' | |||
| }).then(initViewer) | |||
| </script> | |||
examples/scene/clock_tick.html → examples/event/clock.html
Datei anzeigen
| @@ -18,13 +18,17 @@ | |||
| let viewer = undefined | |||
| function initViewer() { | |||
| 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.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/' | |||
| }).then(initViewer) | |||
| </script> | |||
+ 56
- 0
examples/event/layer_mouse.html
Datei anzeigen
| @@ -0,0 +1,56 @@ | |||
| <!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
Datei anzeigen
| @@ -0,0 +1,61 @@ | |||
| <!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
Datei anzeigen
| @@ -0,0 +1,53 @@ | |||
| <!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
Datei anzeigen
| @@ -0,0 +1,43 @@ | |||
| <!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
Datei anzeigen
| @@ -18,8 +18,7 @@ body { | |||
| } | |||
| .custom-popup { | |||
| background: rgba(39, 39, 39, 0.6); | |||
| border-radius: 4px; | |||
| background: rgba(39, 39, 39, 0.6) !important; | |||
| color: #fff; | |||
| text-align: center; | |||
| } | |||
+ 66
- 5
examples/index.html
Datei anzeigen
| @@ -23,13 +23,32 @@ | |||
| .container{ | |||
| display: flex; | |||
| 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{ | |||
| width: 300px; | |||
| height: 100%; | |||
| overflow: hidden; | |||
| background: #222; | |||
| color: #fff; | |||
| display: flex; | |||
| flex-direction: column; | |||
| } | |||
| .example{ | |||
| flex: 1; | |||
| @@ -50,17 +69,34 @@ | |||
| font-style: italic; | |||
| } | |||
| .example-list-wrapper{ | |||
| flex: 1; | |||
| overflow: hidden; | |||
| overflow-y: auto; | |||
| user-select: none; | |||
| 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{ | |||
| padding-left: 20px; | |||
| padding-top: 20px; | |||
| margin: 10px 0; | |||
| border-top: 1px solid #444 ; | |||
| color: #bcbcbc; | |||
| } | |||
| @@ -69,7 +105,7 @@ | |||
| } | |||
| .example-list ul{ | |||
| padding-left: 33px; | |||
| padding-left: 35px; | |||
| list-style: none; | |||
| } | |||
| @@ -87,6 +123,26 @@ | |||
| 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> | |||
| </head> | |||
| <body> | |||
| @@ -96,10 +152,12 @@ | |||
| <div class="banner"> DC-SDK v3.0.0 </div> | |||
| <div class="example-list-wrapper"> | |||
| <div id="example-list" class="example-list" data-accordion-group> </div> | |||
| <div class="desc"></div> | |||
| </div> | |||
| </div> | |||
| <div class="example"> | |||
| <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> | |||
| <script src="./list.js"></script> | |||
| @@ -112,11 +170,13 @@ | |||
| if(hrefArr[1]){ | |||
| 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') | |||
| EXAMPLE_LIST.forEach(item => { | |||
| let $section = $('<div data-accordion ></div>') | |||
| $section.addClass('example-item') | |||
| let $title = $('<h4 data-control ></h4>').text(item.name) | |||
| $title.appendTo($section) | |||
| let $pageWrapper= $('<ul data-content></ul>') | |||
| @@ -132,7 +192,8 @@ | |||
| } | |||
| window.location.href = window.location.href.replace(/#\w*\.?\w*/g,'') +'#'+ item.folder+ '_'+child.page | |||
| $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) | |||
| $pageWrapper.append($page) | |||
+ 8
- 22
examples/layer/cluster_circle.html
Datei anzeigen
| @@ -5,23 +5,9 @@ | |||
| <meta charset="utf-8"> | |||
| <meta name="viewport" content="width=device-width,initial-scale=1.0"> | |||
| <title>dc-example</title> | |||
| <script src='/libs/dc-sdk/dc.base.min.js'></script> | |||
| <script src='/libs/dc-sdk/dc.core.min.js'></script> | |||
| <script>DC.baseUrl='../libs/dc-sdk/resources/'</script> | |||
| <link href='/libs/dc-sdk/dc.core.min.css' type='text/css' rel='stylesheet'> | |||
| <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'> | |||
| <style> | |||
| *{ | |||
| margin: 0; | |||
| padding: 0; | |||
| } | |||
| html,body,#viewer-container{ | |||
| width: 100%; | |||
| height: 100%; | |||
| overflow: hidden; | |||
| } | |||
| </style> | |||
| </head> | |||
| <body> | |||
| @@ -31,10 +17,10 @@ | |||
| let viewer = undefined | |||
| 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)) | |||
| } | |||
| return list | |||
| @@ -42,7 +28,7 @@ | |||
| function initViewer() { | |||
| viewer = new DC.Viewer('viewer-container') | |||
| let baseLayer = DC.ImageryLayerFactory.createAmapImageryLayer() | |||
| let baseLayer = DC.ImageryLayerFactory.createImageryLayer(DC.ImageryType.AMAP) | |||
| viewer.addBaseLayer( baseLayer) | |||
| let layer = new DC.ClusterLayer('layer') | |||
| viewer.addLayer(layer) | |||
| @@ -53,7 +39,7 @@ | |||
| }) | |||
| viewer.flyTo(layer) | |||
| } | |||
| DC.ready({ | |||
| DC.ready({ | |||
| baseUrl:'../libs/dc-sdk/resources/' | |||
| }).then(initViewer) | |||
| </script> | |||
+ 5
- 6
examples/layer/cluster_clustering.html
Datei anzeigen
| @@ -6,7 +6,6 @@ | |||
| <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> | |||
| @@ -18,10 +17,10 @@ | |||
| let viewer = undefined | |||
| 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)) | |||
| } | |||
| return list | |||
| @@ -29,7 +28,7 @@ | |||
| function initViewer() { | |||
| viewer = new DC.Viewer('viewer-container') | |||
| let baseLayer = DC.ImageryLayerFactory.createAmapImageryLayer() | |||
| let baseLayer = DC.ImageryLayerFactory.createImageryLayer(DC.ImageryType.AMAP) | |||
| viewer.addBaseLayer( baseLayer) | |||
| let layer = new DC.ClusterLayer('layer',{style:'clustering'}) | |||
| viewer.addLayer(layer) | |||
+ 4
- 4
examples/layer/czml.html
Datei anzeigen
| @@ -19,14 +19,14 @@ | |||
| function initViewer() { | |||
| 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) | |||
| let layer = new DC.CzmlLayer('layer', '../assets/data/simple.czml') | |||
| viewer.addLayer(layer) | |||
| } | |||
| DC.ready({ | |||
| DC.ready({ | |||
| baseUrl:'../libs/dc-sdk/resources/' | |||
| }).then(initViewer) | |||
| </script> | |||
+ 5
- 3
examples/layer/dynamic.html
Datei anzeigen
| @@ -29,9 +29,11 @@ | |||
| function initViewer() { | |||
| 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) | |||
| let layer = new DC.DynamicLayer('layer').addTo(viewer) | |||
| for(let i = 0; i<50; i++){ | |||
+ 7
- 5
examples/layer/geojson.html
Datei anzeigen
| @@ -6,7 +6,6 @@ | |||
| <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> | |||
| @@ -21,10 +20,12 @@ | |||
| viewer = new DC.Viewer('viewer-container', { | |||
| sceneMode: DC.SceneMode.SCENE2D | |||
| }) | |||
| let baseLayer = DC.ImageryLayerFactory.createAmapImageryLayer({ | |||
| style: 'img' | |||
| }) | |||
| let baseLayer = DC.ImageryLayerFactory.createImageryLayer(DC.ImageryType.AMAP, | |||
| { | |||
| style:'img', | |||
| } | |||
| ) | |||
| viewer.addBaseLayer( baseLayer) | |||
| let layer = new DC.GeoJsonLayer( | |||
| 'layer', | |||
| @@ -33,7 +34,8 @@ | |||
| viewer.addLayer(layer) | |||
| viewer.flyTo(layer) | |||
| } | |||
| DC.ready({ | |||
| DC.ready({ | |||
| baseUrl:'../libs/dc-sdk/resources/' | |||
| }).then(initViewer) | |||
| </script> | |||
+ 35
- 0
examples/layer/graticule.html
Datei anzeigen
| @@ -0,0 +1,35 @@ | |||
| <!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
Datei anzeigen
| @@ -6,7 +6,6 @@ | |||
| <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> | |||
| @@ -18,10 +17,10 @@ | |||
| let viewer = undefined | |||
| 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)) | |||
| } | |||
| return list | |||
| @@ -48,7 +47,8 @@ | |||
| new DC.Position(120.472147621, 30.61004946, 65380.21, 14.0, -40.94) | |||
| ) | |||
| } | |||
| DC.ready({ | |||
| DC.ready({ | |||
| baseUrl:'../libs/dc-sdk/resources/' | |||
| }).then(initViewer) | |||
| </script> | |||
+ 0
- 46
examples/layer/s3m.html
Datei anzeigen
| @@ -1,46 +0,0 @@ | |||
| <!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
Datei anzeigen
| @@ -6,7 +6,6 @@ | |||
| <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> | |||
| @@ -19,10 +18,12 @@ | |||
| let tileset = undefined | |||
| function initViewer() { | |||
| 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) | |||
| let layer = new DC.TilesetLayer('layer') | |||
| viewer.addLayer(layer) | |||
+ 13
- 8
examples/layer/vector.html
Datei anzeigen
| @@ -6,7 +6,6 @@ | |||
| <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> | |||
| @@ -18,18 +17,23 @@ | |||
| let viewer = undefined | |||
| 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)) | |||
| } | |||
| return list | |||
| } | |||
| function initViewer() { | |||
| 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') | |||
| viewer.addLayer(layer) | |||
| let positions = generatePosition(20) | |||
| @@ -39,7 +43,8 @@ | |||
| }) | |||
| viewer.flyTo(layer) | |||
| } | |||
| DC.ready({ | |||
| DC.ready({ | |||
| baseUrl:'../libs/dc-sdk/resources/' | |||
| }).then(initViewer) | |||
| </script> | |||
+ 230
- 7
examples/list.js
Datei anzeigen
| @@ -85,6 +85,36 @@ const EXAMPLE_LIST = [ | |||
| }, | |||
| ], | |||
| }, | |||
| { | |||
| 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: '在线地图', | |||
| folder: 'baseLayer', | |||
| @@ -157,17 +187,210 @@ const EXAMPLE_LIST = [ | |||
| { | |||
| name: '要素图层', | |||
| 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: '基础要素', | |||
| 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: '图元要素', | |||
+ 7
- 5
examples/overlay/circle.html
Datei anzeigen
| @@ -6,7 +6,6 @@ | |||
| <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> | |||
| @@ -29,10 +28,13 @@ | |||
| function initViewer() { | |||
| 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') | |||
| viewer.addLayer(layer) | |||
| let positions = generatePosition(5) | |||
| @@ -45,7 +47,7 @@ | |||
| }) | |||
| viewer.flyTo(layer) | |||
| } | |||
| DC.ready({ | |||
| DC.ready({ | |||
| baseUrl:'../libs/dc-sdk/resources/' | |||
| }).then(initViewer) | |||
| </script> | |||
+ 1
- 2
examples/overlay/circle_blur.html
Datei anzeigen
| @@ -6,7 +6,6 @@ | |||
| <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> | |||
| @@ -59,7 +58,7 @@ | |||
| layer.addOverlay(circle) | |||
| viewer.flyToPosition("121.4941629,31.2091462,1859.56,0,-28.71") | |||
| } | |||
| DC.ready({ | |||
| DC.ready({ | |||
| baseUrl:'../libs/dc-sdk/resources/' | |||
| }).then(initViewer) | |||
| </script> | |||
+ 1
- 2
examples/overlay/circle_diffuse.html
Datei anzeigen
| @@ -6,7 +6,6 @@ | |||
| <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> | |||
| @@ -58,7 +57,7 @@ | |||
| layer.addOverlay(circle) | |||
| viewer.flyToPosition("121.4941629,31.2091462,1859.56,0,-28.71") | |||
| } | |||
| DC.ready({ | |||
| DC.ready({ | |||
| baseUrl:'../libs/dc-sdk/resources/' | |||
| }).then(initViewer) | |||
| </script> | |||
examples/overlay/circle_d.html → examples/overlay/circle_dynamic.html
Datei anzeigen
| @@ -6,7 +6,6 @@ | |||
| <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> | |||
| @@ -18,10 +17,10 @@ | |||
| let viewer = undefined | |||
| 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)) | |||
| } | |||
| return list | |||
| @@ -29,11 +28,13 @@ | |||
| function initViewer() { | |||
| 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') | |||
| viewer.addLayer(layer) | |||
| let positions = generatePosition(1) | |||
| @@ -45,7 +46,7 @@ | |||
| }) | |||
| }) | |||
| 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({ | |||
| scale: 100 | |||
| }) | |||
| @@ -55,7 +56,7 @@ | |||
| viewer.flyTo(layer) | |||
| } | |||
| DC.ready({ | |||
| DC.ready({ | |||
| baseUrl:'../libs/dc-sdk/resources/' | |||
| }).then(initViewer) | |||
| </script> | |||
+ 11
- 10
examples/overlay/circle_fade.html
Datei anzeigen
| @@ -6,7 +6,6 @@ | |||
| <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> | |||
| @@ -18,10 +17,10 @@ | |||
| let viewer = undefined | |||
| 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)) | |||
| } | |||
| return list | |||
| @@ -29,11 +28,13 @@ | |||
| function initViewer() { | |||
| 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') | |||
| viewer.addLayer(layer) | |||
| let positions = generatePosition(10) | |||
| @@ -50,7 +51,7 @@ | |||
| viewer.flyTo(layer) | |||
| } | |||
| DC.ready({ | |||
| DC.ready({ | |||
| baseUrl:'../libs/dc-sdk/resources/' | |||
| }).then(initViewer) | |||
| </script> | |||
+ 1
- 2
examples/overlay/circle_pulse.html
Datei anzeigen
| @@ -6,7 +6,6 @@ | |||
| <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> | |||
| @@ -59,7 +58,7 @@ | |||
| layer.addOverlay(circle) | |||
| viewer.flyToPosition("121.4941629,31.2091462,1859.56,0,-28.71") | |||
| } | |||
| DC.ready({ | |||
| DC.ready({ | |||
| baseUrl:'../libs/dc-sdk/resources/' | |||
| }).then(initViewer) | |||
| </script> | |||
+ 1
- 2
examples/overlay/circle_spiral.html
Datei anzeigen
| @@ -6,7 +6,6 @@ | |||
| <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> | |||
| @@ -59,7 +58,7 @@ | |||
| layer.addOverlay(circle) | |||
| viewer.flyToPosition("121.4941629,31.2091462,1859.56,0,-28.71") | |||
| } | |||
| DC.ready({ | |||
| DC.ready({ | |||
| baseUrl:'../libs/dc-sdk/resources/' | |||
| }).then(initViewer) | |||
| </script> | |||
+ 1
- 2
examples/overlay/circle_vary.html
Datei anzeigen
| @@ -6,7 +6,6 @@ | |||
| <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> | |||
| @@ -59,7 +58,7 @@ | |||
| layer.addOverlay(circle) | |||
| viewer.flyToPosition("121.4941629,31.2091462,1859.56,0,-28.71") | |||
| } | |||
| DC.ready({ | |||
| DC.ready({ | |||
| baseUrl:'../libs/dc-sdk/resources/' | |||
| }).then(initViewer) | |||
| </script> | |||
+ 11
- 10
examples/overlay/circle_wave.html
Datei anzeigen
| @@ -6,7 +6,6 @@ | |||
| <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> | |||
| @@ -18,10 +17,10 @@ | |||
| let viewer = undefined | |||
| 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)) | |||
| } | |||
| return list | |||
| @@ -29,11 +28,13 @@ | |||
| function initViewer() { | |||
| 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') | |||
| viewer.addLayer(layer) | |||
| let positions = generatePosition(10) | |||
| @@ -51,7 +52,7 @@ | |||
| viewer.flyTo(layer) | |||
| } | |||
| DC.ready({ | |||
| DC.ready({ | |||
| baseUrl:'../libs/dc-sdk/resources/' | |||
| }).then(initViewer) | |||
| </script> | |||
+ 6
- 7
examples/overlay/cylinder.html
Datei anzeigen
| @@ -6,7 +6,6 @@ | |||
| <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> | |||
| @@ -26,24 +25,24 @@ | |||
| viewer.addBaseLayer( baseLayer) | |||
| let layer = new DC.VectorLayer('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({ | |||
| 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({ | |||
| 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({ | |||
| 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({ | |||
| slices:4, | |||
| 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({ | |||
| slices:4, | |||
| material: DC.Color.ORANGE.withAlpha(0.5) | |||
| @@ -51,7 +50,7 @@ | |||
| layer.addOverlay(redCylinder).addOverlay(greenCylinder).addOverlay(blueCylinder).addOverlay(yellowCylinder).addOverlay(orangeCylinder) | |||
| viewer.flyTo(layer) | |||
| } | |||
| DC.ready({ | |||
| DC.ready({ | |||
| baseUrl:'../libs/dc-sdk/resources/' | |||
| }).then(initViewer) | |||
| </script> | |||
+ 6
- 6
examples/overlay/dynamic_billboard.html
Datei anzeigen
| @@ -6,7 +6,6 @@ | |||
| <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> | |||
| @@ -29,11 +28,12 @@ | |||
| function initViewer() { | |||
| 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) | |||
| for(let i = 0; i<50; i++){ | |||
| let billboard = new DC.DynamicBillboard(generatePosition(1)[0],'../assets/icon/poi.png') | |||
| @@ -51,7 +51,7 @@ | |||
| viewer.flyTo(layer) | |||
| } | |||
| DC.ready({ | |||
| DC.ready({ | |||
| baseUrl:'../libs/dc-sdk/resources/' | |||
| }).then(initViewer) | |||
| </script> | |||
+ 2
- 2
examples/overlay/dynamic_model.html
Datei anzeigen
| @@ -6,7 +6,6 @@ | |||
| <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> | |||
| @@ -30,8 +29,9 @@ | |||
| function initViewer() { | |||
| viewer = new DC.Viewer('viewer-container') | |||
| let baseLayer = DC.ImageryLayerFactory.createAmapImageryLayer({ | |||
| crs:"WGS84" | |||
| }) | |||
| viewer.addBaseLayer( baseLayer) | |||
| viewer.addBaseLayer( baseLayer,{brightness:0.1}) | |||
| let layer = new DC.DynamicLayer('layer').addTo(viewer) | |||
| for(let i = 0; i<50; i++){ | |||
| let model = new DC.DynamicModel(generatePosition(1)[0],'../assets/data/qiche.gltf') | |||
+ 1
- 2
examples/overlay/elec_ellipsoid.html
Datei anzeigen
| @@ -6,7 +6,6 @@ | |||
| <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> | |||
| @@ -55,7 +54,7 @@ | |||
| layer.addOverlay(elecEllipsoid) | |||
| viewer.flyToPosition("121.4941629,31.2091462,1859.56,0,-28.71") | |||
| } | |||
| DC.ready({ | |||
| DC.ready({ | |||
| baseUrl:'../libs/dc-sdk/resources/' | |||
| }).then(initViewer) | |||
| </script> | |||
+ 5
- 6
examples/overlay/ellipsoid.html
Datei anzeigen
| @@ -6,7 +6,6 @@ | |||
| <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> | |||
| @@ -20,11 +19,11 @@ | |||
| function initViewer() { | |||
| 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') | |||
| viewer.addLayer(layer) | |||
| @@ -63,7 +62,7 @@ | |||
| viewer.flyTo(layer) | |||
| } | |||
| DC.ready({ | |||
| DC.ready({ | |||
| baseUrl:'../libs/dc-sdk/resources/' | |||
| }).then(initViewer) | |||
| </script> | |||
+ 4
- 4
examples/overlay/ellipsoid_trail.html
Datei anzeigen
| @@ -6,7 +6,6 @@ | |||
| <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> | |||
| @@ -19,8 +18,9 @@ | |||
| function initViewer() { | |||
| 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) | |||
| @@ -37,7 +37,7 @@ | |||
| viewer.flyTo(layer) | |||
| } | |||
| DC.ready({ | |||
| DC.ready({ | |||
| baseUrl:'../libs/dc-sdk/resources/' | |||
| }).then(initViewer) | |||
| </script> | |||
+ 1
- 2
examples/overlay/parabola.html
Datei anzeigen
| @@ -6,7 +6,6 @@ | |||
| <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> | |||
| @@ -26,7 +25,7 @@ | |||
| }) | |||
| let layer_build = new DC.TilesetLayer('layer_build').addTo(viewer) | |||
| let build = new DC.Tileset( | |||
| 'http://resource.dvgis.cn/data/3dtiles/ljz/tileset.json', | |||
| '//resource.dvgis.cn/data/3dtiles/ljz/tileset.json', | |||
| {skipLevels:true} | |||
| ) | |||
| let customShader = new DC.CustomShader({ | |||
+ 4
- 6
examples/overlay/plane.html
Datei anzeigen
| @@ -6,7 +6,6 @@ | |||
| <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> | |||
| @@ -19,10 +18,9 @@ | |||
| function initViewer() { | |||
| 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) | |||
| let layer = new DC.VectorLayer('layer') | |||
| @@ -43,7 +41,7 @@ | |||
| layer.addOverlay(redPlane).addOverlay(greenPlane).addOverlay(bluePlane) | |||
| viewer.flyTo(layer) | |||
| } | |||
| DC.ready({ | |||
| DC.ready({ | |||
| baseUrl:'../libs/dc-sdk/resources/' | |||
| }).then(initViewer) | |||
| </script> | |||
examples/overlay/plot-overlay.html → examples/overlay/plot.html
Datei anzeigen
| @@ -5,26 +5,9 @@ | |||
| <meta charset="utf-8"> | |||
| <meta name="viewport" content="width=device-width,initial-scale=1.0"> | |||
| <title>dc-example</title> | |||
| <script src='/libs/dc-sdk/dc.base.min.js'></script> | |||
| <script src='/libs/dc-sdk/dc.core.min.js'></script> | |||
| <script>DC.baseUrl='../libs/dc-sdk/resources/'</script> | |||
| <link href='/libs/dc-sdk/dc.core.min.css' type='text/css' rel='stylesheet'> | |||
| <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'> | |||
| <style> | |||
| *{ | |||
| margin: 0; | |||
| padding: 0; | |||
| } | |||
| html,body,#viewer-container{ | |||
| width: 100%; | |||
| height: 100%; | |||
| overflow: hidden; | |||
| } | |||
| </style> | |||
| </head> | |||
| <body> | |||
| @@ -53,8 +36,9 @@ | |||
| function initViewer() { | |||
| 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) | |||
| layer = new DC.VectorLayer('layer') | |||
| @@ -75,7 +59,7 @@ | |||
| layer.clear() | |||
| } | |||
| DC.ready({ | |||
| DC.ready({ | |||
| baseUrl:'../libs/dc-sdk/resources/' | |||
| }).then(initViewer) | |||
| </script> | |||
+ 11
- 21
examples/overlay/point_base.html
Datei anzeigen
| @@ -5,25 +5,12 @@ | |||
| <meta charset="utf-8"> | |||
| <meta name="viewport" content="width=device-width,initial-scale=1.0"> | |||
| <title>dc-example</title> | |||
| <script src='/libs/dc-sdk/dc.base.min.js'></script> | |||
| <script src='/libs/dc-sdk/dc.core.min.js'></script> | |||
| <script>DC.baseUrl='../libs/dc-sdk/resources/'</script> | |||
| <link href='/libs/dc-sdk/dc.core.min.css' type='text/css' rel='stylesheet'> | |||
| <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'> | |||
| <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> | |||
| @@ -31,17 +18,20 @@ | |||
| let viewer = undefined | |||
| 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)) | |||
| } | |||
| return list | |||
| } | |||
| function initViewer() { | |||
| 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) | |||
| let layer = new DC.VectorLayer('layer') | |||
| viewer.addLayer(layer) | |||
+ 4
- 4
examples/overlay/point_html.html
Datei anzeigen
| @@ -6,7 +6,6 @@ | |||
| <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> | |||
| @@ -29,8 +28,9 @@ | |||
| function initViewer() { | |||
| 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) | |||
| let layer = new DC.HtmlLayer('layer') | |||
| @@ -47,7 +47,7 @@ | |||
| new DC.Position(120.472147621, 30.61004946, 65380.21, 14.0, -40.94) | |||
| ) | |||
| } | |||
| DC.ready({ | |||
| DC.ready({ | |||
| baseUrl:'../libs/dc-sdk/resources/' | |||
| }).then(initViewer) | |||
| </script> | |||
+ 5
- 3
examples/overlay/point_icon.html
Datei anzeigen
| @@ -6,7 +6,6 @@ | |||
| <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> | |||
| @@ -28,7 +27,10 @@ | |||
| } | |||
| function initViewer() { | |||
| 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) | |||
| let layer = new DC.VectorLayer('layer') | |||
| viewer.addLayer(layer) | |||
| @@ -39,7 +41,7 @@ | |||
| }) | |||
| viewer.flyTo(layer) | |||
| } | |||
| DC.ready({ | |||
| DC.ready({ | |||
| baseUrl:'../libs/dc-sdk/resources/' | |||
| }).then(initViewer) | |||
| </script> | |||
examples/overlay/point_custom.html → examples/overlay/point_icon_custom.html
Datei anzeigen
| @@ -5,23 +5,9 @@ | |||
| <meta charset="utf-8"> | |||
| <meta name="viewport" content="width=device-width,initial-scale=1.0"> | |||
| <title>dc-example</title> | |||
| <script src='/libs/dc-sdk/dc.base.min.js'></script> | |||
| <script src='/libs/dc-sdk/dc.core.min.js'></script> | |||
| <script>DC.baseUrl='../libs/dc-sdk/resources/'</script> | |||
| <link href='/libs/dc-sdk/dc.core.min.css' type='text/css' rel='stylesheet'> | |||
| <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'> | |||
| <style> | |||
| *{ | |||
| margin: 0; | |||
| padding: 0; | |||
| } | |||
| html,body,#viewer-container{ | |||
| width: 100%; | |||
| height: 100%; | |||
| overflow: hidden; | |||
| } | |||
| </style> | |||
| </head> | |||
| <body> | |||
| @@ -31,18 +17,23 @@ | |||
| let viewer = undefined | |||
| 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)) | |||
| } | |||
| return list | |||
| } | |||
| function initViewer() { | |||
| 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') | |||
| viewer.addLayer(layer) | |||
| let positions = generatePosition(20) | |||
+ 3
- 3
examples/overlay/point_icon_m.html
Datei anzeigen
| @@ -6,7 +6,6 @@ | |||
| <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> | |||
| @@ -57,7 +56,8 @@ | |||
| } | |||
| function initViewer() { | |||
| 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) | |||
| @@ -70,7 +70,7 @@ | |||
| }) | |||
| viewer.flyToPosition("120.8226729498609,31.268693185250438,114716.63624611919,0,-90") | |||
| } | |||
| DC.ready({ | |||
| DC.ready({ | |||
| baseUrl:'../libs/dc-sdk/resources/' | |||
| }).then(initViewer) | |||
| </script> | |||
+ 9
- 9
examples/overlay/point_text.html
Datei anzeigen
| @@ -6,7 +6,6 @@ | |||
| <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> | |||
| @@ -18,18 +17,19 @@ | |||
| let viewer = undefined | |||
| 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)) | |||
| } | |||
| return list | |||
| } | |||
| function initViewer() { | |||
| 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) | |||
| let layer = new DC.VectorLayer('layer') | |||
| @@ -38,14 +38,14 @@ | |||
| positions.forEach((item, index) => { | |||
| let label = new DC.Label(item, '数字视觉') | |||
| label.setStyle({ | |||
| fillColor: DC.Color.YELLOW, | |||
| fillColor: DC.Color.ORANGE, | |||
| font: '12px' | |||
| }) | |||
| layer.addOverlay(label) | |||
| }) | |||
| viewer.flyTo(layer) | |||
| } | |||
| DC.ready({ | |||
| DC.ready({ | |||
| baseUrl:'../libs/dc-sdk/resources/' | |||
| }).then(initViewer) | |||
| </script> | |||
examples/overlay/label_custom.html → examples/overlay/point_text_custom.html
Datei anzeigen
| @@ -6,7 +6,6 @@ | |||
| <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> | |||
| @@ -28,16 +27,13 @@ | |||
| } | |||
| function initViewer() { | |||
| 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') | |||
| viewer.addLayer(layer) | |||
| let positions = generatePosition(20) | |||
| @@ -62,7 +58,7 @@ | |||
| }) | |||
| viewer.flyTo(layer) | |||
| } | |||
| DC.ready({ | |||
| DC.ready({ | |||
| baseUrl:'../libs/dc-sdk/resources/' | |||
| }).then(initViewer) | |||
| </script> | |||
+ 5
- 3
examples/overlay/polygon_base.html
Datei anzeigen
| @@ -6,7 +6,6 @@ | |||
| <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> | |||
| @@ -19,7 +18,10 @@ | |||
| function initViewer() { | |||
| 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) | |||
| let layer = new DC.VectorLayer('layer') | |||
| viewer.addLayer(layer) | |||
| @@ -31,7 +33,7 @@ | |||
| layer.addOverlay(polygon) | |||
| viewer.flyTo(layer) | |||
| } | |||
| DC.ready({ | |||
| DC.ready({ | |||
| baseUrl:'../libs/dc-sdk/resources/' | |||
| }).then(initViewer) | |||
| </script> | |||
+ 5
- 3
examples/overlay/polygon_extruded.html
Datei anzeigen
| @@ -6,7 +6,6 @@ | |||
| <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> | |||
| @@ -19,7 +18,10 @@ | |||
| function initViewer() { | |||
| 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) | |||
| let layer = new DC.VectorLayer('layer') | |||
| viewer.addLayer(layer) | |||
| @@ -33,7 +35,7 @@ | |||
| layer.addOverlay(polygon) | |||
| viewer.flyTo(layer) | |||
| } | |||
| DC.ready({ | |||
| DC.ready({ | |||
| baseUrl:'../libs/dc-sdk/resources/' | |||
| }).then(initViewer) | |||
| </script> | |||
+ 5
- 3
examples/overlay/polygon_height.html
Datei anzeigen
| @@ -6,7 +6,6 @@ | |||
| <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> | |||
| @@ -19,7 +18,10 @@ | |||
| function initViewer() { | |||
| 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) | |||
| let layer = new DC.VectorLayer('layer') | |||
| viewer.addLayer(layer) | |||
| @@ -35,7 +37,7 @@ | |||
| layer.addOverlay(polygon) | |||
| viewer.flyTo(layer) | |||
| } | |||
| DC.ready({ | |||
| DC.ready({ | |||
| baseUrl:'../libs/dc-sdk/resources/' | |||
| }).then(initViewer) | |||
| </script> | |||
+ 5
- 3
examples/overlay/polygon_holes.html
Datei anzeigen
| @@ -6,7 +6,6 @@ | |||
| <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> | |||
| @@ -19,7 +18,10 @@ | |||
| function initViewer() { | |||
| 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) | |||
| let layer = new DC.VectorLayer('layer') | |||
| @@ -36,7 +38,7 @@ | |||
| layer.addOverlay(polygon) | |||
| viewer.flyTo(layer) | |||
| } | |||
| DC.ready({ | |||
| DC.ready({ | |||
| baseUrl:'../libs/dc-sdk/resources/' | |||
| }).then(initViewer) | |||
| </script> | |||
+ 4
- 4
examples/overlay/polyline_base.html
Datei anzeigen
| @@ -6,7 +6,6 @@ | |||
| <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> | |||
| @@ -19,8 +18,9 @@ | |||
| function initViewer() { | |||
| 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) | |||
| let layer = new DC.VectorLayer('layer') | |||
| @@ -35,7 +35,7 @@ | |||
| layer.addOverlay(polyline) | |||
| viewer.flyTo(layer) | |||
| } | |||
| DC.ready({ | |||
| DC.ready({ | |||
| baseUrl:'../libs/dc-sdk/resources/' | |||
| }).then(initViewer) | |||
| </script> | |||
+ 8
- 4
examples/overlay/polyline_flicker.html
Datei anzeigen
| @@ -6,7 +6,6 @@ | |||
| <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> | |||
| @@ -19,8 +18,13 @@ | |||
| function initViewer() { | |||
| 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) | |||
| let layer = new DC.VectorLayer('layer') | |||
| viewer.addLayer(layer) | |||
| @@ -64,7 +68,7 @@ | |||
| layer.addOverlay(polyline).addOverlay(polyline1).addOverlay(polyline2).addOverlay(polyline3) | |||
| viewer.flyTo(layer) | |||
| } | |||
| DC.ready({ | |||
| DC.ready({ | |||
| baseUrl:'../libs/dc-sdk/resources/' | |||
| }).then(initViewer) | |||
| </script> | |||
+ 8
- 5
examples/overlay/polyline_flow.html
Datei anzeigen
| @@ -6,7 +6,6 @@ | |||
| <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> | |||
| @@ -19,9 +18,13 @@ | |||
| function initViewer() { | |||
| 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') | |||
| viewer.addLayer(layer) | |||
| @@ -64,7 +67,7 @@ | |||
| layer.addOverlay(polyline).addOverlay(polyline1).addOverlay(polyline2).addOverlay(polyline3) | |||
| viewer.flyTo(layer) | |||
| } | |||
| DC.ready({ | |||
| DC.ready({ | |||
| baseUrl:'../libs/dc-sdk/resources/' | |||
| }).then(initViewer) | |||
| </script> | |||
+ 8
- 4
examples/overlay/polyline_image_trail.html
Datei anzeigen
| @@ -6,7 +6,6 @@ | |||
| <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> | |||
| @@ -19,8 +18,13 @@ | |||
| function initViewer() { | |||
| 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') | |||
| viewer.addLayer(layer) | |||
| @@ -52,7 +56,7 @@ | |||
| layer.addOverlay(polyline).addOverlay(polyline1) | |||
| viewer.flyTo(layer) | |||
| } | |||
| DC.ready({ | |||
| DC.ready({ | |||
| baseUrl:'../libs/dc-sdk/resources/' | |||
| }).then(initViewer) | |||
| </script> | |||
+ 8
- 4
examples/overlay/polyline_lighting.html
Datei anzeigen
| @@ -6,7 +6,6 @@ | |||
| <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> | |||
| @@ -19,8 +18,13 @@ | |||
| function initViewer() { | |||
| 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') | |||
| viewer.addLayer(layer) | |||
| @@ -35,7 +39,7 @@ | |||
| layer.addOverlay(polyline) | |||
| viewer.flyTo(layer) | |||
| } | |||
| DC.ready({ | |||
| DC.ready({ | |||
| baseUrl:'../libs/dc-sdk/resources/' | |||
| }).then(initViewer) | |||
| </script> | |||
+ 9
- 3
examples/overlay/polyline_lighting_trail.html
Datei anzeigen
| @@ -6,7 +6,6 @@ | |||
| <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> | |||
| @@ -19,7 +18,14 @@ | |||
| function initViewer() { | |||
| 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') | |||
| viewer.addLayer(layer) | |||
| @@ -35,7 +41,7 @@ | |||
| layer.addOverlay(polyline) | |||
| viewer.flyTo(layer) | |||
| } | |||
| DC.ready({ | |||
| DC.ready({ | |||
| baseUrl:'../libs/dc-sdk/resources/' | |||
| }).then(initViewer) | |||
| </script> | |||
+ 5
- 2
examples/overlay/polyline_material.html
Datei anzeigen
| @@ -6,7 +6,6 @@ | |||
| <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> | |||
| @@ -19,7 +18,11 @@ | |||
| function initViewer() { | |||
| 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') | |||
| viewer.addLayer(layer) | |||
+ 9
- 3
examples/overlay/polyline_trail.html
Datei anzeigen
| @@ -6,7 +6,6 @@ | |||
| <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> | |||
| @@ -19,8 +18,15 @@ | |||
| function initViewer() { | |||
| 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') | |||
| viewer.addLayer(layer) | |||
| let polyline = new DC.Polyline('-75, 35; -125, 35') | |||
| @@ -35,7 +41,7 @@ | |||
| layer.addOverlay(polyline) | |||
| viewer.flyTo(layer) | |||
| } | |||
| DC.ready({ | |||
| DC.ready({ | |||
| baseUrl:'../libs/dc-sdk/resources/' | |||
| }).then(initViewer) | |||
| </script> | |||
+ 1
- 2
examples/overlay/radar_line.html
Datei anzeigen
| @@ -6,7 +6,6 @@ | |||
| <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> | |||
| @@ -58,7 +57,7 @@ | |||
| layer.addOverlay(circle) | |||
| viewer.flyToPosition("121.4941629,31.2091462,1859.56,0,-28.71") | |||
| } | |||
| DC.ready({ | |||
| DC.ready({ | |||
| baseUrl:'../libs/dc-sdk/resources/' | |||
| }).then(initViewer) | |||
| </script> | |||
+ 1
- 2
examples/overlay/radar_pic.html
Datei anzeigen
| @@ -6,7 +6,6 @@ | |||
| <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> | |||
| @@ -63,7 +62,7 @@ | |||
| layer.addOverlay(circle) | |||
| viewer.flyToPosition("121.4941629,31.2091462,1859.56,0,-28.71") | |||
| } | |||
| DC.ready({ | |||
| DC.ready({ | |||
| baseUrl:'../libs/dc-sdk/resources/' | |||
| }).then(initViewer) | |||
| </script> | |||
+ 1
- 2
examples/overlay/radar_wave.html
Datei anzeigen
| @@ -6,7 +6,6 @@ | |||
| <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> | |||
| @@ -58,7 +57,7 @@ | |||
| layer.addOverlay(circle) | |||
| viewer.flyToPosition("121.4941629,31.2091462,1859.56,0,-28.71") | |||
| } | |||
| DC.ready({ | |||
| DC.ready({ | |||
| baseUrl:'../libs/dc-sdk/resources/' | |||
| }).then(initViewer) | |||
| </script> | |||
+ 4
- 6
examples/overlay/wall.html
Datei anzeigen
| @@ -6,7 +6,6 @@ | |||
| <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> | |||
| @@ -19,10 +18,9 @@ | |||
| function initViewer() { | |||
| 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) | |||
| let layer = new DC.VectorLayer('layer') | |||
| @@ -37,7 +35,7 @@ | |||
| layer.addOverlay(wall) | |||
| viewer.flyTo(layer) | |||
| } | |||
| DC.ready({ | |||
| DC.ready({ | |||
| baseUrl:'../libs/dc-sdk/resources/' | |||
| }).then(initViewer) | |||
| </script> | |||
+ 2
- 3
examples/overlay/wall_image_trail.html
Datei anzeigen
| @@ -6,7 +6,6 @@ | |||
| <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> | |||
| @@ -23,7 +22,7 @@ | |||
| style: 'img', | |||
| crs:'WGS84' | |||
| }) | |||
| viewer.addBaseLayer( baseLayer) | |||
| viewer.addBaseLayer( baseLayer,{brightness : 0.1} ) | |||
| let layer = new DC.VectorLayer('layer') | |||
| viewer.addLayer(layer) | |||
| @@ -42,7 +41,7 @@ | |||
| layer.addOverlay(wall) | |||
| viewer.flyTo(layer) | |||
| } | |||
| DC.ready({ | |||
| DC.ready({ | |||
| baseUrl:'../libs/dc-sdk/resources/' | |||
| }).then(initViewer) | |||
| </script> | |||
+ 2
- 3
examples/overlay/wall_trail.html
Datei anzeigen
| @@ -6,7 +6,6 @@ | |||
| <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> | |||
| @@ -23,7 +22,7 @@ | |||
| style: 'img', | |||
| crs:'WGS84' | |||
| }) | |||
| viewer.addBaseLayer( baseLayer) | |||
| viewer.addBaseLayer( baseLayer,{brightness : 0.1} ) | |||
| let layer = new DC.VectorLayer('layer') | |||
| viewer.addLayer(layer) | |||
| @@ -40,7 +39,7 @@ | |||
| layer.addOverlay(wall) | |||
| viewer.flyTo(layer) | |||
| } | |||
| DC.ready({ | |||
| DC.ready({ | |||
| baseUrl:'../libs/dc-sdk/resources/' | |||
| }).then(initViewer) | |||
| </script> | |||
+ 1
- 2
examples/overlay/water.html
Datei anzeigen
| @@ -6,7 +6,6 @@ | |||
| <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> | |||
| @@ -48,7 +47,7 @@ | |||
| layer.addOverlay(water) | |||
| viewer.flyToPosition(new DC.Position(120.98516078138239,31.392917623508968,729.1673469895062,0,-83.6210050749661)) | |||
| } | |||
| DC.ready({ | |||
| DC.ready({ | |||
| baseUrl:'../libs/dc-sdk/resources/' | |||
| }).then(initViewer) | |||
| </script> | |||
+ 27
- 23
examples/widget/scene_split.html
Datei anzeigen
| @@ -24,12 +24,14 @@ | |||
| function initViewer() { | |||
| 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 tileset = new DC.Tileset( | |||
| '//resource.dvgis.cn/data/3dtiles/dayanta/tileset.json' | |||
| @@ -38,24 +40,26 @@ | |||
| tileset.setSplitDirection(-1) | |||
| layer.addOverlay(tileset) | |||
| 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 | |||
| viewer.flyTo(tileset) | |||
| } | |||
+ 0
- 57
examples/widget/split.html
Datei anzeigen
| @@ -1,57 +0,0 @@ | |||
| <!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
Datei anzeigen
| @@ -59,13 +59,18 @@ export function ready(options = {}) { | |||
| Object.keys(modules).forEach((key) => { | |||
| this[key] = modules[key] | |||
| }) | |||
| // register third part modules | |||
| const { THIRD_PART } = require('./modules/third-part') | |||
| Object.keys(THIRD_PART).forEach((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 | |||
| if (getLib('echarts')) { | |||
| const modules = require('./modules/chart') | |||
| @@ -73,7 +78,6 @@ export function ready(options = {}) { | |||
| this[key] = modules[key] | |||
| }) | |||
| } | |||
| // register turf module | |||
| if (getLib('turf')) { | |||
| // todo | |||
+ 1
- 1
src/modules/exts/BaseLayerPicker.js
Datei anzeigen
| @@ -78,7 +78,7 @@ class BaseLayerPicker { | |||
| } | |||
| this._count++ | |||
| this._imageryLayers.push({ | |||
| id: `dc-imagery-${this._count}`, | |||
| id: `imagery-no-${this._count}`, | |||
| layers: imageryLayers, | |||
| options: options, | |||
| }) | |||
+ 100
- 4
src/modules/index.js
Datei anzeigen
| @@ -7,16 +7,112 @@ export { default as Viewer } from './viewer/Viewer' | |||
| export { MouseEventType, SceneEventType } from './event' | |||
| export { ImageryType, ImageryLayerFactory } from './imagery' | |||
| export { MouseMode } from './option' | |||
| export { default as Position } from './position/Position' | |||
| 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 { | |||
| 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
Datei anzeigen
| @@ -136,7 +136,6 @@ class Layer { | |||
| * @private | |||
| */ | |||
| _addOverlay(overlay) { | |||
| // eslint-disable-next-line no-prototype-builtins | |||
| if (!this._cache.hasOwnProperty(overlay.overlayId)) { | |||
| this._cache[overlay.overlayId] = overlay | |||
| this._delegate && overlay.fire(OverlayEventType.ADD, this) | |||
| @@ -152,7 +151,6 @@ class Layer { | |||
| * @private | |||
| */ | |||
| _removeOverlay(overlay) { | |||
| // eslint-disable-next-line no-prototype-builtins | |||
| if (this._cache.hasOwnProperty(overlay.overlayId)) { | |||
| this._delegate && overlay.fire(OverlayEventType.REMOVE, this) | |||
| delete this._cache[overlay.overlayId] | |||
+ 2
- 2
src/modules/layer/type/HtmlLayer.js
Datei anzeigen
| @@ -41,7 +41,7 @@ class HtmlLayer extends Layer { | |||
| */ | |||
| _onAdd(viewer) { | |||
| this._viewer = viewer | |||
| this._viewer.dcContainer.appendChild(this._delegate) | |||
| this._viewer.layerContainer.appendChild(this._delegate) | |||
| let scene = this._viewer.scene | |||
| this._renderRemoveCallback = scene.postRender.addEventListener(() => { | |||
| let cp = this._viewer.camera.positionWC | |||
| @@ -75,7 +75,7 @@ class HtmlLayer extends Layer { | |||
| */ | |||
| _onRemove() { | |||
| this._renderRemoveCallback && this._renderRemoveCallback() | |||
| this._viewer.dcContainer.removeChild(this._delegate) | |||
| this._viewer.layerContainer.removeChild(this._delegate) | |||
| this._state = State.REMOVED | |||
| } | |||
+ 1
- 1
src/modules/material/MaterialProperty.js
Datei anzeigen
| @@ -3,7 +3,7 @@ | |||
| * @Date: 2021-02-27 22:33:50 | |||
| */ | |||
| import { Cesium } from '@dc-modules/namespace' | |||
| import { Cesium } from '../../namespace' | |||
| class MaterialProperty { | |||
| constructor(options = {}) { | |||
+ 2
- 2
src/modules/material/property/polyline/PolylineLightingMaterialProperty.js
Datei anzeigen
| @@ -3,9 +3,9 @@ | |||
| * @Date: 2021-01-13 20:52:47 | |||
| */ | |||
| import { Cesium } from '@dc-modules/namespace' | |||
| import { Cesium } from '../../../../namespace' | |||
| import MaterialProperty from '../../MaterialProperty' | |||
| const IMG = require('@dc-modules/images/lighting.png') | |||
| import IMG from '../../../images/lighting.png' | |||
| class PolylineLightingMaterialProperty extends MaterialProperty { | |||
| constructor(options = {}) { | |||
+ 2
- 3
src/modules/material/property/polyline/PolylineLightingTrailMaterialProperty.js
Datei anzeigen
| @@ -3,10 +3,9 @@ | |||
| * @Date: 2021-01-13 20:52:47 | |||
| */ | |||
| import { Cesium } from '@dc-modules/namespace' | |||
| import { Cesium } from '../../../../namespace' | |||
| import MaterialProperty from '../../MaterialProperty' | |||
| const IMG = require('@dc-modules/images/lighting.png') | |||
| import IMG from '../../../images/lighting.png' | |||
| class PolylineLightingTrailMaterialProperty extends MaterialProperty { | |||
| constructor(options = {}) { | |||
+ 1
- 1
src/modules/material/property/polyline/PolylineTrailMaterialProperty.js
Datei anzeigen
| @@ -3,7 +3,7 @@ | |||
| * @Date: 2020-02-24 13:09:09 | |||
| */ | |||
| import { Cesium } from '@dc-modules/namespace' | |||
| import { Cesium } from '../../../../namespace' | |||
| import MaterialProperty from '../../MaterialProperty' | |||
| class PolylineTrailMaterialProperty extends MaterialProperty { | |||
+ 1
- 1
src/modules/material/property/radar/RadarLineMaterialProperty.js
Datei anzeigen
| @@ -3,7 +3,7 @@ | |||
| * @Date: 2021-02-27 23:53:08 | |||
| */ | |||
| import { Cesium } from '@dc-modules/namespace' | |||
| import { Cesium } from '../../../../namespace' | |||
| import MaterialProperty from '../../MaterialProperty' | |||
| class RadarLineMaterialProperty extends MaterialProperty { | |||
+ 1
- 1
src/modules/material/property/radar/RadarSweepMaterialProperty.js
Datei anzeigen
| @@ -3,7 +3,7 @@ | |||
| * @Date: 2021-02-27 23:53:08 | |||
| */ | |||
| import { Cesium } from '@dc-modules/namespace' | |||
| import { Cesium } from '../../../../namespace' | |||
| import MaterialProperty from '../../MaterialProperty' | |||
| class RadarSweepMaterialProperty extends MaterialProperty { | |||
+ 1
- 1
src/modules/material/property/radar/RadarWaveMaterialProperty.js
Datei anzeigen
| @@ -3,7 +3,7 @@ | |||
| * @Date: 2021-02-27 23:53:08 | |||
| */ | |||
| import { Cesium } from '@dc-modules/namespace' | |||
| import { Cesium } from '../../../../namespace' | |||
| import MaterialProperty from '../../MaterialProperty' | |||
| class RadarWaveMaterialProperty extends MaterialProperty { | |||
+ 1
- 1
src/modules/material/property/wall/WallImageTrailMaterialProperty.js
Datei anzeigen
| @@ -3,7 +3,7 @@ | |||
| * @Date: 2021-02-27 23:53:08 | |||
| */ | |||
| import { Cesium } from '@dc-modules/namespace' | |||
| import { Cesium } from '../../../../namespace' | |||
| import MaterialProperty from '../../MaterialProperty' | |||
| class WallImageTrailMaterialProperty extends MaterialProperty { | |||
+ 2
- 2
src/modules/material/property/wall/WallLineTrailMaterialProperty.js
Datei anzeigen
| @@ -3,9 +3,9 @@ | |||
| * @Date: 2021-02-24 13:54:09 | |||
| */ | |||
| import { Cesium } from '@dc-modules/namespace' | |||
| import { Cesium } from '../../../../namespace' | |||
| import MaterialProperty from '../../MaterialProperty' | |||
| const IMG = require('@dc-modules/images/space_line.png') | |||
| import IMG from '../../../images/space_line.png' | |||
| class WallLineTrailMaterialProperty extends MaterialProperty { | |||
| constructor(options = {}) { | |||
+ 2
- 3
src/modules/material/property/wall/WallTrailMaterialProperty.js
Datei anzeigen
| @@ -3,10 +3,9 @@ | |||
| * @Date: 2020-06-22 16:46:14 | |||
| */ | |||
| import { Cesium } from '@dc-modules/namespace' | |||
| import { Cesium } from '../../../../namespace' | |||
| import MaterialProperty from '../../MaterialProperty' | |||
| const IMG = require('@dc-modules/images/fence.png') | |||
| import IMG from '../../../images/fence.png' | |||
| class WallTrailMaterialProperty extends MaterialProperty { | |||
| constructor(options = {}) { | |||
+ 1
- 1
src/modules/material/property/water/WaterMaterialProperty.js
Datei anzeigen
| @@ -3,7 +3,7 @@ | |||
| * @Date: 2020-02-25 21:16:00 | |||
| */ | |||
| import { Cesium } from '@dc-modules/namespace' | |||
| import { Cesium } from '../../../../namespace' | |||
| class WaterMaterialProperty { | |||
| constructor(options) { | |||
+ 10
- 11
src/modules/material/type/circle.js
Datei anzeigen
| @@ -4,17 +4,16 @@ | |||
| */ | |||
| 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 | |||
+ 2
- 3
src/modules/material/type/cylinder.js
Datei anzeigen
| @@ -4,9 +4,8 @@ | |||
| */ | |||
| 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 | |||
+ 2
- 3
src/modules/material/type/ellipsoid.js
Datei anzeigen
| @@ -4,9 +4,8 @@ | |||
| */ | |||
| 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 | |||
+ 7
- 8
src/modules/material/type/polyline.js
Datei anzeigen
| @@ -3,14 +3,13 @@ | |||
| * @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 | |||
+ 4
- 5
src/modules/material/type/radar.js
Datei anzeigen
| @@ -3,11 +3,10 @@ | |||
| * @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 | |||
+ 15
- 16
src/modules/material/type/thirdpart.js
Datei anzeigen
| @@ -3,22 +3,21 @@ | |||
| * @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_snoise = czm_snoise | |||
+ 5
- 6
src/modules/material/type/wall.js
Datei anzeigen
| @@ -3,12 +3,11 @@ | |||
| * @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 | |||
+ 15
- 26
src/modules/overlay/Overlay.js
Datei anzeigen
| @@ -36,7 +36,6 @@ class Overlay { | |||
| set id(id) { | |||
| this._bid = id | |||
| return this | |||
| } | |||
| get id() { | |||
| @@ -46,7 +45,6 @@ class Overlay { | |||
| set show(show) { | |||
| this._show = show | |||
| this._delegate && (this._delegate.show = this._show) | |||
| return this | |||
| } | |||
| get show() { | |||
| @@ -55,7 +53,6 @@ class Overlay { | |||
| set attr(attr) { | |||
| this._attr = attr | |||
| return this | |||
| } | |||
| get attr() { | |||
| @@ -64,7 +61,6 @@ class Overlay { | |||
| set allowDrillPicking(allowDrillPicking) { | |||
| this._allowDrillPicking = allowDrillPicking | |||
| return this | |||
| } | |||
| get allowDrillPicking() { | |||
| @@ -85,7 +81,6 @@ class Overlay { | |||
| set contextMenu(menus) { | |||
| this._contextMenu = menus | |||
| return this | |||
| } | |||
| get contextMenu() { | |||
| @@ -174,17 +169,14 @@ class Overlay { | |||
| if (collection) { | |||
| 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) | |||
| } | |||
| } 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) | |||
| } else { | |||
| this._delegate && this._layer.delegate.add(this._delegate) | |||
| @@ -199,7 +191,7 @@ class Overlay { | |||
| * @private | |||
| */ | |||
| _onRemove() { | |||
| if (!this._layer || !this._delegate) { | |||
| if (!this._layer) { | |||
| return | |||
| } | |||
| // for Entity | |||
| @@ -210,21 +202,18 @@ class Overlay { | |||
| else if (this._layer?.delegate?.remove) { | |||
| let collection = this._getLayerCollection(this.type) | |||
| 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) | |||
| } | |||
| } 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) | |||
| } else { | |||
| this._delegate && this._layer.delegate.remove(this._delegate) | |||
| this._layer.delegate.remove(this._delegate) | |||
| } | |||
| } | |||
| this._removedHook && this._removedHook() | |||
+ 0
- 2
src/modules/overlay/dynamic/DynamicBillboard.js
Datei anzeigen
| @@ -27,7 +27,6 @@ class DynamicBillboard extends DynamicOverlay { | |||
| set icon(icon) { | |||
| this._icon = icon | |||
| this._delegate.billboard.image = this._icon | |||
| return this | |||
| } | |||
| get icon() { | |||
| @@ -41,7 +40,6 @@ class DynamicBillboard extends DynamicOverlay { | |||
| this._size = size | |||
| this._delegate.billboard.width = this._size[0] || 32 | |||
| this._delegate.billboard.height = this._size[1] || 32 | |||
| return this | |||
| } | |||
| get size() { | |||
+ 0
- 1
src/modules/overlay/dynamic/DynamicModel.js
Datei anzeigen
| @@ -26,7 +26,6 @@ class DynamicModel extends DynamicOverlay { | |||
| set modelUrl(modelUrl) { | |||
| this._modelUrl = modelUrl | |||
| this._delegate.model.uri = this._modelUrl | |||
| return this | |||
| } | |||
| get modelUrl() { | |||
+ 0
- 1
src/modules/overlay/dynamic/DynamicOverlay.js
Datei anzeigen
| @@ -22,7 +22,6 @@ class DynamicOverlay extends Overlay { | |||
| set maxCacheSize(maxCacheSize) { | |||
| this._maxCacheSize = maxCacheSize | |||
| return this | |||
| } | |||
| get maxCacheSize() { | |||
+ 1
- 1
src/modules/overlay/index.js
Datei anzeigen
| @@ -75,5 +75,5 @@ export { default as Point } from './vector/Point' | |||
| export { default as Polygon } from './vector/Polygon' | |||
| export { default as Polyline } from './vector/Polyline' | |||
| 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' | |||
+ 16
- 14
src/modules/overlay/model/Tileset.js
Datei anzeigen
| @@ -11,10 +11,7 @@ import State from '../../state/State' | |||
| class Tileset extends Overlay { | |||
| constructor(url, options = {}) { | |||
| super() | |||
| this._delegate = new Cesium.Cesium3DTileset({ | |||
| ...options, | |||
| url: url, | |||
| }) | |||
| this._delegate = Cesium.Cesium3DTileset.fromUrl(url, options) | |||
| this._tileVisibleCallback = undefined | |||
| this._properties = undefined | |||
| this._state = State.INITIALIZED | |||
| @@ -24,8 +21,11 @@ class Tileset extends Overlay { | |||
| return Overlay.getOverlayType('tileset') | |||
| } | |||
| get readyPromise() { | |||
| return this._delegate.readyPromise | |||
| set show(show) { | |||
| this._show = show | |||
| this._delegate.then((tileset) => { | |||
| tileset.show = show | |||
| }) | |||
| } | |||
| /** | |||
| @@ -73,7 +73,7 @@ class Tileset extends Overlay { | |||
| */ | |||
| setPosition(position) { | |||
| position = Parse.parsePosition(position) | |||
| this.readyPromise.then((tileset) => { | |||
| this._delegate.then((tileset) => { | |||
| let modelMatrix = Cesium.Transforms.eastNorthUpToFixedFrame( | |||
| Cesium.Cartesian3.fromDegrees(position.lng, position.lat, position.alt) | |||
| ) | |||
| @@ -100,7 +100,7 @@ class Tileset extends Overlay { | |||
| * @returns {Tileset} | |||
| */ | |||
| setHeadingPitchRoll(heading, pitch, roll) { | |||
| this.readyPromise.then((tileset) => { | |||
| this._delegate.then((tileset) => { | |||
| let modelMatrix = tileset.root.transform | |||
| let rotation = Cesium.Matrix4.fromRotationTranslation( | |||
| Cesium.Matrix3.fromHeadingPitchRoll( | |||
| @@ -131,7 +131,7 @@ class Tileset extends Overlay { | |||
| * @returns {Tileset} | |||
| */ | |||
| clampToGround() { | |||
| this.readyPromise.then((tileset) => { | |||
| this._delegate.then((tileset) => { | |||
| let center = Cesium.Cartographic.fromCartesian( | |||
| tileset.boundingSphere.center | |||
| ) | |||
| @@ -162,7 +162,7 @@ class Tileset extends Overlay { | |||
| * @returns {Tileset} | |||
| */ | |||
| setHeight(height, isAbsolute = false) { | |||
| this.readyPromise.then((tileset) => { | |||
| this._delegate.then((tileset) => { | |||
| let center = Cesium.Cartographic.fromCartesian( | |||
| tileset.boundingSphere.center | |||
| ) | |||
| @@ -192,7 +192,7 @@ class Tileset extends Overlay { | |||
| * @returns {Tileset} | |||
| */ | |||
| setScale(scale) { | |||
| this.readyPromise.then((tileset) => { | |||
| this._delegate.then((tileset) => { | |||
| let modelMatrix = tileset.root.transform | |||
| if (scale > 0 && scale !== 1) { | |||
| Cesium.Matrix4.multiplyByUniformScale(modelMatrix, scale, modelMatrix) | |||
| @@ -219,7 +219,7 @@ class Tileset extends Overlay { | |||
| * @return {Tileset} | |||
| */ | |||
| setSplitDirection(splitDirection) { | |||
| this.readyPromise.then((tileset) => { | |||
| this._delegate.then((tileset) => { | |||
| tileset.splitDirection = splitDirection | |||
| }) | |||
| return this | |||
| @@ -231,7 +231,7 @@ class Tileset extends Overlay { | |||
| * @return {Tileset} | |||
| */ | |||
| setCustomShader(customShader) { | |||
| this.readyPromise.then((tileset) => { | |||
| this._delegate.then((tileset) => { | |||
| tileset.customShader = customShader | |||
| }) | |||
| return this | |||
| @@ -245,7 +245,9 @@ class Tileset extends Overlay { | |||
| setStyle(style) { | |||
| if (style && style instanceof Cesium.Cesium3DTileStyle) { | |||
| this._style = style | |||
| this._delegate.style = this._style | |||
| this._delegate.then((tileset) => { | |||
| tileset.style = style | |||
| }) | |||
| } | |||
| return this | |||
| } | |||
+ 2
- 2
src/modules/plot/edit/Edit.js
Datei anzeigen
| @@ -33,7 +33,7 @@ class Edit { | |||
| * | |||
| * @private | |||
| */ | |||
| _stopedHook() { | |||
| _stoppedHook() { | |||
| this._overlay.positions = Transform.transformCartesianArrayToWGS84Array( | |||
| this._positions | |||
| ) | |||
| @@ -90,7 +90,7 @@ class Edit { | |||
| this._unbindEvent() | |||
| this._viewer.editTool.deactivate() | |||
| this._layer.entities.remove(this._delegate) | |||
| this._stopedHook() | |||
| this._stoppedHook() | |||
| } | |||
| /** | |||
+ 1
- 1
src/modules/plot/edit/EditBillboard.js
Datei anzeigen
| @@ -30,7 +30,7 @@ class EditBillboard extends Edit { | |||
| * | |||
| * @private | |||
| */ | |||
| _stopedHook() { | |||
| _stoppedHook() { | |||
| this._overlay.position = Transform.transformCartesianToWGS84(this._position) | |||
| this._overlay.show = true | |||
| this._options.onEditStop && this._options.onEditStop(this._overlay) | |||
+ 1
- 1
src/modules/plot/edit/EditCircle.js
Datei anzeigen
| @@ -75,7 +75,7 @@ class EditCircle extends Edit { | |||
| * | |||
| * @private | |||
| */ | |||
| _stopedHook() { | |||
| _stoppedHook() { | |||
| this._overlay.center = Transform.transformCartesianToWGS84( | |||
| this._positions[0] | |||
| ) | |||
+ 1
- 1
src/modules/plot/edit/EditPoint.js
Datei anzeigen
| @@ -30,7 +30,7 @@ class EditPoint extends Edit { | |||
| * | |||
| * @private | |||
| */ | |||
| _stopedHook() { | |||
| _stoppedHook() { | |||
| this._overlay.position = Transform.transformCartesianToWGS84(this._position) | |||
| this._overlay.show = true | |||
| this._options.onEditStop && this._options.onEditStop(this._overlay) | |||
+ 0
- 0
src/modules/plot/edit/EditPolygon.js
Datei anzeigen
Einige Dateien werden nicht angezeigt, da zu viele Dateien in diesem Diff geändert wurden.
Laden…