- 博客(8)
- 收藏
- 关注
RSS订阅原创 cesium中渲染3D模型 键盘控制模型在地图上移动前进后退
Cesium实现3D模型加载与键盘控制移动 本文介绍了在Cesium中加载3D汽车模型并实现键盘控制移动的方法。通过Cesium的Entity API加载GLTF格式的汽车模型，设置初始位置和朝向。重点实现了WASD键盘控制功能：W/S键控制前进后退，A/D键控制左右转向，Q/E键控制左右平移。代码通过监听键盘事件，计算移动方向和速度，实时更新模型位置和朝向。文中还展示了两种不同车型(普通汽车和特斯拉)的加载效果，并提供了完整的Vue组件代码示例，包括模型加载、键盘事件处理和移动逻辑实现。
2026-01-15 09:53:26
251
原创 cesium测绘工具箱组件 绘制点线面:标记、标点、画线、画面、周长、测角度
本文介绍了一个基于Vue3和Cesium的地图工具箱组件，包含标记、测距、方位角、秘位、面积测量等功能。组件采用下拉菜单式交互设计，支持矢量图/卫星图切换、名称显示控制、态势选择等操作。通过鼠标交互可实现地图点线面绘制与测量，并配备清除功能。界面设计简洁直观，各功能模块配有图标和文字说明，实现了专业地理测量工具与友好用户体验的结合。
2026-01-14 09:30:32
60
原创 cesium实现鼠标框选、批量拖拽元素、实体功能 vue3 Jun工项目
# cesium地图实现框选、拖拽功能类似**Windows桌面**鼠标操作添加**框选、选中**特效实现**批量拖拽**功能鼠标🖱️右击**取消**框选模式
2026-01-13 17:24:48
106
原创 vue输出打印出当前经纬度
vue输出打印出当前经纬度我的思路当然还是去地图的api上看看我调用的高德地图api高德地图api链接: link.https://lbs.amap.com/api/javascript-api/reference/location来人，上代码~// 高德地图apicreated(){ var that = this; AMap.plugin("AMa...
2019-11-30 16:50:41
536
1
原创 vue多个元素的样式选择器
vue多个元素的样式选择器三目运算符只能进行两个的选择判断，多个选择就很难受了。废话少说，直接上源码。首先获取它的索引，通过索引来判断样式// 索引key判断<div class="carborder" v-for="(value, key) in mycarinfo" :key="key"> <router-link ...
2019-11-27 11:31:10
1600
3
原创 vue 原生js写车牌号键盘
vue 原生js写车牌号键盘效果如下图点击键盘的时候显示对应的身份简称<!-- 省份键盘 --> <transition> <div v-if="showkey" class="sheng"> <span v-on:click="getI...
2019-11-20 16:34:39
1051
原创 vue 页面之间跳转传参
vue 页面之间跳转传参目的：vue各个页面之间的跳转的同时，传递页面之间的参数。没有废话，直接上代码。发送参数// An highlighted blockmethods: { gohello() { this.$router.push({ path: "/" }); }, goopen() { ...
2019-11-19 15:27:48
446
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人