Mars3D开发基础学习:事件机制

无论是前端系统,还是二维/三维GIS应用系统,都离不开各种事件的应用,尤其是鼠标的单击、双击事件。 Mars3D 内所有类 均支持事件的绑定、解绑、触发等统一的事件机制,事件类型全部定义在mars3d.EventType 

#1. 事件的相关类

  1. 事件相关的更多方法可以参阅 BaseClass类 的API文档。

  2. 事件方法中使用到说支持的事件类型,都统一定义在mars3d.EventType 枚举中。在每个对应类的API中都会说明当前类所支持的事件类型,具体参阅各类的API文档。

下面,我们以 map对象为例,绑定一个事件做示例:


function map_cameraChangedHandler(event){
 console.log('相机位置完成', event)
}

//on绑定事件
map.on(mars3d.EventType.cameraChanged, map_cameraChangedHandler, this)

//off移除事件
map.off(mars3d.EventType.cameraChanged, map_cameraChangedHandler, this)

#2. 主要类的常用事件

#2.1 Map类的事件

目前最重要的Map类支持3类事件类型可以绑定:

  1. Map内部图层变化时的事件,如addLayer、removeLayer
  2. 相机、时钟、场景等变化触发的事件,如cameraMoveStart、preUpdate、clockTick
  3. 鼠标键盘操作触发的事件,如click、mouseMove、mouseOver、keydown

详细事件列表,请参阅:Map支持的事件类型

#2.2 图层类的事件

图层类型可以绑定多种事件,我们已最常用的GraphicLayer图层为例:

  1. 图层内部变化时的事件,如add、show、addGraphic
  2. 鼠标操作触发的事件,如click、rightClick、mouseOver、mouseOut
  3. 标绘和编辑触发的事件,如drawStart、drawCreated、editStart、editStop

详细事件列表,请参阅:GraphicLayer支持的事件类型

#2.3 矢量数据类的事件

矢量数据类型可以绑定多种事件,我们已最常用的Entity矢量数据为例:

  1. 数据内部变化时的事件,如add、remove、show
  2. 鼠标操作触发的事件,如click、rightClick、mouseOver、mouseOut
  3. 标绘和编辑触发的事件,如drawStart、drawCreated、editStart、editStop

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

木遥

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

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

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

打赏作者

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

抵扣说明:

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

余额充值