
cesium
cesium 知识点
学无止境慢慢来
每天进步一点点,活成自己羡慕的模样。
keep coding!!!
展开
-
cesium-1.59 自定义添加缩放按钮.txt
function addZoomButtons() { /*此函数用于,给视图添加缩放按钮。*/ // 以下要添加“+”“-”缩放按钮,及其样式,及其事件。 if(configdata.map3d.zoomButtons && configdata.map3d.zoomButtons.show){ let htmlEle = '<di...原创 2019-08-01 15:56:08 · 2176 阅读 · 1 评论 -
cesium mars3d screenPointToMap.txt
1. cesium 方法viewer.scene.pickPosition(windowPosition, result) → Cartesian3 Scene/Scene.js 3486Returns the cartesian position reconstructed from the depth buffer and window position.The position re...原创 2019-12-10 17:59:06 · 352 阅读 · 0 评论 -
cesium 获取屏幕位置.txt
0.说明通过获取屏幕位置,进而可以转化成 wgs84 坐标系的位置,进而可以进行相应的操作。该位置是 $(".cesium-viewer") 元素的 clientX-clientY。1. jquery 方式,已经过验证。let wheelingPosition = {};// 给$(".cesium-viewer")元素添加 mousemove 事件。$(".cesium-vie...原创 2019-12-10 17:36:18 · 379 阅读 · 0 评论 -
cesium ScreenSpaceEventHandler && ScreenSpaceEventType.txt
1.handler = new Cesium.ScreenSpaceEventHandler(viewer.scene.canvas);// On mouse over, display all the properties for a feature in the console log.handler.setInputAction(function(movement) { va...原创 2019-12-10 16:03:36 · 1664 阅读 · 0 评论 -
01-cesium-entity.popup.txt
1.说明:cesium 的 entity 可以添加 popup 属性,添加该属性后,单击该实体,弹窗显示响应的内容。包括图片。2.mars3dwidgets/queryBaiduPOI/widget.jsviewer.mars.popup.show();viewer.mars.popup.show(entity, entity.position._value);viewer.m......原创 2020-07-15 17:57:42 · 531 阅读 · 2 评论 -
cesium && arcgis api for js 鼠标滚轮事件.txt
鼠标滚轮事件是在 上升沿触发,但对于视图来说,会在触发该事件80ms(左右)后做出反应,视图的缩放,视高的升高、降低。所以,在使用鼠标滚轮事件时,要注意的是,在添加滚轮事件时,要做相应的延时处理,才能得到正确的效果。cesium 代码:setTimeout(changeViewerHeightDynamic, 80);function changeViewerHeightDynam...原创 2019-12-04 10:44:02 · 1310 阅读 · 0 评论 -
cesium cesium viewer.flyTo()_flyPromise.html
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>cesium viewer.flyTo()_flyPromise</title></head><body><script> ...原创 2019-12-03 18:05:50 · 5450 阅读 · 0 评论 -
cesium tileset.readyPromise.html
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>cesium tileset.readyPromise</title></head><body><script> // ...原创 2019-12-03 16:46:06 · 3606 阅读 · 0 评论 -
cesium_mars3d camera 视角.txt
一、cesium 原生方法1)viewer 定位到实体。viewer.flyTo(target, options) → Promise.<Boolean>viewer.zoomTo(target, offset) → Promise.<Boolean>2)viewer.camera(不完全列举)viewer.camera.zoomIn(viewer.camer...转载 2019-12-01 16:43:47 · 1704 阅读 · 0 评论 -
cesium 街景 vs 三维视图 显卡 知识点.txt
1.在三维转换成街景时,可以把三维隐藏 $("#centerDiv").hide(),这样可以减轻电脑GPU(图形处理器,俗称显卡)的压力。隐藏的元素,电脑GPU是不进行处理的。...原创 2019-12-01 16:11:42 · 657 阅读 · 1 评论 -
cesium 设置鼠标事件 - 屏幕坐标到图上坐标 screenPointToMap.js
function activate_streetViewMode() { /*功能:激活“街景模式”。*/ let wheelingPosition = {}; // 给$(".cesium-viewer")元素添加 mousemove 事件。 $(".cesium-viewer").on("mousemove", function (event) { ...原创 2019-12-01 15:34:42 · 757 阅读 · 0 评论 -
cesium 模型位置编辑、旋转、节点定位.txt
var that = this;var longitude = this.config.position.longitude;var latitude = this.config.position.latitude;var height = this.config.position.height;var heading = 0;if(this.config.position.head...原创 2019-08-01 08:57:33 · 4160 阅读 · 0 评论 -
arcgis vs cesium 图层.txt
1.图层arcgis map中包含属性:basemap(基层), layers(操作层), allLayers(基层、操作层).cesium中只有一个imageryLayers,用来存放所有的图层(基层、附加层)...原创 2019-07-19 11:02:38 · 978 阅读 · 0 评论 -
cesium layer知识点
一、cesium layer(或图层/ImageryLayer)是一个js对象,json对象。二、layer常用属性:name(名称), alpha(透明度),brightness(亮度),contrast(对比度),gamma(伽马),hue(色调),saturation(饱和度),show(显示)。layer常用方法:var imageryLayers = viewer.ima...原创 2019-01-17 17:08:34 · 3033 阅读 · 0 评论 -
cesium Imagery providers vs. layers(图像提供者与图层).txt
图像提供者使用特定的服务请求瓷砖/瓦片(tiles),而图层则表示来自图像提供者的显示的瓷砖/瓦片(tiles)。个人理解:图像提供者请求瓦片,显示的瓦片称为图层。代码如下:var layer = layers.addImageryProvider(imageryProvider);或者:var layer = new Cesium.ImageryLayer(imageryProvide...翻译 2019-01-15 15:32:17 · 690 阅读 · 0 评论 -
cesium 常用函数.txt
一、数据计算及类型转换1)Cartographic类的函数1.WGS84坐标。new Cesium.Cartographic(longitude, latitude, height)由经度、纬度和高度定义的位置-球面坐标。由WGS84椭球面的经度、纬度(弧度)和高度确定的位置。Name Type Default Descriptionlongitude Number 0.0...翻译 2019-01-31 11:42:34 · 1560 阅读 · 0 评论 -
cesium 3DTileset事件.txt
1.瓦片加载事件。tileset.tileLoad.addEventListener(function(tile) { console.log('一个瓦片被加载了。'); console.log("tile:", tile);});一个.b3dm文件就是一个或多个瓦片。2.tileVisible事件从一个模型,获取其在视图中的可见构件。此事件在加载模型(遍历瓦片)时...原创 2019-02-28 21:18:25 · 2699 阅读 · 1 评论 -
cesium 模型知识点.txt
1.模型(tileset)是由瓦片(tile)组成的。瓦片(tile)是由构件(feature)构成的。即,从大到小从宏观到微观:模型(tileset) -> 瓦片(tile)->构件(feature)。比方说,一栋楼(模型)是由多个楼层(瓦片)组成的,每一层是由多个房间(构件)组成的。模型(瓦片的集合/tileset) > 瓦片(构件的集合/tiles) >...原创 2019-03-01 10:23:44 · 1200 阅读 · 0 评论 -
cesium model(tileset) VS feature
model/tileset的数据结构类似这样:W {_url: "./data/3dtiles/bimYIYUAN/tileset.json", _basePath: "./data/3dtiles/bimYIYUAN/", _root: B, _asset: {…}, _properties: Array(1), …}feature的数据结构类似这样:pickedFeature:r...原创 2019-03-06 14:48:25 · 951 阅读 · 0 评论 -
cesium 模型偏移-定位节点2
//offsetopt.x,y不能多次更改updateMatrix: function (offsetopt) { /*此函数用于计算,同一个模型的偏移前后位置的偏移量。 * 并转换成Matrix4,保存到模型的modelMatrix属性下。 * 其中,offsetopt类似这样:"offset": { "x": 117.7532...原创 2019-04-08 18:14:34 · 6145 阅读 · 2 评论 -
cesium 笛卡尔坐标(单位:米) 与 经纬度(单位:弧度/度) 之间的转换。
this.model.readyPromise.then(function (tileset) { //记录模型原始的中心点 var boundingSphere = tileset.boundingSphere; that.boundingSphere = boundingSphere; ...原创 2019-04-09 17:40:48 · 10249 阅读 · 1 评论 -
Cesium的Property机制总结
详见:https://www.jianshu.com/p/f0b47997224c转载 2019-05-17 10:17:40 · 971 阅读 · 0 评论 -
cesium 几种定位、定向实体的基本类型.txt
以下是在三维中定位和定向 cesium 对象所必需的基本类型,并且具有许多有用的转换方法。1.笛卡尔坐标系(即,地球直角坐标系)Cartesian3:三维笛卡尔坐标 – 用作位置时 它相对于地球中心,以“米”为单位 使用地球固定框架(ECEF)。new Cesium.Cartesian3(x, y, z) -> 三维笛卡尔坐标点。把大地坐标转换成三维笛卡尔坐标:Cesium....翻译 2018-12-10 09:19:50 · 1968 阅读 · 0 评论