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

radar_scan.html 2.0KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width,initial-scale=1.0">
  6. <title>dc-example</title>
  7. <script src='/libs/dc-sdk/dc.min.js'></script>
  8. <link href='/libs/dc-sdk/dc.min.css' type='text/css' rel='stylesheet'>
  9. <link href='../index.css' type='text/css' rel='stylesheet'>
  10. </head>
  11. <body>
  12. <div id="viewer-container" class="viewer-container"></div>
  13. <div class="btn-box">
  14. <ul>
  15. <li><button onclick="start()">开始</button></li>
  16. <li><button onclick="stop()">结束</button></li>
  17. </ul>
  18. </div>
  19. <script>
  20. let viewer = undefined
  21. let radarScan = undefined
  22. function start(){
  23. radarScan.start()
  24. }
  25. function stop(){
  26. radarScan.stop()
  27. }
  28. function initViewer() {
  29. viewer = new DC.Viewer('viewer-container').setOptions({
  30. globe: {
  31. depthTestAgainstTerrain: true
  32. }
  33. })
  34. let baseLayer = DC.ImageryLayerFactory.createAmapImageryLayer({
  35. crs: 'WGS84'
  36. })
  37. viewer.addBaseLayer( baseLayer,{
  38. brightness:0.1
  39. })
  40. let layer = new DC.TilesetLayer('layer')
  41. viewer.addLayer(layer)
  42. let style = new DC.TilesetStyle()
  43. style.color = {
  44. conditions: [
  45. ['${Height} >= 300', 'rgba(45, 0, 75, 0.5)'],
  46. ['${Height} >= 200', 'rgb(102, 71, 151)'],
  47. ['${Height} >= 100', 'rgb(170, 162, 204)'],
  48. ['${Height} >= 50', 'rgb(224, 226, 238)'],
  49. ['${Height} >= 25', 'rgb(252, 230, 200)'],
  50. ['${Height} >= 10', 'rgb(248, 176, 87)'],
  51. ['${Height} >= 5', 'rgb(198, 106, 11)'],
  52. ['true', 'rgb(127, 59, 8)']
  53. ]
  54. }
  55. let tileset = new DC.Tileset(
  56. 'http://resource.dvgis.cn/data/3dtiles/ljz/tileset.json'
  57. ).setStyle(style)
  58. layer.addOverlay(tileset)
  59. radarScan =new DC.RadarScan( viewer,'121.489206,31.241320',1000,{
  60. speed: 3
  61. })
  62. viewer.flyToPosition(new DC.Position(121.491415, 31.208443, 1954.04, 0, -28))
  63. }
  64. DC.ready({
  65. baseUrl:'../libs/dc-sdk/resources/'
  66. }).then(initViewer)
  67. </script>
  68. </body>
  69. </html>