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

摘要:
“)}elseif{alert(”您单击了鼠标左键!“);}elsief{alert(”“您单击了”+btnNum+“键,我无法确定其名称。”);}请单击文档中的鼠标。一个消息框将提示您单击了哪个鼠标按钮。该键对应于放大和缩小地图zoomEventTypes。以上三个值均返回铯中的属性。CameraEventType:LEFT_DRAG:0,RIGHT_DRAG:1,MIDDLE_DRAG:2,WHEEL:3,PINCH:43。目的:使鼠标点击与相机动作相对应。然后根据上述对应关系判断地图的缩放、平移、旋转等操作。

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的动作得到对应。

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

欢迎大家来我的新家看一看 3wwang个人博客-记录走过的技术之路

免责声明:文章转载自《cesium 中地图发生了平移,放缩,旋转等动作所要执行的动作》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇SQLSERVER查询存储过程内容go语言并发下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

前端用js获取本地文件的内容

这里要写成input的形式 调用upload函数 传递的参数就表示所选的文件<input type="file" onchange="upload(this)" /> //前端读取本地文件的内容 下面代码中的this.result即为获取到的内容 function upload(input) { //支持chrome IE10...

XSS————3、XSS测试思路

0x00前言 作为一个刚入行的菜鸟,之前对XSS测试的思路没有一个具体化的总结 今天下午写了一下关于测试XSS渗透测试过程的总结 希望大家能在底下写上自己常用的和好用的payload 谢谢!!! 0x01 关于闭合前方标签 首先自然是测试如何闭合前面的标签来成功插入自己的XSS代码,下面给出了几种常用的闭合 1. ’> ‘>...

单选按钮(radio)的取值和点击事件

笔记走一波:获取单选按钮(radio)的选中值,以及它的点击事件的实现 首先要引入Jquery <script type="text/javascript" src="js/jquery-3.1.1.min.js"> 下面是一个简单的表单 <!-- 单选按钮的取值和点击事件--> <form action="#" metho...

JQuery中查找父元素,子元素,追加元素,插入元素和删除元素 及其他常用方法

Jquery之所以强大,和其在获取对象时使用与css选择器兼容的语法有很大关系。而且它还兼容了CSS3的选择器,而且多出了不少。 所以jQuery的选择器也就变得很多很强大。就最基本的有以下四个: $('*')  匹配页面所有元素 $('#id') id选择器 $('.class') 类选择器 $('element') 标签选择器 $('E[attr]')...

Jquery delegate的理解

$(".step4TagList .albumShow", "#divStep4").delegate(" .abmFct .icoRt", "click", function () { alert("ok") }); 与 $(".step4TagList .albumShow .abmFct", "#divStep4")...

[转]innerHtml,innerText,outterHtml,outterText 的区别

js中innerHTML与innerText的用法与区别 用法: Java代码 <divid="test"> <spanstyle="color:red">test1</span>test2 </div> <div id="test"> <span style...