Cesium专刊:引入Cesium(原生JS引入)

76 阅读1分钟

前言

人生一迹,谨以此记录Cesium相关系列知识

Cesium官网JS库

注意直接下载编译后的源码即可

image.png

JS原生引入Cesium

由于cesium本身就是JS的组件库,因此直接利用script标签引入即可,注意要引入必要的css文件

关键代码块
    <link rel="stylesheet" href="../Cesium-1.111/Build/Cesium/Widgets/widgets.css">
    <script type="text/javascript" src="../Cesium-1.111/Build/Cesium/Cesium.js"></script> 
全部代码块
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JS引入Cesium</title>
    <link rel="stylesheet" href="../Cesium-1.111/Build/Cesium/Widgets/widgets.css">
    <script type="text/javascript" src="../Cesium-1.111/Build/Cesium/Cesium.js"></script>
</head>
<body>
    <div id="cesiumContainer"></div>
    <script type="text/javascript">
        var viewer = new Cesium.Viewer('cesiumContainer');
    </script>
</body>
</html>

image.png