栖木hy - 博客园

2023年5月24日

摘要： **GeoJSON格式** GeoJSON是一种常用的基于JavaScript对象表示法（JSON）的地理数据交换格式。GeoJSON支持诸如点、线、面和多边形等地理要素的表示，并且可以和矢量数据结构相互转换。在Cesium中，使用`Cesium.GeoJsonDataSource.load()` 阅读全文

posted @ 2023-05-24 10:35 栖木hy 阅读(1944) 评论(0) 推荐(0)

Cesium将相机定位到指定的位置

摘要：使用`Cesium的viewer.camera.flyTo`方法将相机定位到指定的位置，并设置相机的方向和倾斜角。 ```js viewer.camera.flyTo({ //摄像机在 WGS84(世界)中的最终位置坐标或从自上而下的视图中可以看到的矩形 destination: Cesium.Ca 阅读全文

posted @ 2023-05-24 10:07 栖木hy 阅读(3057) 评论(0) 推荐(0)

Cesium 更改默认的鼠标操作

摘要： ```js // 将原来鼠标中键倾斜视图修改为鼠标右键触发 viewer.scene.screenSpaceCameraController.tiltEventTypes = [ Cesium.CameraEventType.RIGHT_DRAG, ]; // 将原来鼠标右键放大缩放修改为鼠标滚轮滚阅读全文

posted @ 2023-05-24 09:27 栖木hy 阅读(396) 评论(0) 推荐(0)

2023年5月23日

Cesium结合GIS天地图加载倾斜摄影3dtile + vue3

摘要： ## 实现思路将倾斜摄影OSGB数据转换为3dtile(转换方式很多，可以利用第三方工具cesiumlab) 利用Cesium加载GIS地图,我这里使用的是天地图，可以加载其他地图都行加载3dtile数据到地图中展示 ## 安装插件 ``` npm install cesium ``` ## 加阅读全文

posted @ 2023-05-23 15:40 栖木hy 阅读(2000) 评论(0) 推荐(0)

Vue项目初次加载cesium | 配置

摘要：首先配置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 栖木hy 阅读(578) 评论(0) 推荐(0)

检测自己的浏览器是否支持WebGL

摘要：在浏览器地址栏输入 [https://get.webgl.org/](https://get.webgl.org) 如果得出下面图形，就说明浏览器是支持WebGLS的，经过尝试，发现Chome浏览器，微软Edge以及搜狗浏览器都能很好的支持WebGL。 ![](https://img2023.cnb 阅读全文

posted @ 2023-05-23 14:54 栖木hy 阅读(528) 评论(0) 推荐(0)

2023年5月18日

leaflet插件leaflet-graticule经度标签格式化问题

摘要： https://github.com/turban/Leaflet.Graticule import "leaflet-graticule"; L.graticule().addTo(map); 解决办法： import "leaflet-graticule"; L.LatLngGraticule. 阅读全文

posted @ 2023-05-18 11:21 栖木hy 阅读(116) 评论(0) 推荐(0)

2023年5月17日

THREE.GLTFLoader: Unknown extension "KHR_materials_pbrSpecularGlossiness"

摘要：将glTF PBR材料从规格/光泽转换为金属/原石 KHR_materials_specularKHR_materials_ior 命令行安装 Node.js ≥14 后，打开终端运行以下命令： # install npm install --global @gltf-transform/cli 阅读全文

posted @ 2023-05-17 16:56 栖木hy 阅读(508) 评论(0) 推荐(0)

2023年5月11日

JavaScript 中的 `for...in` 和 `for...of`

摘要： JavaScript 中的 for...in 和 for...of 是两种常用的迭代循环语句。它们的用途和行为是不同的。 for...in 循环用于循环遍历对象的属性，它会遍历对象的可枚举属性和原型链上的可枚举属性。 const obj = { a: 1, b: 2 }; for (let prop 阅读全文

posted @ 2023-05-11 17:06 栖木hy 阅读(47) 评论(0) 推荐(0)

leaflet经度校正

摘要： while (Math.abs(lon) > 180) { lon -= Math.sign(lon) * 360 } 阅读全文

posted @ 2023-05-11 10:41 栖木hy 阅读(42) 评论(0) 推荐(0)

北风几吹夏

阅读是一座随身携带的避难所。——毛姆

公告