0
点赞
收藏
分享

微信扫一扫

mars3d的各种事件

盖码范 2022-01-15 阅读 76
3d前端

事件的使用大大方便了我们对于页面的操作;那么我们在使用mars3d时要怎么对数据进行事件绑定呢?

首先第一步我们肯定要知道它都有那些事件;看图

那么事件知道了,要如何绑定事件呢?

 // 矢量数据绑定事件;
const graphic = new mars3d.graphic.PointEntity({
position: [116.244399, 30.920459, 573.6],
style: {
color: "#ff0000",
pixelSize: 10,
outlineColor: "#ffffff",
outlineWidth: 2,
label: {
text: "我是一个点",
font_size: 18,
color: "#ffffff",
pixelOffsetY: -10,
distanceDisplayCondition: true,
distanceDisplayCondition_far: 500000,
distanceDisplayCondition_near: 0
}
}
})
map.graphicLayer.addGraphic(graphic)

graphic.on(mars3d.EventType.click, (e) => {
console.log("我是矢量数据的单击时间,获取的矢量数据,"e.graphic)
})
// 图层绑定事件
graphicLayer = new mars3d.layer.GraphicLayer()
map.addLayer(graphicLayer)

const graphic = new mars3d.graphic.PointEntity({
position: [116.244399, 30.920459, 573.6],
style: {
color: "#ff0000",
pixelSize: 10,
outlineColor: "#ffffff",
outlineWidth: 2,
label: {
text: "我是原始点",
font_size: 18,
color: "#ffffff",
pixelOffsetY: -10,
distanceDisplayCondition: true,
distanceDisplayCondition_far: 500000,
distanceDisplayCondition_near: 0
}
}
})
graphicLayer.addGraphic(graphic)
graphicLayer.on(mars3d.EventType.click, (e) => {
console.log("我是图层的单击事件,获取的矢量数据",e.graphic)
})

矢量数据绑定和矢量图层绑定有什么区别呢?

数据绑定只是针对这一个矢量数据起作用;图层绑定可以对添加到该图层上的所有数据起作用;

还有一种给map绑定事件,则对添加到map中所有矢量数据都起作用

 

 

举报

相关推荐

0 条评论