CesiumJS
程序员正茂
喜欢干点有难度的事
展开
-
Cesium自定义电子围栏特效材质
1.new Cesium.Viewer中添加。(1)定义MaterialProperty。2. 编写材质,主要分三步。原创 2024-01-04 13:00:37 · 948 阅读 · 0 评论 -
Cesium在2d模式下Billboard位置显示不正确的解决方法
Billboard在Cesium 3d模式下位置显示正确,但在2d模式下位置显示不正确,刷新不及时。不要设置height和heightReferencen,因为2d模式没有高程。原创 2024-01-03 11:51:06 · 545 阅读 · 0 评论 -
vue3+vite组件中使用Cesium粒子系统
1.图片的引用路径必须从根目录(即index.html所在的目录)开始,如果使用相对路径,也要返回到根目录再转到对应的目录。2.将shouldAnimate设为true, 才能自动播放动画。原创 2023-12-28 11:20:31 · 556 阅读 · 0 评论 -
vue3+vite中使用vuex
在main.ts中创建一个新的 store 实例。在App.vue中使用。原创 2023-12-21 11:28:24 · 487 阅读 · 0 评论 -
html css背景图片透明文字不透明
思路:在::before中设置background-image和opacity。原创 2023-12-19 15:00:19 · 812 阅读 · 1 评论 -
Vue3父子组件通信
1.定义变量名称2.在template中使用变量3.在Script代码使用。原创 2023-12-01 15:16:53 · 174 阅读 · 0 评论 -
Vue3使用LeaderLine
注意:startElement, endElement为template中的元素节点,在Vue3中不要使用GetElementById去获取元素节点,而是要使用ref,可以参考我另外一篇。当元素位置变了时,需要更新连接线。LeaderLine官方文档在。2.导出LeaderLine。原创 2023-12-01 10:24:50 · 971 阅读 · 0 评论 -
Vue3组件中使用ref解决GetElementById为空的问题
今天遇到一个问题,就是在Vue3组件中需要获取template中的元素节点,使用GetElementById返回的却是null,网上查找了好些资料,才发需要使用ref。原创 2023-12-01 09:51:46 · 1025 阅读 · 0 评论 -
Vue拖拽div移动位置
【代码】Vue拖拽div移动位置。原创 2023-11-29 18:09:29 · 285 阅读 · 0 评论 -
Vue 3.0 + vite + axios+PHP跨域问题的解决办法
运行时前端和后端是两个程序,前端需要时才向后端请求数据。由于是两个程序,这就会出现跨域问题。2.在vite.config.ts中增加代理配置,将http://localhost:80。1.将http://localhost:80(注端口为80时可以省略)替换为api。前端:Vue 3.0 + vite+element plus。比如前端某个地方需要请求的接口如下所示,这时就会报错。最后一个Web项目,采用前后端分离。原创 2023-11-14 11:24:00 · 685 阅读 · 0 评论 -
vue3+vite+ts使用Element+Plus
7.保存运行,就可以看到按钮了。但是按钮显示不正确,这是index.css导致的。5.在App.vue的<script lang="ts">标签下添加。在App.vue的template标签下添加按钮。8.去掉index.css中的相关内容,现在显示正常了。6.在export default中添加。1.安装Element+Plus。2.在index.html中加入。3.修改main.ts。原创 2023-11-09 12:15:09 · 179 阅读 · 0 评论 -
CesiumsJS加载本地离线瓦片影像地图
5.删除Cesium工程的Assets\Textures\NaturalEarthII下的文件夹1、2,仅保留0和tilemapresource.xml。3.选择影像等级,在【导出设置】中选择导出方式为【导出TMS瓦片】,保存格式为JPEG,坐标投影为【WGS84坐标系经纬度投影】8.打开tilemapresource.xml文件,可以看到只配置到了2级,增加到9级。2.打开软件,从左测选择某个区域,,在地图区双击蓝色区域,开始下载。4.下载结束,得到tiles和tms.xml,发现没有0级。原创 2023-09-08 16:27:38 · 2863 阅读 · 4 评论 -
VS Code断点调式Cesium
1.在VS Code中安装Debugger for Firefox插件。5.设置断点开始调试,html中的javasript的代码也可以调试。3. 创建launch.json。编辑并保存launch.json。原创 2023-09-06 12:41:35 · 465 阅读 · 0 评论 -
Cesium绘制箭头
【代码】Cesium绘制箭头。原创 2023-09-05 17:13:32 · 837 阅读 · 0 评论