超圖三維服務的釋出
阿新 • • 發佈：2021-06-11
釋出三維地圖服務之後，前端呼叫：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"> <title>Hello World!</title> <link href="../Build/Cesium/Widgets/widgets.css" rel="stylesheet"> <script src="../Build/Cesium/Cesium.js"></script> <script src="./js/require.min.js"></script> <style> html, body, #cesiumContainer { width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden; } </style> </head> <body> <div id="cesiumContainer"> </div> <script> Cesium.Ion.defaultAccessToken = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiJiYTZjMjY5Ni03MTc0LTQ5MGYtOGJiYy02YzkzNjRiYmMwYWEiLCJpZCI6NDM0NTQsImlhdCI6MTYxMjY2MTk0Mn0.bYoo6o2FX0GnvbEUMUR8wHFT-MX10_ELQseMKcr2Ld0' let viewer = new Cesium.Viewer('cesiumContainer',{ }); let scene = viewer.scene; require(['./js/S3MTiles/S3MTilesLayer'], function(S3MTilesLayer) { let layer = new S3MTilesLayer({ context : scene._context, url: './data/pipe3D/PipeNetWork@Pipe3D/[email protected]' }); scene.primitives.add(layer); layer.readyPromise.then(function() { scene.camera.setView({ destination : new Cesium.Cartesian3(-2182469.166141913, 4386579.0994979935, 4069925.783807108), orientation : { heading : 5.213460518239332, pitch : -0.5150671720144846 } }); }).otherwise(function(error) { console.log(error); }); }) </script> </body> </html>