cesium工具-标绘工具集-效果图汇总

已于 2023-03-15 16:15:28 修改
阅读量1.2k 收藏 2
点赞数 1
分类专栏： Cesium 文章标签： gis webgl 3d
于 2023-03-15 16:12:53 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wzwxwc1987/article/details/129558850
版权
作者通过分析leaflet和openlayers等GIS引擎的标绘功能，发现cesium官方未提供类似工具，于是采用JavaScript继承方式，自行开发了包括画点、画线、画贴地线、画面、画贴地面、画贴地矩形和贴地圆等一系列功能。代码结构优雅，后续计划分享封装思路。
摘要由CSDN通过智能技术生成

leaflet、openlayers等GIS引擎，提供了成熟的标绘工具
但是cesium官方却没有提供
我就造个轮子吧


现在完成了下述一些标绘工具：
点、线、贴底线、面、贴地面、贴地矩形、贴地圆


这些功能都不难，但是我分析了这些功能的共同点
并且使用了JavaScript继承的方式，整体代码还算优雅。
之后会写一篇封装思路的文章。

1、画点

 2、画线

 3、画贴地线

 4、画面

 5、画贴地面

 6、画贴地矩形

 7、画贴地圆

哈哈地图
关注
专栏目录
Cesium 实战 - 标绘功能系列之画面、多边形（draw polygon）
linzi19900517的博客
02-06 458
Cesium 实战 - 标绘功能系列之画面、多边形（draw polygon）。
cesium态势标绘 （ 直线箭头）
God's asylum的博客
05-18 2736
vue + cesium标绘与编辑，均采用es6模块化写法逻辑清晰，会有明显的标注说明，使代码容易读懂，理解和学习
Cesium 常用标绘线、面、矩形、圆、曲面、曲线、攻击箭头、钳击箭头，标绘与修改。
qq_41400354的博客
07-03 3725
cesium、标绘、常用标绘、箭头、曲线、曲面、矩形、
使用cesium地图动态绘制线和面
最新发布
qq_35282950的博客
07-29 551
【代码】使用cesium地图动态绘制线和面。
cesium绘制工具
05-05
提供动态绘制点线面功能，开启绘制，鼠标点击绘制点，多点成线、面
Cesium 态势标绘
05-06
Cesium 态势标绘，https://blog.csdn.net/caozl1132/article/details/89679716
cesium标绘之点，线，面，圆，曲线，矩形，多边形，图标，直线箭头，攻击箭头，钳击箭头（思路解析加源码）
热门推荐
qq_27532167的博客
09-20 1万+
目录 前言 一、点 二、折线 三、曲线 四、圆 五、矩形 六、多边形 七、直线箭头 效果图 总结 更多 标绘作为GIS最基本需求之一，想必大家在工作中肯定遇到了，标题中的这些标绘大家肯定都实现过，但是也许总是不太全面，在此，我把标绘的逻辑做了统一的封装处理，没准等你看完了点线面的处理逻辑后，你会说，只要你给我一个算法，我给你画出个牡丹花（本质上就是给你一堆点，看你能画出什么奇奇怪怪的东西了） 绘制逻辑说明： constructor：这里采用ES6的新语法，用来构造每种标..
Cesium 实战 - 标绘功能系列之画圆
linzi19900517的博客
06-14 746
Cesium 实战 - 标绘功能系列之画圆。
Cesium 实战 - 标绘功能系列之画线（draw linestring）
linzi19900517的博客
02-02 658
Cesium 实战 - 标绘功能系列之画线（draw linestring）。
Cesium标绘工具-扇形 源代码分享
04-22
具体可参考我的博文 ...这里涉及到一个问题，当我绘制扇形的时候，发现，绘制的结果是个立着的椭圆（应该是圆形），也就是南北长，东西短，目测应该是投影问题，然后进行了改造，将计算之前，先把笛卡尔坐标转成的...
Cesium绘制点线面的工具封装
08-17
使用之前先看博客，里面有工具的介绍： Cesium 实战记录（四） 绘制点线面的工具封装 https://blog.csdn.net/KK_bluebule/article/details/126384623
cesium地形处理工具
05-17
本工具集主要解决Cesium中地形相关数据的下载和生成。
Cesium/VUE态势标绘组件完整源代码（未加密）：基于Cesium+VUE实现完整态势标绘组件，未加密，未压缩
05-09
在我之前写过的态势标绘系列文章都有介绍：https://blog.csdn.net/qq_34205305/article/details/124256742，本资源是集成所有标绘功能后编写的态势标绘组件，可以直接运行使用，组件总共设计16中态势标绘类型。因为所有代码都由博主亲自书写，并且保证组件完美运行，资源价相对较高。也可以直接订阅我的专栏，同样可以拿到整个组件的所有源代码，专栏地址：https://blog.csdn.net/qq_34205305/category_11737227.html Cesium/VUE态势标绘组件完整源代码（未加密）：基于Cesium+VUE实现完整态势标绘组件，未加密，未压缩，运行有任何问题可以私信联系我
Cesium.js工具包
03-26
Cesium是一个用于显示三维地球和地图的开源js库。它可以用来显示海量三维模型数据、影像数据、地形高程数据、矢量数据等等。三维模型格式支持gltf、三维瓦片模型格式支持3d tiles。矢量数据支持geojson、topojson格式。影像数据支持wmts等。高程支持STK格式。
Cesium 实战 - 标绘编辑功能系列之编辑线段对象（Linestring | Polyline）
linzi19900517的博客
05-06 336
Cesium 实战 - 标绘编辑功能系列之编辑线段对象（Linestring | Polyline）。
Cesium：绘图工具v1.0
席木木的博客
11-16 720
基于Cesium.js封装的绘图工具，目前支持：点、文本标签、线、面、矩形的绘制与编辑操作。
Cesium源码分享--标绘
资深三维GIS开发
05-19 1744
ps：如果可以的话，希望大家能给我个star，好让我有更新下去的动力；以上是此库一个大致的介绍，具体调用和开发请参考开发文档。
cesium态势标绘
God's asylum的博客
05-17 1178
cesium态势标绘与编辑 源码地址下载即可使用：https://download.csdn.net/download/weixin_46730573/85402762?spm=1001.2014.3001.5503
cesium如何调整地图cesium-viewer-toolbar的位置
09-14
要调整Cesium Viewer Toolbar的位置，可以通过修改CSS样式表来实现。可以通过以下步骤进行操作： 1. 打开CSS文件，可以通过Chrome浏览器的开发者工具来查找并编辑CSS文件。 2. 在CSS文件中找到cesium-viewer-toolbar类。 3. 修改cesium-viewer-toolbar类的位置属性，例如设置其position属性为absolute，再设置top和left属性来调整其位置。例如： ``` .cesium-viewer-toolbar { position: absolute; top: 50px; left: 50px; } ``` 4. 保存CSS文件并刷新网页，查看调整后的效果。 注意事项： - 修改CSS样式表可能会影响到其他部分的显示效果，需要谨慎操作。 - 由于Cesium Viewer Toolbar是Cesium Viewer的一部分，因此对其进行修改可能会影响到整个Cesium Viewer的显示效果。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

哈哈地图

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值