Advertisement
vitareinforce

contoh peta tile

Sep 15th, 2023 (edited)
36
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.11 KB | None | 0 0
  1. <head>
  2. <meta charset="utf-8">
  3. <script src="https://cesium.com/downloads/cesiumjs/releases/1.83/Build/Cesium/Cesium.js"></script>
  4. <link href="https://cesium.com/downloads/cesiumjs/releases/1.83/Build/Cesium/Widgets/widgets.css" rel="stylesheet">
  5. </head>
  6.  
  7. <body>
  8. <div id="cesiumContainer"></div>
  9. <script>
  10.  
  11. Cesium.Ion.defaultAccessToken = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiI1NDk5NjUyYy0yZGY5LTRiNTQtOWI1Zi03MTE3OGMxYjNjZWQiLCJpZCI6MTQ5NTY4LCJpYXQiOjE2ODc4NDc3NjJ9.wzr8teQYBrwUMcyahonwVsjcS34NJMjZE42bMtvkiVA';
  12. const viewer = new Cesium.Viewer("cesiumContainer");
  13.  
  14. viewer.terrainProvider = new Cesium.CesiumTerrainProvider({
  15. url: 'https://api.maptiler.com/tiles/terrain-quantized-mesh/?key=nNmmNeGucUXVmf8Zb5El'
  16. });
  17.  
  18. viewer.camera.flyTo({
  19. destination: Cesium.Cartesian3.fromDegrees(137.120184, -4.1469595, 10000),
  20. orientation: {
  21. heading: Cesium.Math.toRadians(0),
  22. pitch: Cesium.Math.toRadians(-30),
  23. roll: Cesium.Math.toRadians(0)
  24. },
  25. duration: 5
  26. });
  27.  
  28. viewer.scene.globe.show = true;
  29. </script>
  30. </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement