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.

model_primitive.html 1.8KB

2 lat temu
2 lat temu
2 lat temu
2 lat temu
2 lat temu
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  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.setStyle({ scale: 50 })
  51. layer.addOverlay(model)
  52. })
  53. viewer.flyToPosition(
  54. '120.82005120445152,30.903795335982288,60975.10826917929,341.02,-50.29'
  55. )
  56. }
  57. DC.ready({
  58. baseUrl: '../libs/dc-sdk/resources/',
  59. }).then(initViewer)
  60. </script>
  61. </body>
  62. </html>