cesium教程-1.快速开始

1.介绍

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

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

2.HelloWorld


<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>

cesium教程-1.快速开始_第1张图片

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

上面代码写好,双击代码的html文件却报错了?????

所有web程序需要一个web服务器,CesiumJS也不例外。那我们vscode安装一个服务的插件
cesium教程-1.快速开始_第2张图片
在所在html文件空处右击
cesium教程-1.快速开始_第3张图片

那么我的第一个应用就开到效果了

代码放在:https://github.com/weshmily/cesiumPDG

欢迎各位大佬点星星

你可能感兴趣的:(cesium)