cesium 知识整理--搭建Cesium（引用cesium.js方式）

资料下载：

学习网址： cesium学习中文网.
cesium：https://cesium.com/docs/
官网下载地址： https://cesiumjs.org/downloads/
GitHub下载 https://github.com/AnalyticalGraphicsInc/cesium
安装NodeJS https://nodejs.org/en/
npm install – 安装cesium开发和运行中依赖的第三方nodejs包
npm run release – 把cesium各模块源码打包压缩
cesium.js 命令深度解释
npm start – 开启cesium的测试Http Server
Sandcastle – Cesium教室

学习路线

Viewer类学习 —— 一切API的入口
Camera类学习-想去哪里去哪里( Cartesian3和Cartographic)
IlmageryLayer类学习-地球原来如此多姿( ImageryProvider类)
TerrainProvider类学习-这才是“真"三维( sampleTerrain）
EntityAPl-与地球交互起来( DataSource, Scene.pick,property)
Cesium3DTileset类-- 让场景更细致真实点( Cesium3DTileStyle类)
Primitive API-性能提升第一步( GeometryInstance类、Geometry类
Fabric -玩点高级的(Appearance类, Material类 ) ParticleSystem -锦上添点“花”( Particle类，ParticleEmitter类 )

第一个Cesium App

编辑器: vscode

下载地址：https://code.visualstudio.com/
服务: nodeJs 或者自行安装http–server NodeJS下载地址：https://nodejs.org/en/
http-server安装方法：安装nodejs后，打开cmd打开控制台输入：npm install http-server –g 回车。如图安装成功。
使用方法: 进入项目文件夹，输入http-server –p 8081(-p指定8081端口，可自行设置)回车。复制地址在浏览器上访问即可。
下载cesiumJS文件，解压后拷贝Bulid文件下的Cesium文件夹至项目文件夹下。 CesiumJS下载
新建HTML文件，引入cesium相应的文件。
创建三维窗口。
刷新浏览器，即可出现球体,如图：

拓展：

控件简介：

Geocoder : 地理位置查询定位控件，默认使用bing地图服务.
HomeButton : 默认相机位置。
SceneModePicker : 3D、2D和哥伦布模式的切换按钮.
BaseLayerPicker : 选择地形、影像等图层。
NavigationHelpButton : 显示默认的相机控制提示.
Animation : 控制场景动画的播放速度.
CreditsDisplay : 展示数据版权属性。
Timeline : 时间滚动条。
FullscreenButton : 全屏切换。

cesium 知识整理--搭建Cesium（引用cesium.js方式）相关推荐

个人知识整理(javascript篇初识)
个人知识整理(javascript篇初识(简介书写方式注释)) 一个小前端~突然想写点什么-算是梳理一下自己的知识吧 Javscript 简介浏览器本身并不会执行JS代码,而是通过内置 Java ...
五、Vue引用Cesium调用Sandcastle-header.js文件中的方法
<template><div><div id="cesiumContainer"><div id="toolbar"& ...
cesium版本之间如何兼容_【JS】cesium与three.js 结合的栗子，结合了一下网友们的栗子，解决了three.js 高版本模型出不来的问题...
废话不多说先上图下面是源代码 html> content="width=device-width, initial-scale=1, maximum-scale=1, minimum ...
vue3.x +Cesium vue3.x中安装使用cesium
Vue3.x 项目中如何使用Cesium构建三维地图项目本文列举两种常用使用方法: 1.使用vue-cli-plugin-cesium 插件安装cesium(配置较为简单) 2.安装cesium 手 ...
Cesium 开发笔记-Vue 中使用 Cesium（vue-cli-plugin-cesium）
Cesium 开发笔记-Vue 中使用 Cesium(vue-cli-plugin-cesium) 通常情况下,我们要在 Vue 中使用 Cesium,首先要安装 Cesium,然后要在 vue-cl ...
Cesium（4）：使用cesium内置的图钉样式显示geojson点
1.版本 cesium 1.92.0 2.cesium内置的图定样式 3.方法一 Cesium.PinBuilder:一个实用类,用于生成作为画布元素的自定义贴图接点.它有四个函数: fromColo ...
js事件(Event)知识整理
鼠标事件鼠标移动到目标元素上的那一刻,首先触发mouseover 之后如果光标继续在元素上移动,则不断触发mousemove 如果按下鼠标上的设备(左键,右键,滚轮--),则触发mousedow ...
TypeScript技术知识整理
TypeScript技术知识整理文章目录 TypeScript技术知识整理一.环境搭建与编译执行 1.安装 `TypeScript` 编译器 2.编写代码 **代码编辑器 - vscode** 3 ...
*Java软件开发面试知识整理*
Java软件开发面试知识整理围绕以下几点回答问题:是什么.为什么.什么时候用.项目实现.解决什么问题.遇到的困难谈谈你对Java和C的理解? Java: 面向对象.Unicode:可以跨平台(JV ...

cesium 知识整理--搭建Cesium（引用cesium.js方式）

资料下载：

学习路线

第一个Cesium App

拓展：

cesium 知识整理--搭建Cesium（引用cesium.js方式）相关推荐

最新文章

热门文章