- 博客(42)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 Vue3, PC端swagger适配以视频为背景，兼容视频点击播放和滑动切换
文件的方法、参数和模型紧密集成到服务器端的代码，允许 API 来始终保持同步。Swagger 让部署管理和使用功能强大的 API 从未如此简单。在swiper-slide中使用一个遮罩层，让用户滑动的时候实际是在遮罩层上滑动，而不是视频上，解决了视频的点击事件和swiper-slide滑动事件的冲突，然后在自定义遮罩层的点击播放\暂停逻辑实现。Swagger 是一个规范和完整的框架，用于生成、描述、调用和可视化 RESTful 风格的 Web 服务。
2024-05-17 15:32:52
286
原创 Cesium 常用标绘线、面、矩形、圆、曲面、曲线、攻击箭头、钳击箭头，标绘与修改。
cesium、标绘、常用标绘、箭头、曲线、曲面、矩形、
2023-07-03 15:48:00
3211
6
原创 cesium 实时地图叠加，实时影像回传绘制
应用场景，无人机或者卫星实时传回的影像，实时显示。一般传回来的图需要经过服务器处理，然后再提供给显示端。可以提供所示区域包围盒范围内的地图。蓝色所示区域地图是在不断更新中的怎么能保证，加载到最新的地图了？暂时想的是，有新区域影像形成时，通过通信的方式告知需重新绘制地图。即重新加载图层，将前一个图层清除。
2023-03-28 16:46:33
962
1
原创 Cesium 100K数据加载 支持弹窗 动态更改位置
添加（10k）聚合功能，首次加载时间延长，但是加载成功后流畅度显著提高，并且entity可以同时添加文字和图片。cesium官方未能提供primitive的聚合方法，但是可以用entity的聚合搭配着使用。加载PointPrimitiveCollection点集合，速度快且流畅，也是推荐的方式。不加载图片以及文字的时候20W的点都没问题，虽然帧数就10左右，但是流畅度还行。点击点位时在加载弹窗，及有效的减少加载量，优化性能。本质上还是利用的是entity加载，还是慢加载时间长。同上，只能加载图片。
2023-02-27 14:03:16
1568
1
原创 GeoServer搭建私有地图服务，Cesium引擎加载。
Cesium,GeoServer.解决地图变形，设置加载范围。TMS,WMS,WMTS
2023-01-05 16:37:10
2220
3
原创 cesium火箭发射，模型控制，模型动画，模型移动
Cesium;模型；火箭；火箭动画；模型动画；模型控制；轨迹；平滑轨迹；Vue3;TS;Vue3中使用Cesium;火箭发射
2022-11-24 15:30:51
5264
11
原创 Cesium聚合+点击地图缩放+entity弹窗
海量Entity;Cesium性能优化注意聚合功能只对label标签，point点和广告牌billboard生效。可以看到 使用聚合前帧数在40左右，使用后在55左右。
2022-11-18 15:13:16
3586
9
原创 前端转战JAVA——0928
可以写在成员位置，也可以写在局部位置，我们省略的名字，编译的时候会自动添加外部类名+$+数字。注意：接口和类的实现关系，可以单实现，也可以多实现public class类名implements接口名1，接口名2P{}1、静态内部类只能访问外部类中的静态变量和静态方法，如果想要访问非静态的需要创建对象。3、包含了继承或实现，方法重写，创建对象，整体就是一个类的子类或者接口的实现类对象。1、将内部类定义在方法里，就叫做局部内部类，类似于方法里面的局部变量。2、外部类要访问内部类的成员，必须创建对象。
2022-09-28 21:36:24
391
原创 前端转战JAVA——初识JAVA
子类初始化的时候会默认先调用父类的初始化构造方法，默认有super()方法调用，子类调用父类有参构造方法，需要手动调用super()并且传值.static方法只能访问静态变量和静态方法，非静态方法可以访问静态变量和静态方法，也可以访问非静态成员变量和非静态 成员方法.方法非private、非static、非final可以继承，及虚方法表里的方法可以继承.成员变量：无论私有还是公共的都被继承但是私有的不能直接使用，公共的可以直接使用。多态的前提: 有继承关系、有父类引用指向子类对象、有方法的重写。
2022-09-21 21:06:31
438
原创 Vue3 setup 语法糖中一些常用操作
Vue3 setup 语法糖中一些常用操作生命周期功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入生命周期<script lang="ts" setup>import { onMounted, onUpdated,
2022-05-18 21:30:08
2226
原创 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
2232
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
1701
原创 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
2416
7
原创 Cesium 热力图
地图上绘制一个区域出来用(热力图)图片贴上去。1、热力图。热力图可以是现成的图片，或者根据其他插件生成的图片比如echarts或者heatmap.js
2022-02-21 21:44:35
2766
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
1781
原创 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
686
原创 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
2121
原创 requestAnimationFrame、setTimeout、setInterval总结与区别
setTimeout：setTimeout() 是属于 window 的方法，该方法用于在指定的毫秒数后调用函数或计算表达式。setTimeout(()=> {执行代码段}, time延迟时间),在执行前可以手动取消,setTimeout函数之前后会返回ID值，利用clearTimeout可以取消定时器setInterval：...
2022-01-23 21:37:39
626
原创 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
9139
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
1678
原创 关于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
2478
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
1304
原创 一招学会uni-app中安卓机需要用到的.9.png图片
关于.9.png.9.PNG是安卓开发里面的一种特殊的图片，这种格式的图片通过ADT自带的编辑工具生成，使用九宫格切分的方法，使图片支持在android 环境下的自适应展示。准备工作安装android studio 链接安装android studio jdk 链接请自行百度安装教程下载.9.png制作工具 链接不想被强制安装莫名软件的请走本地下载进入正题打开AS界面在app下创建个static文件，放入你要制作的原图.png格式鼠标右键你要创建的原图
2020-06-19 10:11:18
2590
2
原创 关于ES6"Promise"与ES7"async await"个人理解
前言概述Promise是ES6出的一种关于异步编程的一种解决方案，从语法上来说，Promise是一个对象，操作他可以将不可控的异步操作变成一定程度上的可控。Promise状态Promise异步操作有三种状态：pending（进行中）、fulfilled（已成功）和rejected（已失败）。除了异步操作的结果，其他任何操作都无法改变Promise的状态。Promise状...
2020-03-25 15:09:19
296
原创 正则表达式（常用的）
常用的正则表达式判断手机号码正则:/^1[3456789]\d{9}$/ 电话号码以1开头第二位是3456789后九位为数字的手机号码身份证号码正则: 身份证（前6位代码地区码7-14代表出生日期15-16代表所在地区同年同月同日生顺序码17位奇数位男偶数为女18位为身份证校验码）15位：/^ [1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3...
2019-12-30 09:29:59
5058
原创 uni-app 关于发票（图片和pdf格式）的多端下载！！！
最近公司项目里面有对发票下载的需求，由于发票是由图片和pdf构成的还要多端实现！！！记录下手机h5端对于图片和pdf格式还是比较容易处理的，你可以使用window.open()的形式将图片和pdf从另一个页面打开，打开之后可以利用浏览器自带的保存功能实现发票的下载！小程序端：注意小程序的图片保存需要用户给予权限先用uni.downloadFile将图片下载到本地保存为一个临时路径，在用u...
2019-11-27 18:03:12
2236
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人