“Cesium军事标绘-攻击箭头采集GIS“：使用Cesium进行军事标绘和攻击箭头采集的地理信息系统

最新推荐文章于 2024-07-12 10:02:24 发布
最新推荐文章于 2024-07-12 10:02:24 发布
阅读量312 收藏
点赞数
文章标签： GIS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ChDevops/article/details/133333602
版权
GIS 专栏收录该内容
79 篇文章 16 订阅 ¥59.90 ¥99.00
订阅专栏
本文介绍了如何使用开源的Cesium创建一个军事标绘应用，用于在GIS中采集和显示攻击箭头。通过在Cesium场景中监听用户点击，获取经纬度坐标，绘制红色箭头实体，实现基础的军事标绘功能。
摘要由CSDN通过智能技术生成

地理信息系统（GIS）在军事领域中扮演着重要角色，用于地图制作、军事情报分析和战场决策。Cesium是一种开源的虚拟地球平台，提供了强大的地理可视化和分析功能。本文将介绍如何利用Cesium创建一个军事标绘应用程序，用于采集攻击箭头的位置和方向，并提供相应的源代码。

首先，我们需要安装Cesium。您可以从Cesium的官方网站（https://cesium.com/ ↗）下载并使用Cesium的最新版本。安装完成后，我们可以开始编写代码。

以下是一个基本的HTML框架，其中包含一个用于显示Cesium场景的div元素：

