Cesium
Cesium
碰碰qaq
前端GIS领域
展开
-
Cesium(5):基于callbackproperty做洪水淹没三维动态分析
1 版本cesium1.92.02 实现原理2.1 水面材质选择一个水面波纹的短视频纹理,作为水面的材质:videoMaterial: function (url) { // "data/other/water.mp4" let video = document.createElement('video'); video.src = url; video.autoplay = true; video.loop = true; let ..原创 2022-04-15 09:38:45 · 2824 阅读 · 3 评论 -
Cesium(4):使用cesium内置的图钉样式显示geojson点
1.版本cesium1.92.02.cesium内置的图定样式3.方法一Cesium.PinBuilder:一个实用类,用于生成作为画布元素的自定义贴图接点。它有四个函数: fromColor(color, size):指定颜色的图钉 fromMakiIconId(id, color, size):指定maki icon的图钉 fromText(text, color, size):指定文字的图钉 fromUrl(url, color, size):.原创 2022-04-14 17:14:33 · 2545 阅读 · 0 评论 -
GLTF(2):使用gltf-pipeline对gltf进行压缩
1、下载cesium开发包,cmd进入cesium根目录:2、npm下载gltf-pipeline:npm install gltf-pipeline --save3、将gltf模型文件复制到gltf-pipeline根目录下:4、cmd打开命令行工具,切换至gltf-pipeline根目录下:// 将gltf转为glbnode bin/gltf-pipeline.js -i model.gltf -o model.glb// 应用Draco压缩node bin/gl原创 2022-02-22 14:53:50 · 2504 阅读 · 0 评论 -
Cesium(3):加载gltf模型后很暗的原因
1.版本cesium 1.82.12.关闭时间对于模型亮度的影响viewer.scene.light = new Cesium.DirectionalLight({ direction: new Cesium.Cartesian3(0.354925, -0.890918, -0.283358)})3.查看gltf模型文件1、gltf模型文件是可以用文本进行打开的,打开文件之后查看materials节点,以其中一个为例进行说明。{ "doubleSided" : t原创 2021-12-03 18:22:58 · 5408 阅读 · 2 评论 -
Cesium(2):ThirdParty/zip.js
1.版本vue/cli 4.5.7cesium 1.87.12.启动会出现问题in ./node_modules/cesium/Source/ThirdParty/zip.js3.原因由于在 ./node_modules/cesium/Source/ThirdParty/zip.js 文件中使用了 import.meta 语法,webpack默认不支持,在进行项目构建时,会报如下错误,提示信息需要添加 loader。4.解决(1)安装loadernpm inst.原创 2021-12-02 08:58:30 · 621 阅读 · 0 评论 -
geoserver2.18(4):wms服务——GeoWebCache影像切片缓存
1、配置GeoWebCache缓存路径打开webapps/geoserver/WEB-INF下的web.xml文件,在display-name节点后面添加一下内容: <context-param> <param-name>GEOWEBCACHE_CACHE_DIR</param-name> <param-value>D:\cache\geo_web_cache_dir</param-value>原创 2020-12-07 10:29:38 · 3398 阅读 · 6 评论 -
GLTF(1):使用obj2gltf将obj模型转换为gltf
1、下载cesium开发包2、进入cesium根目录,npm下载obj2gltfnpm install -g obj2gltf3、将.obj、.mlt等文件复制到obj2gltf根目录下:4、cmd打开命令行工具,切换至obj2gltf根目录下,输入:node bin/obj2gltf.js -i model.obj -o model.gltf注意:如果模型文件过大,在上述命令后添加 --separate:node bin/obj2gltf.js -i mod.原创 2020-12-06 16:55:35 · 1015 阅读 · 1 评论 -
cesium(1):访问geoserver发布的wfs服务--RuntimeError message: “Unknown crs name: urn:ogc:def:crs:EPSG::3857
加入一下代码:Cesium.GeoJsonDataSource.crsNames[ "urn:ogc:def:crs:EPSG::3857" ] = Cesium.GeoJsonDataSource.crsNames["EPSG:3857"] = function( coordinates ) { const firstProjection =原创 2020-12-01 17:43:28 · 497 阅读 · 0 评论 -
vue开发案例:vue、elementUI、openlayers、cesium、echarts整合开发
基于vue + elementUI + openlayers + cesium开发 功能展示:风场可视化原创 2020-11-01 13:08:57 · 2347 阅读 · 10 评论 -
vue系列(2):vuecli4+Cesium开发环境配置
版本:vuecli4.5.7、Cesium1.69 vue.config.js配置: const CopyWebpackPlugin = require("copy-webpack-plugin");const webpack = require("webpack");module.exports = { configureWebpack: { plugins: [ //copy-webpack-plugin 6.x 的写法 // new Copy..原创 2020-10-25 10:31:18 · 1281 阅读 · 0 评论