Cesium之HelloWorld.html

本文详细介绍了如何解决Cesium三维地图无法正常显示的问题。包括安装依赖模块、启动Web服务器及配置Bing Maps密钥等步骤。

本文是本人在运行该文件时并没有按照官网那样显示一个三维地图,最终解决了这一问题,以下是我的解决办法,希望可以帮助到遇到类似问题的学者。

所有文件都存放在Cesium文件夹中,如下图所示:

 首先打开cmd命令行,输入cnpm install,加载所需的模块,这时会在Cesium文件夹中出现node_modules文件夹,如下图:

然后输入node server.js或npm start 部署Web服务器,注意如果只打开HelloWorld.html文件是报错的,因为Cesium构建的网站只能在服务器上进行浏览,如下图所示:

 最后在浏览器地址栏输入:http://localhost:8080/HelloWorld.html,注意8080为端口,要和上一步的端口一致。这时系统不报错了,但是没有显示三维地球。原因是Cesium使用的是Bing map,我们需要去官网https://www.bingmapsportal.com/?lc=1033申请key,然后将key值粘贴到Cesium.js文件中,如下图:

     

      

 最终显示效果如下:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值