news 2026/4/23 17:22:14

Cesium中实现燕尾箭头、双向箭头等绘制

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
Cesium中实现燕尾箭头、双向箭头等绘制

概要

Cesium中已经自带了多种形状的绘制,但是对于一些特殊的形状,需要我们自行定义。形状都是由点、线、面组成,对于复杂的图形其实可以拆解成多个简易形状组合而成。比如箭头可以看出是三角形和长方形的组合,但是这样做的话绘制的代码可能也会变复杂。所以,还是用点位直接描述最好,当然也可以用顶点描述。此处就用粗箭头来分析,如下图

其中,红色的点表示鼠标的点位,称为控制点,蓝色的则是形状点。分成控制点和形状点的目的是为了再次编辑的需要,比如方向错了,可以拖拽控制点编辑。当控制点达到两个时,以第一个点作为参考点,1号形状点就在控制点的正上方,7号形状点则在正下方,依次类推3、4、5号形状点,我们以1号控制点画一个圆,即可计算3、5号形状点的夹角。此种方法需要设定一些参数辅助,比如:箭头的夹角、长度等等,这些参数也可以让形状变得更灵活。如果webgl还行,可以直接用顶点构建自定义的Primitive。等有时间,准备把visio里的大部分图形实现一遍。因为用过Openlayers,里面的图形基本都可以总结为边框+填充,但是Cesium中Outline并不是那么容易,所以设计上均是参考Openlayers里面的Draw

效果

Cesium中实现燕尾箭头、双向箭头等绘制

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/4/23 13:02:35

Win11共享打印0x0000bc4,三步解决共享难题

一、检查共享设置与网络配置Win11共享打印0x0000bc4可先从基础设置错误,多数情况是网络或权限配置遗漏导致。2.1 启用共享基础功能设置网络配置文件:打开「设置→网络和Internet→高级网络设置」,将当前网络设为「专用」,公用网络…

作者头像 李华
网站建设 2026/4/23 10:58:23

本地部署音乐下载器 PlaylistDL 并实现外部访问

PlaylistDL 是一款开源音乐下载器,这款音乐下载器界面简单友好,它可以实现让用户直接从 Spotify 和 YouTube 上一键下载歌曲、专辑或播放列表,而且还可以将下载的歌曲转换成 MP3 格式。本文将详细的介绍如何利用 Docker 在本地部署 PlaylistD…

作者头像 李华
网站建设 2026/4/23 14:35:30

【探究】C语言-类型转换问题

浮点数的数据储存方式变量的自动转化前言为了探究变量自动转换的问题,我们首先需要知道为什么程序中需要有变量类型的存在?我们知道,人类发明的目的是为了更好得改善生活体验,其创造出的每个东西都有其存在的目的和价值。发明文字…

作者头像 李华