
Cesium
何迟
这个作者很懒,什么都没留下…
展开
-
Cesium创建一个纯净的地球,并了解基本界面组件
一、建立依赖基于Cesium创建的网页,都依赖于源码中Build中两个基本的库,JS库和CSS库,所以需要在开头就要引入本地的两个文件。<script src="Build/Cesium/Cesium.js"></script><link href="Build/Cesium/Widgets/widgets.css" rel="stylesheet">...原创 2019-05-12 14:55:34 · 3379 阅读 · 1 评论 -
Cesium加载自定义影像数据
一、创建服务器1、上面的方法用的是Express框架自己写的服务器,现在发现安装http-server可以直接通过简单指令创建服务器,我们可以先全局安装npm install http-server -g2、然后通过以下指令创建监听4400端口的服务器,http-server可以简写成hshttp-server -p 端口号(4400)二、加载数据1、因为有些数据不能直接访问,会被...原创 2019-05-12 14:56:59 · 8350 阅读 · 3 评论 -
Cesium加载地形
一、创建服务器(看第一篇笔记)二、加载地形图数据在Cesium中,地球影像数据跟地形数据是分开的,为了加载更快,Cesium默认加载的地形数据是非常模糊的,需要修改 //加载在线地形图数据 var worldTerrain = Cesium.createWorldTerrain({ // required for water effects requestWaterMask : tru...原创 2019-05-12 14:58:20 · 8987 阅读 · 2 评论 -
Cesium设置位置和视角
一、创建服务器(看第一篇笔记)二、设置视角在Cesium中是可以打开默认定标和视角的,跟谷歌地球一样,同时注意Cesium使用的坐标系是从地心坐标系,可以通过fromDegrees()将经纬度和高程转化Cesium坐标系。 viewer.camera.setView({ // Cesium的坐标是以地心为原点,一向指向南美洲,一向指向亚洲,一向指向北极州 // fr...原创 2019-05-12 14:59:12 · 33920 阅读 · 4 评论 -
Cesium加载3dTiles
一、创建服务器(看第一篇笔记)二、加载建筑物在Cesium中建筑物信息的加载需要自己添加数据到Cesium ion中然后使用的,为了测试Cesime封装了几个数据,我们已纽约的一个岛为例。1、将视角定位在纽约上空// 坐标设置在纽约,这样会有默认的3dTiles数据var initialPosition = Cesium.Cartesian3.fromDegrees(-74.018813...原创 2019-05-12 15:00:47 · 11634 阅读 · 4 评论 -
Cesium 加载区域块
一、创建服务器(看第一篇笔记)二、加载影像和地形数据(看视角篇)三、添加区域块区域块的数据格式是geojson格式区域块中的信息点击的默认样式会直接显示这个地方的经纬度,我们通过下一篇中的kml数据可以将信息自定义,也更加地完善。同时,这个添加的方式是异步的,我们还应该设置其中心点的海拔,以及文字内容,通过遍历实现//加载代码区块var geojsonOptions = {//贴地...原创 2019-05-12 15:01:39 · 4349 阅读 · 1 评论 -
Cesium 加载KML数据,显示标签信息
一、创建服务器(看第一篇笔记)二、加载影像和地形数据(看视角篇)三、添加区域块 (区域块篇)四、加载KML数据格式是kml格式自定义KML数据和其显示的样式,我们要求在description属性中添加想要表示的信息 // 加载kml数据,更改description信息,多了黄色的标签里面包含的 var kmlOptions = { camera : viewer.scene.ca...原创 2019-05-12 15:02:26 · 9364 阅读 · 3 评论 -
Cesium 添加无人机和路径
一、创建服务器(看第一篇笔记)二、加载影像和地形数据(看视角篇)三、添加区域块 (区域块篇)四、加载KML五、添加路径和无人机路径的格式是czml格式,本质上也是json格式,通过格式化可以看到其中有两个对象,第一个对象中指定时间,第二个对象指定位置无人机的格式为gltf// 添加无人机路径和无人机// Load a drone flight path from a CZML f...原创 2019-05-12 15:03:31 · 4832 阅读 · 3 评论