Vous ne pouvez pas sélectionner plus de 25 sujets Les noms de sujets doivent commencer par une lettre ou un nombre, peuvent contenir des tirets ('-') et peuvent comporter jusqu'à 35 caractères.

model_primitive_d.html 2.2KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  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. <script>
  14. let viewer = undefined
  15. function generatePosition(num) {
  16. let list = []
  17. for (let i = 0; i < num; i++) {
  18. let lng = 120.38105869 + Math.random() * 0.5
  19. let lat = 31.10115627 + Math.random() * 0.5
  20. list.push(
  21. new DC.Position(
  22. lng,
  23. lat,
  24. 1000 * Math.random(),
  25. 3600 * Math.random()
  26. )
  27. )
  28. }
  29. return list
  30. }
  31. function initViewer() {
  32. viewer = new DC.Viewer('viewer-container')
  33. let baseLayer = DC.ImageryLayerFactory.createImageryLayer(
  34. DC.ImageryType.AMAP,
  35. {
  36. style: 'img',
  37. crs: 'WGS84',
  38. }
  39. )
  40. viewer.addBaseLayer(baseLayer, {
  41. brightness: 0.1,
  42. })
  43. let layer = new DC.PrimitiveLayer('layer').addTo(viewer)
  44. let positions = generatePosition(1000)
  45. positions.forEach((item) => {
  46. let model = new DC.ModelPrimitive(
  47. item,
  48. '../assets/data/Cesium_Air.glb'
  49. )
  50. model.on(DC.ModelEventType.READY, (model) => {
  51. model.activeAnimations.add({
  52. index: 0,
  53. loop: 1,
  54. multiplier: 1,
  55. })
  56. model.activeAnimations.add({
  57. index: 1,
  58. loop: 1,
  59. multiplier: 1,
  60. })
  61. })
  62. model.setStyle({ scale: 50 })
  63. layer.addOverlay(model)
  64. })
  65. viewer.flyToPosition(
  66. '120.82005120445152,30.903795335982288,60975.10826917929,341.02,-50.29'
  67. )
  68. }
  69. DC.ready({
  70. baseUrl: '../libs/dc-sdk/resources/',
  71. }).then(initViewer)
  72. </script>
  73. </body>
  74. </html>