mars3d的各种事件

事件的使用大大方便了我们对于页面的操作；那么我们在使用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中所有矢量数据都起作用

 

 

标签：graphic,矢量,mars3d,绑定,各种,事件,distanceDisplayCondition,graphicLayer
来源： https://blog.csdn.net/m0_53584457/article/details/122514446