Cesium1.8 3dtiles 自定义着色器
// 加载白模(自定义渲染) export function add3DTiles(url: string, viewer: Cesium.Viewer) { const tileset1 = new Cesium.Cesium3DT...
譬如朝露
Cesium添加自定义点
加载图片 const entity = viewer.entities.add({ position: Cesium.Cartesian3.fromDegrees(120.4610574916298, 32.0044419558...
Cesium获取当前视角和位置
// window.viewer.camera.changed.addEventListener( (percentage) => { // let viewer = window.viewer; ...
cesium 获取polygon的中心点
var polyPositions = entity.polygon.hierarchy.getValue(Cesium.JulianDate.now()).positions;//获取边界线 var polyCenter = Cesium.Boun...
cesium实现轨迹运动
<!-- * @Author: your name * @Date: 2021-05-12 13:51:34 * @LastEditTime: 2021-05-17 15:22:00 * @LastEditors: Please set LastEdi...
Cesium视频纹理
<!-- * @Author: your name * @Date: 2021-05-21 17:28:46 * @LastEditTime: 2021-06-16 10:02:30 * @LastEditors: Do not edit * @De...
Cesium控制粒子的风速和风向
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=...
超图平台cesium实现流动线
超图在cesium进行了二次开发，其中的流动线已经开发好了，可以拿过来直接使用viewer.entities.add({ // name:entity.name, polyline: {...
Cesium定位模型
let dom = document.getElementsByClassName('btn-click') let domArr = Array.from(dom) domArr.forEach((item) => { item.oncl...
10-Cesium鼠标移动提示框
CSS样式.tooltip{ max-width: 150px; background-color: rgba(0, 0, 0, 0.5); color: #fff; position: fixed; z...
Cesium限制相机缩放
viewer.scene.screenSpaceCameraController.minimumZoomDistance = 400;//相机的高度的最小值 viewer.scene.screenSpaceCameraController.m...
09-Cesium实体Polylinevolume
<!-- * @Author: your name * @Date: 2021-05-13 21:02:13 * @LastEditTime: 2021-05-18 22:11:03 * @LastEditors: Please set LastEdi...
08-Cesium polygon多边形
<!-- * @Author: your name * @Date: 2021-05-13 21:02:13 * @LastEditTime: 2021-05-17 21:28:28 * @LastEditors: Please set LastEdi...
07-Cesium 实体Plane
<!-- * @Author: your name * @Date: 2021-05-13 21:02:13 * @LastEditTime: 2021-05-17 20:58:48 * @LastEditors: Please set LastEdi...
06-Cesium相机跟踪移动实体
<!-- * @Author: your name * @Date: 2021-05-13 21:02:13 * @LastEditTime: 2021-05-17 19:51:32 * @LastEditors: Please set LastEdi...
05-Cesium实体跟随鼠标移动
let label = this.viewer.entities.add({ id: "myEntity", position: Cesium.Cartesian3.fromDegrees(107.0, 40.0, 300.0)...
Cesium性能优化
FPSFPS是最直观能显示当前渲染效果的量值，cesium里面打开FPS的开关是：viewer.scene.debugShowFramesPerSecond = true;关闭界面上所有控件...
04-cesium视角连续飞行
let p1 = { longitude: 114.38, latitude: 36.90, height: 351.68, heading: 0.0, pitch: -28.0, roll: 0.0, ...
03-Cesium广告牌
let billBoardRntity = this.viewer.entities.add({ id: 'billBoard-1', position: Cesium.Cartesian3.fromDegre...
cesium 聚类_聚合图层
定义一个 ClusterLayer 类来管理聚类图层import * as Cesium from 'cesium/Cesium' class ClusterLayer { constructor(viewer...