cesium教程-1.快速开始

最新推荐文章于 2024-07-29 11:12:32 发布

前端小孟

最新推荐文章于 2024-07-29 11:12:32 发布

阅读量1.4k

点赞数 2

分类专栏： Cesium 文章标签： javascript webgl cesium html

本文链接：https://blog.csdn.net/qq_27118895/article/details/105848091

版权

Cesium 专栏收录该内容

7 篇文章 18 订阅

订阅专栏

1.介绍

CesiumJS是一个用于Web上3D地图的JavaScript库。开发者通过Cesium，实现无插件的创建三维球，Cesium通过WebGL技术实现图形的硬件加速，并且跨平台，跨浏览器，

在这里插入图片描述

cesium官网：https://cesium.com/
实例地址：https://sandcastle.cesium.com/
开发工具：推荐vscode（免费，插件很多）
浏览器：推荐使用谷歌浏览器（Chrome）

2.HelloWorld

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <link rel="stylesheet" href="../Cesium/Widgets/widgets.css">
  <script src="../Cesium/Cesium.js"></script>
  <style>
        html,
        body,
        #cesiumContainer {
            width: 100%;
            height: 100%;
            margin: 0;
            padding: 0;
            overflow: hidden;
        }
    </style>
</head>
<body>
  <div id="cesiumContainer"></div>
  <script>
    //Cesium.Ion.defaultAccessToken = 'your_access_token';//需要到cesiumion申请
    let viewer = new Cesium.Viewer("cesiumContainer",{
            terrainProvider: Cesium.createWorldTerrain()//快速创建世界地形
        });
  </script>
</body>
</html>

在这里插入图片描述

1.说明：your_access_token申请网址： https://cesium.com/ion/signin，your_access_token这个token用作请求影像和地形，如果您使用的是国内的地图源和自定义地形源可以不用申请
2.Cesium包下载:https://cesium.com/cesiumjs/