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.

i3s.html 1.5KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  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 initViewer() {
  16. viewer = new DC.Viewer('viewer-container')
  17. let baseLayer = DC.ImageryLayerFactory.createImageryLayer(
  18. DC.ImageryType.AMAP,
  19. {
  20. style: 'img',
  21. crs: 'WGS84',
  22. }
  23. )
  24. viewer.addBaseLayer(baseLayer)
  25. let layer = new DC.I3SLayer('layer')
  26. viewer.addLayer(layer)
  27. let i3s = new DC.I3S(
  28. 'https://tiles.arcgis.com/tiles/z2tnIkrLQ2BRzr6P/arcgis/rest/services/Frankfurt2017_vi3s_18/SceneServer/layers/0',
  29. {
  30. cesium3dTilesetOptions: {
  31. skipLevelOfDetail: true,
  32. maximumScreenSpaceError: 128,
  33. },
  34. }
  35. )
  36. layer.addOverlay(i3s)
  37. viewer.flyToPosition(
  38. '8.667785654590075,50.10358812638023,806.0017044941886,17.973378573231702,-37.940813171994996'
  39. )
  40. }
  41. DC.ready({
  42. baseUrl: '../libs/dc-sdk/resources/',
  43. }).then(initViewer)
  44. </script>
  45. </body>
  46. </html>