cesium入门

最新推荐文章于 2024-08-28 15:52:25 发布

软考鸭

最新推荐文章于 2024-08-28 15:52:25 发布

阅读量439

点赞数

分类专栏： cesium 文章标签： javascript

本文链接：https://blog.csdn.net/gusushantang/article/details/107712871

版权

cesium 专栏收录该内容

13 篇文章 1 订阅

订阅专栏

欢迎关注微信公众号：GIS软件
分享地信测绘GIS前沿资讯、GIS教程、GIS矢量地图、GIS软件下载、GIS航空数据处理，交流GIS软件技巧。

一、准备工作

1.我做java开发，就选择了IDEA
2.下载 SuperMap iClient3D for WebGL 下载
下载完文件夹目录

##二、helloworld 开始
###1.新建html，在head引入cesium库和cesium样式文件

    <!--引入cesiumjs库-->
    <script type="text/javascript" src="../Build/Cesium/Cesium.js"></script>
    <!--cesium样式-->
    <link href="../Build/Cesium/Widgets/widgets.css" rel="stylesheet">

###2.在body，添加div用于绑定ceium场景

<div id="cesiumContainer"></div>

###3.创建cesium场景

var viewer = new Cesium.Viewer('cesiumContainer');

效果如下

完整代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>影像</title>
    <!--引入cesiumjs库-->
    <script type="text/javascript" src="../Build/Cesium/Cesium.js"></script>
    <!--cesium样式-->
    <link href="../Build/Cesium/Widgets/widgets.css" rel="stylesheet">
</head>
<body>
<div id="cesiumContainer"></div>
<script>
    var viewer = new Cesium.Viewer('cesiumContainer');
</script>
</body>
</html>