Mars3d标绘的时候通过绑定单击事件,查询点击落点的图层类型

需求期望:

期望可以判断标绘点落下的位置是什么图层类型,例如是否是3dtitles模型,或者是gltf模型,或者是其他数据图层。

需求来源:

标绘点时,无法知道点落下的地方的图层类型

解决方案:

map.on(mars3d.EventType.click,function(event){
let type = event.layer?.type
})

主要参考代码是Mars3d的示例代码,图层管理组件的判断逻辑。

const onChangeTooltip = () => {

  const layer = getManagerLayer()

  if (formState.enabledTooltip) {

    // layer.bindTooltip("我是layer上绑定的Tooltip")

    layer.bindTooltip(

      function (event) {

        const attr = getAttrForEvent(event)

        attr["类型"] = event.graphic?.type

        attr["来源"] = "我是layer上绑定的Toolip"

        attr["备注"] = "我支持鼠标移入交互"

        return mars3d.Util.getTemplateHtml({ title: "矢量图层", template: "all", attr: attr })

      },

      { pointerEvents: false }

    )

  } else {

    layer.unbindTooltip()

  }

}

Mars3d的学习地址:

下载示例git clone https://gitee.com/marsgis/mars3d-vue-example.git

全局搜索学习示例逻辑。

功能示例(Vue版) | Mars3D三维可视化平台 | 火星科技

最近更新

  1. TCP协议是安全的吗?

    2023-12-05 16:14:13       16 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2023-12-05 16:14:13       16 阅读
  3. 【Python教程】压缩PDF文件大小

    2023-12-05 16:14:13       15 阅读
  4. 通过文章id递归查询所有评论(xml)

    2023-12-05 16:14:13       18 阅读

热门阅读

  1. Leetcode 2949. Count Beautiful Substrings II

    2023-12-05 16:14:13       41 阅读
  2. tortoisegit 报错:server refused to start a shell/command

    2023-12-05 16:14:13       41 阅读
  3. mybatis中<association> 和 <collection>

    2023-12-05 16:14:13       34 阅读
  4. 嵌入式硬件基础知识——1

    2023-12-05 16:14:13       36 阅读
  5. mySQL踩坑记录

    2023-12-05 16:14:13       43 阅读
  6. SpringDocConfiguration

    2023-12-05 16:14:13       30 阅读
  7. Linux CenTOS命令备忘

    2023-12-05 16:14:13       36 阅读
  8. 【android开发-12】android中ListView的详细用法介绍

    2023-12-05 16:14:13       27 阅读