CESIUM-环境部署

cesium入门那首先是要进行环境部署,网上教程大多是通过nodejs环境配置,之后进行相关操作;也有人说是新建一个项目,然后将bulid文件夹下的cesium文件夹全部复制到项目中,然后依次引用相关文件即可;也有人说直接打开解压后的包或者是将整个解压后的包复制到自己项目中即可。总之这三种方法我都有尝试过,通过nodejs环境配置的似乎是直接点击页面运行就可以在本地查看运行的球体,而直接复制到项目中的则需要经过编辑器运行后才可以正常查看。

接下来是讲述我的环境部署方法,其实就是下载cesium包,传送阵

下载下来的包解压后,此处是1.35:

解压完了之后我是直接拷贝build文件夹到项目里

然后新建html页面,引用相关文件,然后运行。

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no" />
    <title>hello world</title>
    <style>
        @import url(Javascript/Build/Cesium/Widgets/widgets.css);
    </style>
</head>

<body>
    <div id="cesiumContainer" class="fullSize"></div>
    <div id="loadingOverlay">
        <h1>Loading...</h1>
    </div>
    <div id="toolbar"></div>
</body>
</html>
<script src="Javascript/Build/Cesium/Cesium.js"></script>
<script src="Javascript/jquery-2.1.4.min.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        init();
    });
    function init() {
        var viewer = new Cesium.Viewer("cesiumContainer");
    }
</script>

运行截图:

碎碎叨:管它是正规路子还是野路子,能达成目标就是好路子。

转载请注明出处,谢谢!!!

猜你喜欢

转载自blog.csdn.net/qq_27467403/article/details/81118876