<!DOCTYPE html>
<html lang="en"
了解本专栏 订阅专栏 解锁全文
梦幻仙码
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
订阅专栏
DEJA_VU3D - Cesium功能集 -完整地图标绘及编辑功能系列预告
总得学点什么的博客
01-19 4776
地图标绘和态势标绘功能说明，所有标绘的对象都可以实现自由编辑，代码框架Vite+Vue3+TypeScript
Cesium实战专栏15.军事标绘绘制
xt3d的博客
11-21 5039
Cesium实战专栏15.军事标绘绘制前言实现效果实现思路关键代码 前言 军事标绘符号是很多GIS系统都有的功能，二维地图有很多类似的插件，但是三维的还比较少。 实现效果 实现思路 关于军事标绘各种箭头符号的算法不用我们自己研究，已经有很多开源的可以使用，我们需要做的是研究如何将其与cesium结合，从二维转到三维。不同的箭头符号需要的经纬度点数不同，我们将笛卡尔坐标转为经纬度坐标，通过算法生成二维的箭头符号，再重新转为笛卡尔坐标即可。 关键代码 以多边形符号为例 import { poin2dsToPo
cesium 军事标绘 demo
12-28
cesium 军事标绘 demo
Cesium 态势标绘 军事标绘（已兼容在地形和模型上绘制）
热门推荐
资深三维GIS开发
04-29 2万+
现在我已经将此插件不兼容1.60的bug改好了，但是csdn上好像不允许修改上传的文件，所以我会将代码放到我的github上，有需要的小伙伴可以去下载一下； 之前的态势标会插件（此插件地址：https://adventurexph.github.io/drawForCesium/）兼容不了cesium1.50之上，在修改态势标会箭头时会出错，导致没法修改；再后来某大神推出了兼容1.5x版本的插件...
cesium-军事标绘（钳形攻势）
最新发布
GIS
07-12 359
已知两点坐标如何实现直接在cesium上直接绘制钳形攻势箭头
基于Cesium的军事标绘，支持淡入淡出、生长动画
ethan_zf的博客
03-27 980
基于Cesium的军事标绘，支持淡入淡出、生长动画
Cesium|xt3d 军事标绘绘制编辑
xt3d的博客
03-03 1240
Cesium|xt3d 军事标绘绘制编辑效果代码预览地址 效果 代码 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" c
25.（cesium篇）cesium态势标绘-攻击箭头采集（燕尾）.zip
06-08
该资源包的执行效果查看地址：...“地图之家”专栏中的“25.（cesium篇）cesium态势标绘-攻击箭头采集（燕尾）”。如下载有问题，可联系博主。 解压密码：cesium
28.（cesium篇）cesium态势标绘-直线箭头采集.zip
06-08
该资源包的执行效果查看地址：https://blog.csdn.net/m0_60387551/article/details/123184049 “地图之家”专栏中的“28.（cesium篇）cesium态势标绘-直线箭头采集”。如下载有问题，可联系博主。 解压密码：cesium
32.（cesium篇）cesium态势标绘-攻击箭头采集（平尾）.zip
06-08
该资源包的执行效果查看地址：...“地图之家”专栏中的“32.（cesium篇）cesium态势标绘-攻击箭头采集（平尾）”。如下载有问题，可联系博主。 解压密码：cesium
26.（cesium篇）cesium态势标绘-攻击箭头编辑修改.zip
06-08
该资源包的执行效果查看地址：...“地图之家”专栏中的“26.（cesium篇）cesium态势标绘-攻击箭头编辑修改”。如下载有问题，可联系博主。 解压密码：cesium
30.（cesium篇）cesium态势标绘-钳击箭头采集.zip
06-08
该资源包的执行效果查看地址：https://blog.csdn.net/m0_60387551/article/details/123184049 “地图之家”专栏中的“30.（cesium篇）cesium态势标绘-钳击箭头采集”。如下载有问题，可联系博主。 解压密码：cesium
35.（cesium之家）cesium军事标绘-集结地编辑修改
GIS之家家长
05-06 380
听老人家说：多看美女会长寿 地图之家总目录（订阅之前建议先查看该博客） 文章末尾处提供保证可运行完整代码包，运行如有问题，可“私信”博主。 （纯原生Cesium技术实现，可以自定义编辑样式）效果如下所示： 该示例运行需要下载“完整代码包” 下面献上完整代码，代码重要位置会做相应解释 <html lang="en"> <head> <meta charset="UTF-8"/> <script src="Build/CesiumUnminifie
Cesium军事标绘编辑
xt3d的博客
09-08 1842
效果图 关键代码 // 军事标绘编辑类 import { point3dsToPoint2ds } from "../PlotUtils/utils3d" import { cartesian3ToPoint3D } from "../../PlotBase/PlotBaseUtils" import PlotTypes from "../PlotTypes" import * as turf from "@turf/turf" export default class MilitaryPlotEd
Cesium军事标绘、Cesium动态标绘
xt3d的博客
09-08 3771
在很多项目中需要标绘一些特殊的符号，如进攻路线，集结地，可以使用军事标绘中的符号来实现。 军事标绘绘制效果 军事标绘编辑效果
Cesium绘制军标-集结地
liyan_gis的专栏
04-22 1889
Ceisum军事标绘是非常常见的应用，经过本人一番研究，最终实现了集结地的绘制，可以鼠标在地图上依次点击，三个点，自动绘制成集结地，这里使用了曲线的生成算法，贝塞尔曲线在军标中使用的很多，拟合的效果较好。 这个集结地是二维的，如果想要让他树立起来也是可以的，具体的可以联系我 如果需要源码的可以访问我如下的资源，如果有其他问题也可以很我一起探讨 部分源码可参考： *@paramcenter *@paramradius *@paramstartAngle *@param...
DEJA_VU3D - Cesium功能集 之 048-完整态势（军标）组件前端界面源码
总得学点什么的博客
06-12 1615
本篇文章我们主要是对前面《态势标绘系列完整组件》补充前端界面调用demo代码的补充。完整源代码
vue如何使用cesium实现箭头、燕尾标绘功能
03-29
1. 安装Cesium 首先需要安装Cesium，可以通过npm或者直接下载Cesium的zip包来进行安装。 2. 引入Cesium 在Vue项目中，可以通过在index.html中引入Cesium的js和css来使用Cesium。 ```html <head> <!-- 引入Cesium的css --> <link rel="stylesheet" href="./cesium/Widgets/widgets.css"> <style> /* 必要的样式 */ #cesiumContainer { width: 100%; height: 100%; margin: 0; padding: 0; } </style> </head> <body> <div id="app"> <div id="cesiumContainer"></div> </div> <!-- 引入Cesium的js --> <script src="./cesium/Cesium.js"></script> </body> ``` 3. 创建Cesium的Viewer 在Vue的组件中，可以在mounted钩子函数中创建Cesium的Viewer。 ```javascript import Cesium from 'cesium/Cesium'; import 'cesium/Widgets/widgets.css'; export default { name: 'CesiumMap', data() { return { viewer: null } }, mounted() { this.viewer = new Cesium.Viewer('cesiumContainer'); } } ``` 4. 添加箭头标绘 Cesium提供了PolylineArrowMaterialProperty类来实现箭头标绘，可以在Vue组件的方法中添加箭头标绘。 ```javascript addArrow() { const positions = [...]; // 箭头的坐标数组 const arrow = this.viewer.entities.add({ polyline: { positions: positions, width: 5, material: new Cesium.PolylineArrowMaterialProperty(Cesium.Color.RED) } }); } ``` 5. 添加燕尾标绘 Cesium提供了PolylineGlowMaterialProperty类来实现燕尾标绘，可以在Vue组件的方法中添加燕尾标绘。 ```javascript addTail() { const positions = [...]; // 燕尾的坐标数组 const tail = this.viewer.entities.add({ polyline: { positions: positions, width: 5, material: new Cesium.PolylineGlowMaterialProperty({ color: Cesium.Color.RED, glowPower: 0.1 }) } }); } ``` 以上就是在Vue中使用Cesium实现箭头、燕尾标绘功能的方法。需要注意的是，在添加标绘之前需要先创建Cesium的Viewer，并且需要在组件销毁时销毁Viewer。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值