(二)、Cesium 入门(npm安装)

(二)、Cesium 入门(npm安装)

官方入门指导

  1. npm环境搭建
  2. 创建web项目
  3. 安装Cesium

npm 安装命令:
npm install cesium

  1. 代码编辑
  • Cesium 文件引入
 //  The URL on your server where CesiumJS's static files are hosted.
window.CESIUM_BASE_URL = '/';

import * as Cesium from 'cesium';
import "cesium/Build/Cesium/Widgets/widgets.css";
  • 密钥绑定
 Cesium.Ion.defaultAccessToken =  '密钥';
  • 显示容器绑定
// <div id="cesiumContainer"></div>
// 指定显示容器Id =  "cesiumContainer".
const viewer = new Cesium.Viewer('cesiumContainer', {
  terrainProvider: Cesium.createWorldTerrain()
});
  • 逻辑代码编写
    例子(加载资源):
    // 添加Cesium在线模型资源
    const buildingTileset = viewer.scene.primitives.add(Cesium.createOsmBuildings());   
    // 视图缩放至加载资源位置
    viewer.camera.flyTo({
      destination : Cesium.Cartesian3.fromDegrees(-122.4175, 37.655, 400),
      orientation : {
        heading : Cesium.Math.toRadians(0.0),
        pitch : Cesium.Math.toRadians(-15.0),
      }
    });
  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Cesium.js 是一个用于创建三维地球和地图可视化的JavaScript库。可以通过引入Cesium.js文件或者使用npm安装Cesium库来使用。引用提供了使用Cesium.js的一些示例代码,包括引入Cesium.js文件、设置密钥、绑定显示容器以及编写逻辑代码。你可以根据需要使用这些代码来创建自己的Cesium.js应用程序。引用也提供了一个使用Cesium.js的HTML模板,你可以参考其中的代码来构建你的网页应用。 总结起来,Cesium.js可以通过引入Cesium.js文件或者使用npm安装Cesium库来使用,然后根据需要编写代码来创建三维地球和地图可视化应用。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [Cesium简介——环境搭建](https://blog.csdn.net/gis_witch/article/details/122678955)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"] - *2* [()、Cesium 入门npm安装)](https://blog.csdn.net/weixin_45611944/article/details/119009954)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值