解决Cesium发布服务器外不能访问的问题

解决Cesium发布服务器外不能访问的问题

关于Cesium在服务器端(Windows环境)的部署网上已经有很多文章介绍,在此就不做过多介绍,一般流程为:

  1. 在服务器上安装部署Node.js服务器;
  2. 将自己基于Cesium开发的网站部署到服务器上;
  3. 在网站根目录运行命令,运行npm install connect命令安装connect包;
  4. 执行如下命令,安装运行依赖库:
npm install express
npm install compression
npm install request
npm install yargs

5.最后通过执行node server.js命令开启服务器(默认端口为8080),在服务器的浏览器地址栏里输入http://localhost:8080访问,可看到如下界面:
服务器本机访问发布的三维球网站页面
如果在其它客户端机器上通过服务器IP地址(http://192.168.10.172:8080)访问该服务,会出现不能访问的情况,即使将防火墙关闭或添加例外依然不能访问,如下图所示:
其他机器不能打开三维球页面
经过分析项目启动文件server.js,可看到如下代码段:

var server = app.listen(argv.port, argv.public ? undefined : 'localhost', function() {
        if (argv.public) {
            console.log('Cesium development server running publicly.  Connect to http://localhost:%d/', server.address().port);
        } else {
            console.log('Cesium development server running locally.  Connect to http://localhost:%d/', server.address().port);
        }
    });

说明在服务端启动参数里可以指定端口和IP地址来指定该服务是只能在本机访问还是可以公开访问,所以服务的启动命令应修改为node server.js --port 8080 -- public 192.168.10.172,这时,无论在本机还是网内其他客户端都可以通过在浏览器中输入http://192.168.10.172:8080访问三维网站:
通过IP地址访问三维网站

  • 6
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
Cesium中,实体的内部和部颜色由材质(Material)控制。如果你发现实体内颜色不一致,可以尝试使用以下方法来解决: 1.使用双面材质 Cesium中的实体默认使用单面材质,即只渲染实体的表面。如果你想要同时渲染内部和部,可以使用双面材质。具体实现方法如下: ``` var entity = viewer.entities.add({ name: 'Box', position: Cesium.Cartesian3.fromDegrees(-75.59777, 40.03883), box : { dimensions : new Cesium.Cartesian3(400000.0, 300000.0, 500000.0), material : new Cesium.Material({ fabric : { type : 'Color', uniforms : { color : Cesium.Color.RED } } }), // 使用双面材质 perPositionHeight: true, faceForward: false, backFaceCulling: false } }); ``` 其中,perPositionHeight为true表示使用每个位置的高度值,faceForward为false表示不反转法线方向,backFaceCulling为false表示不剔除背面。 2.使用ColorBlendMode属性 Cesium中的Material有一个ColorBlendMode属性,可以用来控制内部和部颜色的混合方式。默认情况下,ColorBlendMode为HIGHLIGHT,即使用高亮颜色混合内部和部颜色。你可以将ColorBlendMode设置为MIX,然后调整内部和部颜色的透明度来实现颜色一致的效果。具体实现方法如下: ``` var entity = viewer.entities.add({ name: 'Box', position: Cesium.Cartesian3.fromDegrees(-75.59777, 40.03883), box : { dimensions : new Cesium.Cartesian3(400000.0, 300000.0, 500000.0), material : new Cesium.Material({ fabric : { type : 'Color', uniforms : { color : Cesium.Color.RED.withAlpha(0.5) } } }), // 设置ColorBlendMode为MIX colorBlendMode: Cesium.ColorBlendMode.MIX, colorBlendAmount: 0.5 } }); ``` 其中,colorBlendAmount为0.5表示内部和部颜色的透明度相同。你可以根据需要调整它们的值。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值