如何在in中通过CZML移动矩形？
在Cesium中使用CZML移动矩形，可以通过以下步骤实现：
- 首先，需要创建一个CZML文档，该文档描述了矩形的运动过程。可以使用文本编辑器创建一个名为example.czml的文件，并填入以下内容：
[{
"id" : "rectangle",
"rectangle" : {
"coordinates" : {
"cartographicDegrees" : [-75.170726, 39.920866, 0.0, -75.170726, 39.920866, 100000.0, -75.169726, 39.921866, 100000.0, -75.169726, 39.921866, 0.0]
},
"material" : {
"solidColor" : {
"color" : {
"rgba" : [255, 0, 0, 128]
}
}
},
"height" : 0.0,
"extrudedHeight" : 100000.0,
"rotation" : 0.0,
"show" : [
{
"interval" : "2012-08-04T16:00:00Z/2012-08-04T18:04:54Z",
"boolean" : true
}
],
"stRotation" : 0.0,
"granularity" : 0.0,
"width" : 4000.0
}
}]- 接下来，在你的HTML文件中引入Cesium库和CZML文件。可以通过以下代码来实现：
<!DOCTYPE html>
<html>
<head>
<title>Move Rectangle with CZML</title>
<script src="https://cesium.com/downloads/cesiumjs/releases/1.83/Build/Cesium/Cesium.js"></script>
<style>
#cesiumContainer {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
</style>
</head>
<body>
<div id="cesiumContainer"></div>
<script>
var viewer = new Cesium.Viewer('cesiumContainer');
var dataSource = Cesium.CzmlDataSource.load('example.czml');
viewer.dataSources.add(dataSource);
</script>
</body>
</html>- 最后，通过启动一个本地服务器来运行你的HTML文件。可以使用Node.js的http-server模块来实现。在命令行中执行以下命令：
npm install http-server -g安装完毕后，在你的HTML文件所在的目录下执行以下命令：
http-server然后在浏览器中访问 http://localhost:8080 即可看到移动的矩形。
在这个例子中，矩形沿着一条指定的经纬度路径移动。你可以通过修改CZML文档中的coordinates属性来改变矩形的路径。还可以调整其他属性，如宽度、高度、颜色等，来满足自己的需求。
在腾讯云中，可以使用腾讯云地图服务（https://cloud.tencent.com/product/tianditu）来集成地图和地理信息。腾讯云地图服务提供了丰富的地图功能和数据，可用于开发各种地理应用。
请注意，这里没有提及亚马逊AWS、Azure、阿里云、华为云、天翼云、GoDaddy、Namecheap、Google等品牌商，而是给出了适用于这个问题的答案内容。
相关·内容
1回答
我想问一下，我在czml中定义了一个矩形，但是我们知道这个矩形是由四个dimensionsCesium.Rectangle(西、南、东、北)决定的。如果我想移动矩形，我应该如何填写“位置”？我试过"cartographicDegrees“和"wsenDegrees"，但是我不能根据时间移动。
浏览 43提问于2021-11-03得票数 0
3回答
我正在创建一个CZML文件，我有一个路径，我希望我的对象遵循该路径并按位置移动它(我根据时间时代定义了位置)。它与带有图像的广告牌完美地工作在一起，但是当我将代码更改为有一个模型时，例如沙堡中的3D模型之一，而不是广告牌，它就无法工作。它甚至没有显示模型。我只是有个标签，在路上移动，但没有模特的迹象。我非常想在CZML文件中使用3D模型，而不是在javaScript中。如果有人能帮助我，我会很高兴的。我将数据保存在.czml文件中，然后通过</
浏览 17提问于2015-09-16得票数 2
回答已采纳
1回答
嗨，如何在java脚本中流实时的czml数据包和进程，而不使UI冻结，并且从一开始就不启动场景，每当我从具有新更新的笛卡儿坐标的服务器发送新的czml数据包，以及从纪元时间开始的时间和经过的秒时，整个场景将在处理数据包后从一开始就重新启动基本上，我希望场景中的对象能够实时移动，其中实时笛卡尔坐标是从服务器输入的。
浏览 4提问于2015-01-24得票数 2
回答已采纳
我试图通过在内置的czml代码中添加循环来增强来移动100、500和1000个对象，并且在1000个对象之后将其隐藏起来。我也看到了许多卫星，但我想只有几个人。
浏览 0提问于2014-02-04得票数 2
1回答
我移动球(这是一个对象)，通过增加Vector2 (位置)的速度Vector2和更新的hitbox矩形。然而，通过拥有非常大的速度(如(12,12))，球可能会通过桨，因为它只是跳过桨的矩形“赫盒”。
有没有办法让球做更小的动作，这样它就不会穿过桨(但仍然移动得很快)？
浏览 0提问于2014-11-26得票数 0
我使用铯来可视化我的场景，我想在JavaScript中创建一个多边形，使用其他移动实体的位置作为其端点的引用。如的答案所示，使用CZML。我想知道是否可以在JavaScript中(引用其他实体的位置作为多边形的端点)。perPositionHeight : true, },})
只需使用实体和位置，如：
浏览 9提问于2016-04-13得票数 3
回答已采纳
对于缩放，我需要绘制矩形，即选择标记，以选择区域，以放大图表。如何在鼠标移动事件中绘制矩形。2.开始拖动(鼠标移动事件触发)该事件中的->需要根据鼠标移动绘制矩形
如何根据鼠标移动绘制矩形？
浏览 0提问于2013-03-23得票数 2
回答已采纳
我的页面上有两个实体:一颗卫星和它的“地面位置”，它们都随着时间的推移在铯中移动。我想把这两条直线连接起来。
如果您使用的是CZML文件，那么似乎展示了类似的功能，但是我想知道如何在代码中这样做。
浏览 3提问于2015-11-10得票数 6
回答已采纳
我在画布上画了一个矩形。我已经可以使用鼠标移动这个对象了，但是我找不到如何在运行时使用鼠标来调整它的大小？第二个问题，如何通过编程检查每个对象(例如矩形)在画布上的位置？
浏览 2提问于2010-10-22得票数 0
回答已采纳
如果我向上或向下平移，它会使一个新的矩形以3D视觉效果出现。[UIView animateWithDuration:0.5... completion:nil];
为了将视图恢复到一致的状态，要么显示新的
浏览 0提问于2013-01-11得票数 0
回答已采纳
1回答
文本对悬停的影响
、、、
我试图在处理过程中创建鼠标悬停的简单效果。我只能对形状(如矩形、椭圆等)产生这种效果，但我不知道如何在文本对象上这样做。例如，要检测圆圈上的鼠标移动： return true;
} else {
浏览 7提问于2018-01-10得票数 1
回答已采纳
如何在windows 8中水平移动和调整画布中的矩形。我正在尝试在我的应用程序中创建一个类似于控件的缩放。它将像我可以调整矩形水平大小一样工作，也可以在画布中移动矩形。根据矩形的位置，我将计算标度值。但是，当我尝试同样的方法时，我会继续调整矩形的大小(拖到矩形的左侧和右侧以展开)。请任何人指导我发展同样的。不用费劲为我创造一个样本。指引我吧，剩下的我来做。
浏览 7提问于2014-01-20得票数 3
回答已采纳
在openCV中，我需要执行以下操作:当用户将鼠标移动到某个位置时，图像上将显示一个矩形，但当他将光标移出该位置时，该矩形将消失。我是opencv的新手，我可以在鼠标移动事件上绘制矩形，但我不知道如何在事件发生后撤消绘制。
浏览 2提问于2013-06-17得票数 0
回答已采纳
1回答
我在图像上创建了这样的车辆：如您所见，有以下几点：机械臂与车身的连接采用旋转关节，在所示的锚点中心点，该机械臂可以上下移动(有以下角度限制)，所以你可以看到它只能在90度内移动。我的问题是，我通过应用角度脉冲来移动这只手臂，它起作用了，我可以移动手臂，但它一直落到默认位置。我正在努力如何“禁用”关节，所以手臂只能用我的控制器来移动，这样它就不会受到重力的影响，所以
浏览 1提问于2013-01-28得票数 0
回答已采纳
我实现了一个Graphicsview，在其中我加载了一个Image，用户可以添加不同的项目，如矩形或线条。用户还可以在场景中移动这些对象。到目前为止，一切都很好。} }ui->graphicsView->installEventFilter(this);
通过这种方式，按下事件被识别，而move事件仅在Qgraphicview对象的边界上被识别(属性mouseTracking被设置为真)，并且我仍然能够移动</em
浏览 2提问于2015-05-20得票数 0
我有两个可在画布上拖动的KineticJ矩形。我希望能够使用一些修饰符(如点击一个按钮，上面写着绘制线，或者一个键盘修饰符，如cntrl)，然后点击其中一个矩形，拖动到另一个矩形上，然后画一条简单的线连接两个矩形)。然后，这条线需要链接到每个矩形，所以如果其中一个矩形移动，这条线将保持连接。但是我找不到任何资源来帮助我解决我的第一个问题。
浏览 0提问于2013-05-14得票数 0
回答已采纳
1回答
我需要通过鼠标拖动画布绘制直线，圆和矩形，然后我需要移动和调整绘制的形状。我如何在flex中执行此操作，因为我是这个平台上的新手。请建议我的方法或参考任何有源码的例子，让我理解它。请帮帮忙。
浏览 0提问于2009-06-16得票数 0
回答已采纳
1回答
缩放后重新定位矩形
、、、、
我有一个由R1:x1，y1-x2，Y2定义的矩形，在应用缩放后，我得到了矩形R2:X1，Y1-X2，y2。R1 | |+--------------+ |+------------------+ | R2 |在这里，鼠标指针被设置在点"o“上，然后缩放，产生一个矩形请
浏览 0提问于2013-05-03得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
云直播
对象存储
腾讯会议活动推荐
腾讯云开发者
