cesium
Y青阳
冲啊
展开
-
Cesium笔记 label billboard 调整偏移量
其中 pixelOffset: new Cesium.Cartesian2(0, -20), 用于调整label 以及 billboard 的左右以及上下偏移 x 为左右 y 为上下 正:右 下 负:左 上。如果billboard 遮住了label 使标签不显示 则设置 eyeOffset: new Cesium.Cartesian3(0, 0, -10)原创 2024-06-03 11:22:43 · 321 阅读 · 0 评论 -
Cesium笔记 获取当前视角的坐标以及偏航角等信息
【代码】Cesium笔记 获取当前视角的坐标以及偏航角等信息。原创 2024-03-26 13:50:08 · 301 阅读 · 0 评论 -
Cesium笔记 viewer控件隐藏
【代码】Cesium笔记 viewer控件隐藏。原创 2024-01-10 14:05:14 · 495 阅读 · 0 评论 -
Cesium笔记 初始化 使用Vue-Cesium 组件
参考。原创 2024-01-09 17:15:47 · 496 阅读 · 0 评论 -
Cesium笔记 初始化 原生Cesium
The "HelloWorld" component has been registered but not used 问题 例如xxx已经注册,但是为使用这种问题 eslint 问题 解决办法是:package.json 文件eslintConfig 添加。4、将Cesium.js 以及样式文件widgets.css在index.html中引用。CesiumMap.vue文件不支持ts,改用js写,如要用ts请百度。5、新建vue文件,在vue文件中初始化场景。可以从官网下载,也可以使用node下载。原创 2024-01-09 17:10:55 · 687 阅读 · 0 评论 -
Cesium笔记 地球蓝色背景改为黑色
【代码】Cesium 地球蓝色背景改为黑色。原创 2023-04-11 10:00:47 · 1415 阅读 · 0 评论 -
Cesium笔记 暗色地图
【代码】Cesium笔记 暗色地图。原创 2024-01-03 17:30:21 · 536 阅读 · 0 评论 -
Cesium笔记 获取实体位置并转化为经纬度坐标
Cesium 获取实体经纬度位置原创 2022-08-18 13:22:36 · 1811 阅读 · 0 评论 -
Cesium笔记 生成抛物线 流动线
效果图代码思路,根据起点终点坐标以及需要设置的抛物线高度生成抛物线坐标串,然后根据坐标串生成cesium实体线,并修改材质为流动线viewer.entities.removeById('pwxline') viewer.entities.removeById('verticalPwxline') let startPoint = this.clickPoint let endPoint = row.geoPositon.split(',') l.原创 2021-07-19 10:54:04 · 5075 阅读 · 5 评论 -
Cesium笔记 计算两点之间得距离(经纬度)
//计算两点间距离getFlatternDistance(lat1,lng1,lat2,lng2){varEARTH_RADIUS=6378137.0//单位MvarPI=Math.PIfunctiongetRad(d){return(d*PI)/180.0}varf=getRad((lat1+lat2)/2)varg=getRad(...原创 2021-06-29 10:01:08 · 401 阅读 · 0 评论 -
cesium笔记 加载arcgis server服务
viewer.imageryLayers.remove(this.addArcgisLayer);//移除上一次加载的图层 let res = this.$refs.tree.getCheckedNodes(true);//只获取所有子节点 let arr = [] res.forEach((item) => { arr.push(i...原创 2021-05-13 11:34:54 · 1909 阅读 · 0 评论 -
Cesium笔记 加载GeoServer服务,以及跨域问题
一、加载如下的GeoServer发布地图服务加载代码如下,其中url为红线框选部分,layers为发布的图层NAME//加载GeoServer图层,测试数据 ShowTestData() { var layer = new Cesium.WebMapServiceImageryProvider({ url: 'url', layers: 'pipelin...原创 2020-10-13 11:11:42 · 3792 阅读 · 1 评论 -
Cesium笔记 迪克特斯拉 Dijkstra 最短路径算法
在进行三维管线连通性分析时,需要运用到最短路径算法,主要思路为首先初始化图,然后将查询到的管点以及管线分别作为图的顶点数以及边数。export default { PathMatirx: [], // 用于存储最短路径下标的数组,下标为各个顶点,值为下标顶点的前驱顶点 ShortPathTable: [], //用于存储到各点最短路径的权值和 G: {}, clear: function () { this.G = {}; this.P原创 2020-08-25 10:09:34 · 629 阅读 · 1 评论 -
Cesium笔记 笛卡尔坐标与WGS84相互转
/** * 笛卡尔坐标转WGS84 * @param Cartesian3 单个点或点数组 */ Cartesian3ToWGS84: (Cartesian3) => { if (!Cartesian3 || !Cartesian3.x) { throw "Error in parameters"; } let _cartesian3 = new Cesium.Cartesian3(Cart.原创 2020-08-04 08:59:00 · 1629 阅读 · 1 评论 -
Cesium 笔记 js Cesium 返回范围的数据
由于刚接触Cesium,在加载的3DTitles数据中没有属性数据,所有需要读shp中的属性,用来进行接下来的分析功能,但是由于数据量太大,直接读取会造成内存过溢,浏览器崩掉,所以,在学长的帮助下,提议将shp数据发布服务,进行分析时(例如管线的爆管分析),点击某个管线时,获取点击的坐标,然后定义一个Geometry extent范围,查询定义的范围内的数据,来进行各种分析功能。首先根据点击的管线,可以得到屏幕坐标,将屏幕坐标转成84坐标,可以以这个点的坐标为中心定义范围,从而查询数据var ca原创 2020-07-25 17:41:51 · 433 阅读 · 1 评论 -
Cesium笔记 初始化场景
开始步入cesium的学习,可能比较低级,但慢慢的会越来越好的。 var viewer,scene,ellipsoid; Cesium.Ion.defaultAccessToken = '密钥'; viewer = new Cesium.Viewer('cesiumContainer', { animation: false, //是否显示动画控件 shouldAnimate: true原创 2020-05-26 10:37:25 · 998 阅读 · 1 评论