用WebGL调用服务，报scene is required!
代码如下，飞行代码也实现不了，而且每个浏览器报错不太一样。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"> <title>庐山东林寺场景</title> <link href="css/widgets.css" rel="stylesheet"> <script type="text/javascript" src="js/require.min.js" data-main="js/main"></script> <link href="Build/Cesium/Widgets/widgets.css" rel="stylesheet"> <link href="css/bootstrap.min.css" rel="stylesheet"> <script src="js/jquery.min.js"></script> <script src="js/bootstrap.min.js"></script> <style> html, body, #cesiumContainer { width: 100%; height: 100%; margin: 0; padding: 0;float: right;overflow: hidden; } .tools{ width: 20px; height: 20px; margin: 10px; } .tool{ width: 60px; height: 30px; } </style> <style type="text/css"> #header { background-color:#FF9900; color:black; text-align:center; padding:20px; } #left { width:16%; height: 100%; float: left; background-color: #eeeeee; } #cesiumContainer { height: 100%; width: 84%; float: right; } </style> </head> <body> <div id="header"><h3 style="color: #5F9EA0;">庐山东林寺三维场景</h3></div> <div id="cesiumContainer"></div> <div id="left"> <div id="toolbar" style="left : 0px; top : 5px;position: relative;width: 250px;height: 50px;float: left;"> <p>飞行控制模块</p> <button id="play" class="tool" title="开始">开始</button> <button id="pause" class="tool" title="暂停">暂停</button> <button id="stop" class="tool" title="停止">停止</button> </div> <div style="width: 100px;position: relative;width: 40px;float: left;left:0px; margin-top: 50px;"> <select id="stopList" > <!--<option disabled selected value>--选择站点--</option>--> </select> </div> </div> <script type="text/javascript"> var viewer,url; url = "http://localhost:8090/iserver/services/3D-DLS/rest/realspace/datas/Config/config"; var sceneUrl="http://localhost:8090/iserver/services/3D-DLS/rest/realspace"; var flyManager; function onload(Cesium) { viewer = new Cesium.Viewer('cesiumContainer'); var scene = viewer.scene; var widget = viewer.cesiumWidget; var toolbar = document.getElementById('toolbar') try{ var promise = scene.addS3MTilesLayerByScp(url,{ name: 'DLS'}); Cesium.when(promise).then(function(layer){ scene.camera.setView({ destination : Cesium.Cartesian3.fromDegrees(115.943022878770010,29.602493888870001,200), orientation : { heading:0.1, pitch : 0.001, roll : 0 } }); },function(e){ if (widget._showRenderLoopErrors) { var title = 'An error occurred while rendering. Rendering has stopped.'; widget.showErrorPanel(title, undefined, e); } }); } catch(e){ if (widget._showRenderLoopErrors) { var title = 'An error occurred while rendering. Rendering has stopped.'; widget.showErrorPanel(title, undefined, e); } } var routes = new Cesium.RouteCollection(); var fpfUrl ='http://localhost:8001/lushan/fpf/DLSflyroute.fpf'; routes.fromFile(fpfUrl); //初始化飞行管理 var flyManager = new Cesium.FlyManager(scene,routes); $('#play').onclick(function(){ flyManager && flyManager.play(); }); $('#pause').onclick(function(){ flyManager && flyManager.pause(); }); $('#stop').onclick(function(){ flyManager && flyManager.stop(); }); } </script> </body> </html>
网页是服务启动的，经测试是代码走到
$('#play').onclick(function(){ flyManager && flyManager.play(); }); $('#pause').onclick(function(){ flyManager && flyManager.pause(); }); $('#stop').onclick(function(){ flyManager && flyManager.stop(); });
请问是代码问题还是？
把onclick换成click试试呢？
飞行管理可以再参考下这边的代码：
http://support.supermap.com.cn:8090/webgl/examples/editor.html#flyRoute
我已把网址换成我的，场景可以加载出来
但是，缺少飞行按钮，所以无法飞行；可以获取到站点信息，但是切换不了站点
