发布三维地图服务之后，前端调用：
<!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/PipeNetWork@Pipe3D.scp' }); 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>
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识（上）
· 浏览器原生「磁吸」效果！Anchor Positioning 锚点定位神器解析
· 没有源码，如何修改代码逻辑？
· 分享4款.NET开源、免费、实用的商城系统
· 全程不用写代码，我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了，比商业数据库还牛
· 白话解读 Dapr 1.15：你的「微服务管家」又秀新绝活了
· 上周热点回顾（2.24-3.2）
2019-06-11 igserver许可证过期 & 发布服务客户端浏览出现error2032
2018-06-11 图像处理与计算机视觉：基础，经典以及最近发展