
JavaScript
文章平均质量分 59
大洪
这个家伙不是一般的懒
展开
-
Mapbox自定义字体
mapbox加载自定义字体原创 2023-05-12 14:11:38 · 1753 阅读 · 0 评论 -
Cesium绘制矩形
cesium绘制矩形原创 2022-02-17 10:37:06 · 3842 阅读 · 10 评论 -
mapboxgl 飞线
mapbox 实现 飞线效果原创 2021-12-14 21:04:37 · 3046 阅读 · 5 评论 -
Cesium自定义飞行漫游,可设定
前几天看到前辈操作一个三维软件,按住K键记录当前摄像头位置和视角,记录几个位置后,重复播放。然后要求我也应该实现这样的功能。在前面的 博客 中,我已经实现了按既定路线漫游的功能,甚至视角也可以动态的调整了。但“并不自♂由”! 用户要可以自行设定浏览的位置和视角,并实现循环播放。思路按键事件监听这里是监听k键按下的事件记录Camera的位置(position)和视角(heading, pitch, roll)注意不能直接存下camera.position,它是一个引用对象,必须保持当前值循环调原创 2020-09-21 11:23:11 · 1726 阅读 · 6 评论 -
Cesium自定义动画
在Cesium中,我想做一个半径动态增大和缩小的圆。一开始我考虑使用requestAnimationFrame,不断的调整半径的大小,也就是直接更改Ellipsoid对象的长短轴大小。但是效果不理想,半径调整后这个圆会消失,然后出现调整之后的圆,给人的感觉就是“卡顿”。直到我看到了这篇文章 Cesium的Property机制总结, 完整了这个功能。效果图实现原理动态圆semiMinorAxis和semiMajorAxis指定一个CallbackProperty对象,并返回半径大小。由于要做的原创 2020-09-18 10:08:29 · 5421 阅读 · 3 评论 -
Cesium飞行漫游,动态调整视角
飞行漫游,就是让Camera飞行。Camera有一些方法可以实现位置、视角的调整,比如flyTo,setView方法。但这些方法并不能沿着我们想要的路径调整,在通过插值的方法不停的调用setView,但这样会造成视图卡顿,而且计算起来也很麻烦。所以我们最好是借助entity,通过跟踪运动中的entity就可以实现Camera的飞行了。官网例子效果图当然,实际效果要比gif更流畅设置路径我们直接修改官网的CZML文件,把没用的东西统统删掉。替换成自己的路径。注意时间(interval)和时间快进原创 2020-09-18 08:55:40 · 10560 阅读 · 19 评论 -
Mapbox GL JS 支持 中文标注
@mapbox/mapbox-gl-language 使用方法和常见问题原创 2020-06-30 10:07:43 · 1702 阅读 · 0 评论 -
@vue/cli 4.4.1 IE兼容设置
@vue/cli 4.x 兼容IE10、IE11设置原创 2020-06-04 10:49:57 · 1512 阅读 · 0 评论 -
Leaflet 简单测距
leaflet 实现简单的 polyline 绘制和距离计算原创 2020-06-03 10:46:49 · 6027 阅读 · 22 评论 -
mongoose 空间查询
工作中我用了Koa2做了后台,选用了mongo数据库。因为要用到空间查询显示当前地图视图的空间查询结果,经过一番搜索,总算解决了。 mongoose支持的空间查询方式有near,box,circle以及geometry等等,基本满足了业务需求。我只用到了box查询,所以下面就分享一下我是如何使用的:model设计 设计model时一定要设计好geom结构,不然提示报错。最开始我...原创 2018-04-26 14:17:00 · 497 阅读 · 0 评论 -
Koa2 获取并存储用户操作日志
有时候我们需要记录用户进行了哪些操作,比如删除、更新和添加。这部分是要呈献给用户的,所以一定不能直接把系统日志的一大坨给他们。 系统后台采用了Koa2,数据库是mongo,借助mongoose操作数据库。Model设计 设计Log结构const mongoose = require('../tool/db-util').mongooseconst Schema = ...原创 2018-04-25 19:41:39 · 3847 阅读 · 0 评论