01 2023 档案
摘要:stop 修饰符的作用是阻止事件冒泡 self 修饰符的作用是只有当前的事件绑定的元素与当前元素一致时才触发 Stop: // 单击事件 clickRed(e){ console.log("click:red,eventId:"+e.target.id) }, clickGreen(e){ cons
阅读全文
摘要:近期做了二三维视图联动,简单记录一下。 主要功能就是同时开启二维和三维视图一起查看。 大概思路就是新创建一个 2D 视图,相机实时同步(其实部分资源也应该同步,不过这需要做一个数据状态管理的功能,让数据在两个视图同步,懒得做了,后面要做资源管理的功能再说吧)。 二维和三维视图其实相机焦点是有区别的,
阅读全文
摘要:最近将 mapv 一些官方示例移植到了 Cesium 上,记录一下问题 mapv示例:mapv (baidu.com) mapv 本身没有提供类型定义文件,直接通过 npm 下载的 mapv 库也只有 build 好的文件,故直接把 mapv.js 放到到工程内使用 注意,此处第一个坑就出来了,ma
阅读全文
摘要:最近做了个Cesium几何编辑的功能,通过鼠标画点线面等,记录一下问题 感兴趣的朋友可以移步:LiZzhi/cesium-plugin (github.com) 功能本身不难,无非就是封装鼠标事件,记录好数据,随时可以撤销,清除。 在做画矩形时,一些坐标转换的操作折腾了我挺久(学测绘的让坐标转换绕蒙
阅读全文
摘要:记录一下 TS + Cesium 配置过程 首先 npm 安装 cesium 和 webpack 一众包,如下: { // package.json "dependencies": { "@babel/preset-env": "^7.20.2", "@open-wc/webpack-import-
阅读全文
摘要:Cesium中,轨迹漫游的核心是借助CZML格式,CZML是Cesium团队制定的一种用来描述动态场景的JSON架构语言,可以用来描述点、线、多边形、体、模型及其他图元,同时定义它们是怎样随时间变化的,参考CZML Structure · AnalyticalGraphicsInc/czml-wri
阅读全文
摘要:Vue 允许我们自定义指令,可以通过 Vue.directive 定义全局指令,可以在组件 directives 钩子中定义局部自定义指令 全局自定义指令 Vue.directive('input', { inserted: function(el, binding) { ... } }) 参数如下
阅读全文
摘要:const p = new Promise((res, rej) => { console.log('我是Promise') // 1 res('我是resolve') }) console.log('我是主线程') // 2 p.then(res => console.log('我是then:'+
阅读全文