cesium 中地图发生了平移,放缩,旋转等动作所要执行的动作

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了cesium 中地图发生了平移,放缩,旋转等动作所要执行的动作相关的知识,希望对你有一定的参考价值。

1、在canvas上得到鼠标点击的是那个键

<html>
<head>
<title>js判断鼠标左、中、右键哪个被点击-柯乐义</title>
<script type="text/javascript">
function whichButton(event)
{
var btnNum = event.button;
if (btnNum==2)
{
alert("您点击了鼠标右键!")
}
else if(btnNum==0)
{
alert("您点击了鼠标左键!")
}
else if(btnNum==1)
{
alert("您点击了鼠标中键!");
}
else
{
alert("您点击了" + btnNum+ "号键,我不能确定它的名称。");
}
}
</script>
</head>

<body>
<canvas onmousedown="whichButton(event)">
<p>请在文档中点击鼠标。一个消息框会提示出您点击了哪个鼠标按键。</p>
</canvas>

</body>
</html>

2、cesium

从ScreenSpaceCameraController这个对象的得到那个键对应的3D状态下的旋转.rotateEventTypes

从ScreenSpaceCameraController这个对象的得到那个键对应的是2D状态下的平移translateEventTypes

从ScreenSpaceCameraController这个对象的得到那个键对应的是放大缩小地图zoomEventTypes 

 以上三个值返回的都是Cesium.CameraEventType中的属性:LEFT_DRAG : 0  ,  RIGHT_DRAG : 1  ,  MIDDLE_DRAG : 2  ,  WHEEL : 3   ,   PINCH : 4

3、目的:使鼠标点击和camera的动作得到对应。

然后根据以上的对应关系判断地图的缩放,平移,旋转等操作。

以上是关于cesium 中地图发生了平移,放缩,旋转等动作所要执行的动作的主要内容,如果未能解决你的问题,请参考以下文章

cesium 相机camera

Cesium应用篇--添加雨雪天气

Cesium 地球旋转(viewer.scene.camera.rotate())以及停止旋转

Cesium学习笔记Camera

仿射变换

Cesium专栏-百度地图加载(附源码下载)