- 博客(46)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 Vue3, PC端swagger适配以视频为背景，兼容视频点击播放和滑动切换
文件的方法、参数和模型紧密集成到服务器端的代码，允许 API 来始终保持同步。Swagger 让部署管理和使用功能强大的 API 从未如此简单。在swiper-slide中使用一个遮罩层，让用户滑动的时候实际是在遮罩层上滑动，而不是视频上，解决了视频的点击事件和swiper-slide滑动事件的冲突，然后在自定义遮罩层的点击播放\暂停逻辑实现。Swagger 是一个规范和完整的框架，用于生成、描述、调用和可视化 RESTful 风格的 Web 服务。
2024-05-17 15:32:52
387
1
原创 Vue3+Vue-i18n+I18N ALLY+VSCODE 自动翻译多国语言
vscode搭配谷歌翻译和i18n ally插件实现批量翻译。
2023-09-06 10:55:13
2600
1
原创 Cesium 常用标绘线、面、矩形、圆、曲面、曲线、攻击箭头、钳击箭头，标绘与修改。
cesium、标绘、常用标绘、箭头、曲线、曲面、矩形、
2023-07-03 15:48:00
4761
6
原创 cesium 实时地图叠加，实时影像回传绘制
应用场景，无人机或者卫星实时传回的影像，实时显示。一般传回来的图需要经过服务器处理，然后再提供给显示端。可以提供所示区域包围盒范围内的地图。蓝色所示区域地图是在不断更新中的怎么能保证，加载到最新的地图了？暂时想的是，有新区域影像形成时，通过通信的方式告知需重新绘制地图。即重新加载图层，将前一个图层清除。
2023-03-28 16:46:33
1210
原创 Cesium 100K数据加载 支持弹窗 动态更改位置
添加（10k）聚合功能，首次加载时间延长，但是加载成功后流畅度显著提高，并且entity可以同时添加文字和图片。cesium官方未能提供primitive的聚合方法，但是可以用entity的聚合搭配着使用。加载PointPrimitiveCollection点集合，速度快且流畅，也是推荐的方式。不加载图片以及文字的时候20W的点都没问题，虽然帧数就10左右，但是流畅度还行。点击点位时在加载弹窗，及有效的减少加载量，优化性能。本质上还是利用的是entity加载，还是慢加载时间长。同上，只能加载图片。
2023-02-27 14:03:16
1786
1
原创 GeoServer搭建私有地图服务，Cesium引擎加载。
Cesium,GeoServer.解决地图变形，设置加载范围。TMS,WMS,WMTS
2023-01-05 16:37:10
2524
3
原创 cesium火箭发射，模型控制，模型动画，模型移动
Cesium;模型；火箭；火箭动画；模型动画；模型控制；轨迹；平滑轨迹；Vue3;TS;Vue3中使用Cesium;火箭发射
2022-11-24 15:30:51
6612
11
原创 Cesium聚合+点击地图缩放+entity弹窗
海量Entity;Cesium性能优化注意聚合功能只对label标签，point点和广告牌billboard生效。可以看到 使用聚合前帧数在40左右，使用后在55左右。
2022-11-18 15:13:16
4172
9
原创 前端转战JAVA——0928
可以写在成员位置，也可以写在局部位置，我们省略的名字，编译的时候会自动添加外部类名+$+数字。注意：接口和类的实现关系，可以单实现，也可以多实现public class类名implements接口名1，接口名2P{}1、静态内部类只能访问外部类中的静态变量和静态方法，如果想要访问非静态的需要创建对象。3、包含了继承或实现，方法重写，创建对象，整体就是一个类的子类或者接口的实现类对象。1、将内部类定义在方法里，就叫做局部内部类，类似于方法里面的局部变量。2、外部类要访问内部类的成员，必须创建对象。
2022-09-28 21:36:24
455
原创 前端转战JAVA——初识JAVA
子类初始化的时候会默认先调用父类的初始化构造方法，默认有super()方法调用，子类调用父类有参构造方法，需要手动调用super()并且传值.static方法只能访问静态变量和静态方法，非静态方法可以访问静态变量和静态方法，也可以访问非静态成员变量和非静态 成员方法.方法非private、非static、非final可以继承，及虚方法表里的方法可以继承.成员变量：无论私有还是公共的都被继承但是私有的不能直接使用，公共的可以直接使用。多态的前提: 有继承关系、有父类引用指向子类对象、有方法的重写。
2022-09-21 21:06:31
502
原创 Vue3 setup 语法糖中一些常用操作
Vue3 setup 语法糖中一些常用操作生命周期功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入生命周期<script lang="ts" setup>import { onMounted, onUpdated,
2022-05-18 21:30:08
2315
原创 Cesium【卷帘】、图层对比。
运用API .splitDirection// 添加图层const { Viewer } = windowconst viewer:Cesium.Viewer = Viewerconst layer1 = new Cesium.UrlTemplateImageryProvider({ url: "http://webrd02.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=8&x={x}&.
2022-05-07 15:25:36
2560
11
原创 Vue3+ant3.0上传文件blob变成[object, object]
<template> <div class="clearfix"> <a-upload :before-upload="beforeUpload" v-model:file-list="fileList"> <a-button :disabled="!!fileList.length" > <upload-outlined></upload-outlined> 上传文件
2022-04-15 17:11:46
1871
1
原创 THREE加载模型FBX、OBJ、GLTF
加载FBX模型ps 文章断更一个多月了，今天女朋友提醒，再次沉下心来继续记录最近学习过程。生命不止，学习不休。<script lang="ts" setup>import * as THREE from "three";import { onMounted, ref } from "vue";//引入加载器import { FBXLoader } from "three/examples/jsm/loaders/FBXLoader";import { GLTFLoader }
2022-03-30 21:49:16
2538
7
原创 Cesium 热力图
地图上绘制一个区域出来用(热力图)图片贴上去。1、热力图。热力图可以是现成的图片，或者根据其他插件生成的图片比如echarts或者heatmap.js
2022-02-21 21:44:35
3058
2
原创 Cesium针对DEM和3Dtiles通视分析(两个点之间是否能看见)
Cesium通视分析tip:利用两点间的插值计算，点A到点B之间，直线距离的高度是否大于地形高度为依据判断是否通视。1、3Dtiles 的通视const startPoint = car3ToLatLon(points[0]);const endPoint = car3ToLatLon(points[1]);// const h_asc = (startPoint.height >= endPoint.height) ? false : true; //两个点 哪个点高const
2022-02-16 20:01:28
2122
原创 Cesium基于DEM剖面分析
Cesium中两个点之间地形的高低分析tip:利用两个点之间做插值运算出多个点然后再利用地形坐标查询获取高度，可以绘制出区间内的高低走势。关键代码：1、点之间做插值运算const startPoint = car3ToLatLon(points[0])const endPoint = car3ToLatLon(points[1]) const pointSum = this.pointsNum; //取样点个数 let heightArr = [] let pts:[numb
2022-02-16 19:48:13
814
原创 Cesium鼠标点击位置和地图标会位置不一致
如果你其他操作没有问题的前提下，出现鼠标点击地图位置和标记物出现的位置不相匹配时可能是以下原因。1、获取位置时，高度取得是相机高度而非地面高度2、注册事件时未将事件元素添加进去//let handler = new Cesium.ScreenSpaceEventHandler() //错误 将viewer.scene.canvas当成参数传递进去let handler = new Cesium.ScreenSpaceEventHandler(viewer.scene.canvas)...
2022-02-11 21:32:47
2548
原创 requestAnimationFrame、setTimeout、setInterval总结与区别
setTimeout：setTimeout() 是属于 window 的方法，该方法用于在指定的毫秒数后调用函数或计算表达式。setTimeout(()=> {执行代码段}, time延迟时间),在执行前可以手动取消,setTimeout函数之前后会返回ID值，利用clearTimeout可以取消定时器setInterval：...
2022-01-23 21:37:39
690
原创 Cesium 四种雷达扫描效果
Cesium 雷达效果：1、无遮挡雷达利用entity球体实现重要：利用球体的旋转功能 和Cesium的CallbackProperty函数 不断的旋转let num = 0const randar = this.viewer.entities.add({ position: position, //Cesium.Cartesian3 orientation: new Cesium.CallbackProperty(() => {
2022-01-15 14:00:40
10954
19
原创 Vue3+ts+vite+THREE项目示例
THREE在vite中的一个示例安装yarn add three 或者 npm/cnpm i three -S1、创建canvas对象给three创建容器<template> <canvas id="three" width="1200" height="900"></canvas></template>tip:这里要是canvas标签，3D场景基于canvas构建的。2、引入three<script lang="ts" se
2022-01-15 13:33:35
1790
原创 关于Vite+vue3+ts+Cesium 搭建项目
记录目的：方便下次环境搭建vue3的组合式APP开发真的不要太舒服 以前写个业务逻辑,代码到处写(data、method、created、等)，现在只需要在setup里就能搞定。这么好的东西大家赶紧学起来用起来呀，因为做的项目需要用到Cesium，所以记录以下项目搭建过程 同时git上也会有完整的对应demo创建文件夹：demo进入文件夹初始化yarn init -y安装相关依赖本来以前的vue-cli版本需要自己搭配一些Cesium相关静态资源的配置，现在出了vite-plugin-ce.
2021-12-29 21:50:37
2704
1
原创 关于public、protected、private、readonly
ts中修饰符public、protected、private、readonlypublictype IPerson = { name: string; age:number}class Person { name: string; //默认public 子/父类，外部都可以访问与修改 age: number; constructor(props: IPerson) { this.name = props.name thi
2021-12-29 21:32:07
1432
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人