随笔分类 -  GIS / Cesium

摘要:viewer = window.map = new Cesium.Viewer('mapView', { animation: false, //是否创建动画小器件,左下角仪表 baseLayerPicker: false, //是否显示图层选择器 fullscreenButton: false, 阅读全文
posted @ 2024-03-01 17:09 槑孒 阅读(281) 评论(0) 推荐(0) 编辑
摘要:在Cesium中,加载影像图层主要通过ImageryLayer、ImageryProvider和ImageryLayerCollection三个类来实现;首先我们先来认识下这三个类 # 一、ImageryLayer类 在Cesium中,使用`ImageryLayer`对象来表示一个影像图层。`Ima 阅读全文
posted @ 2023-05-24 11:10 槑孒 阅读(2440) 评论(0) 推荐(0) 编辑
摘要:**GeoJSON格式** GeoJSON是一种常用的基于JavaScript对象表示法(JSON)的地理数据交换格式。GeoJSON支持诸如点、线、面和多边形等地理要素的表示,并且可以和矢量数据结构相互转换。 在Cesium中,使用`Cesium.GeoJsonDataSource.load()` 阅读全文
posted @ 2023-05-24 10:35 槑孒 阅读(1617) 评论(0) 推荐(0) 编辑
摘要:使用`Cesium的viewer.camera.flyTo`方法将相机定位到指定的位置,并设置相机的方向和倾斜角。 ```js viewer.camera.flyTo({ //摄像机在 WGS84(世界)中的最终位置坐标或从自上而下的视图中可以看到的矩形 destination: Cesium.Ca 阅读全文
posted @ 2023-05-24 10:07 槑孒 阅读(2609) 评论(0) 推荐(0) 编辑
摘要:```js // 将原来鼠标中键倾斜视图修改为鼠标右键触发 viewer.scene.screenSpaceCameraController.tiltEventTypes = [ Cesium.CameraEventType.RIGHT_DRAG, ]; // 将原来鼠标右键放大缩放修改为鼠标滚轮滚 阅读全文
posted @ 2023-05-24 09:27 槑孒 阅读(325) 评论(0) 推荐(0) 编辑
摘要:## 实现思路 将倾斜摄影OSGB数据转换为3dtile(转换方式很多,可以利用第三方工具cesiumlab) 利用Cesium加载GIS地图,我这里使用的是天地图,可以加载其他地图都行 加载3dtile数据到地图中展示 ## 安装插件 ``` npm install cesium ``` ## 加 阅读全文
posted @ 2023-05-23 15:40 槑孒 阅读(1429) 评论(0) 推荐(0) 编辑
摘要:首先配置CESIUM_BASE_URL全局变量 window.CESIUM_BASE_URL = import.meta.env.BASE_URL + "Cesium/"; 把node_modules\cesium\Build\Cesium这个文件夹复制到public目录下 使用 <template 阅读全文
posted @ 2023-05-23 15:07 槑孒 阅读(448) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示