cesium环境搭建篇（一）使用http-server搭建一个简单的cesium服务

最新推荐文章于 2024-04-08 21:52:16 发布

Can_Yue_

最新推荐文章于 2024-04-08 21:52:16 发布

阅读量961

点赞数

本文链接：https://blog.csdn.net/Can_Yue_/article/details/115689899

版权

cesium 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

准备工作：

Vscode
Node.js

步骤：

配置好Node的环境，
打开cmd，全局安装http-server

npm install http-server -g

创建一个项目文件夹cesium-temp,在根目录下创建scripts文件夹，在cesium官网下载解压后的文件中Build/Cesium复制到scripts文件夹下
cmd 进入到项目文件路径下执行

http-server -p 8082

在这里插入图片描述

执行后别关闭这个cmd窗口

将项目文件夹用Vscode打开，在根目录下创建index.html

<!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>CesiumApp</title>
    <script src="./scripts/Cesium/Cesium.js"></script>
    <link rel="stylesheet" href="./scripts/Cesium/Widgets/widgets.css">
    <style>
        html,
        body,
        #cesiumContainer {
          position: absolute;
                top: 0;
                bottom: 0;
                width: 100%;
        }
      </style>
</head>

<body>
    <div id="cesiumContainer"></div>
    <script>
        var viewer = new Cesium.Viewer('cesiumContainer', {
        	geocoder: false, // 查找位置工具，默认使用bing地图
       		navigationHelpButton: false, // 导航帮助按钮
        	animation: false, // 动画器件
	        timeline: false, // 时间线
        	fullscreenButton: false, // 全屏按钮

        	terrainProvider: Cesium.createWorldTerrain(), //地形
        	shadows: true, //阴影
        });
    </script>
    
</body>
</html>

最后在8082端口验证

Can_Yue_

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
cesium环境搭建篇（一）使用http-server搭建一个简单的cesium服务

准备工作：VscodeNode.js步骤：配置好Node的环境，打开cmd，全局安装http-servernpm install http-server -g创建一个项目文件夹cesium-temp,在根目录下创建scripts文件夹，在cesium官网下载解压后的文件中Build/Cesium复制到scripts文件夹下cmd 进入到项目文件路径下执行http-server -p 8082执行后别关闭这个cmd窗口将项目文件夹用Vscode打开，在根目录下创建in
复制链接

扫一扫

专栏目录