new mars3d.graphic.RectangleCombine({生成演示数据代码pt1与pt2详解

本文主要是介绍new mars3d.graphic.RectangleCombine({生成演示数据代码pt1与pt2详解,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

示例链接:

1.new mars3d.graphic.RectangleCombine({功能示例(Vue版) | Mars3D三维可视化平台 | 火星科技

2.new mars3d.graphic.RectangleEntity({功能示例(Vue版) | Mars3D三维可视化平台 | 火星科技

相关的api文档说明:

1.mars3d.PointUtil.getPositionByDirectionAndLen(根据观察点的方向角度和距离,计算目标点坐标。

2.相关方法:生成演示数据的时候,可以测试打点查看该数据效果:

pt1与pt2的作用如果不明白一般建议是打点展示。

以下是演示打点展示的代码:

// 生成演示数据(测试数据量)

export function addRandomGraphicByCount(count) {

  graphicLayer.clear()

  graphicLayer.enabledEvent = false // 关闭事件,大数据addGraphic时影响加载时间

  const bbox = [116.984788, 31.625909, 117.484068, 32.021504]

  const result = mars3d.PolyUtil.getGridPoints(bbox, count, 30)

  console.log("生成的测试网格坐标", result)

  const arrData = []

  for (let j = 0; j < result.points.length; ++j) {

    const position = result.points[j]

    console.log("result.points",position)

    const index = j + 1

    const pt1 = mars3d.PointUtil.getPositionByDirectionAndLen(position, 45, result.radius)

    const pt2 = mars3d.PointUtil.getPositionByDirectionAndLen(position, 200, result.radius)

    arrData.push({

      positions: [pt1, position, pt2],

      style: {

        color: Cesium.Color.fromRandom({ alpha: 0.6 })

      },

      attr: { index }

    })

    const graphic1 = new mars3d.graphic.PointEntity({

    position: position,

    style: {

      color: "#ff0000",

      pixelSize: 10,

      outlineColor: "#ffffff",

      outlineWidth: 2,

      label: {

        text: "我是{ index }",

        font_size: 18,

        color: "#ffffff",

        pixelOffsetY: -10,

        distanceDisplayCondition: true,

        distanceDisplayCondition_far: 500000,

        distanceDisplayCondition_near: 0

      }

    },

    attr: { index }

  })

  graphicLayer.addGraphic(graphic1)

    const graphicp1 = new mars3d.graphic.BillboardEntity({

    position: pt1,

    style: {

      image: "img/marker/lace-blue.png",

      horizontalOrigin: Cesium.HorizontalOrigin.CENTER,

      verticalOrigin: Cesium.VerticalOrigin.BOTTOM,

        label: {

        text: "我是pt1",

        font_size: 18,

        color: "#ffffff",

        pixelOffsetY: -10,

        distanceDisplayCondition: true,

        distanceDisplayCondition_far: 500000,

        distanceDisplayCondition_near: 0

      }

    },

    attr: { index }

  })

  graphicLayer.addGraphic(graphicp1)

      const graphicp2 = new mars3d.graphic.BillboardEntity({

    position: pt2,

    style: {

      image: "img/marker/lace-blue.png",

      horizontalOrigin: Cesium.HorizontalOrigin.CENTER,

      verticalOrigin: Cesium.VerticalOrigin.BOTTOM,

        label: {

        text: "我是pt2",

        font_size: 18,

        color: "#ffffff",

        pixelOffsetY: -10,

        distanceDisplayCondition: true,

        distanceDisplayCondition_far: 500000,

        distanceDisplayCondition_near: 0

      }

    },

    attr: { index }

  })

  graphicLayer.addGraphic(graphicp2)

  }

  // 多个面对象的合并渲染。

  const graphic = new mars3d.graphic.RectangleCombine({

    instances: arrData,

    // style: {

    //   outline: true,

    //   outlineWidth: 3,

    //   outlineColor: "#ffffff",

    // },

    // 高亮时的样式

    highlight: {

      type: mars3d.EventType.click,

      color: Cesium.Color.YELLOW.withAlpha(0.9)

    }

  })

  graphicLayer.addGraphic(graphic)



 

  // 演示:平滑移动高度

  // let height = 0

  // setInterval(() => {

  //   if (height > 10000 || graphic.isDestroy) {

  //     return

  //   }

  //   height += 1

  //   graphic.offsetHeight = height

  // }, 10)

  graphicLayer.enabledEvent = true // 恢复事件

  return result.points.length

}

这篇关于new mars3d.graphic.RectangleCombine({生成演示数据代码pt1与pt2详解的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/613402

相关文章

SpringBoot3.4配置校验新特性的用法详解

《SpringBoot3.4配置校验新特性的用法详解》SpringBoot3.4对配置校验支持进行了全面升级,这篇文章为大家详细介绍了一下它们的具体使用,文中的示例代码讲解详细,感兴趣的小伙伴可以参考... 目录基本用法示例定义配置类配置 application.yml注入使用嵌套对象与集合元素深度校验开发

Python中的Walrus运算符分析示例详解

《Python中的Walrus运算符分析示例详解》Python中的Walrus运算符(:=)是Python3.8引入的一个新特性,允许在表达式中同时赋值和返回值,它的核心作用是减少重复计算,提升代码简... 目录1. 在循环中避免重复计算2. 在条件判断中同时赋值变量3. 在列表推导式或字典推导式中简化逻辑

python处理带有时区的日期和时间数据

《python处理带有时区的日期和时间数据》这篇文章主要为大家详细介绍了如何在Python中使用pytz库处理时区信息,包括获取当前UTC时间,转换为特定时区等,有需要的小伙伴可以参考一下... 目录时区基本信息python datetime使用timezonepandas处理时区数据知识延展时区基本信息

Qt实现网络数据解析的方法总结

《Qt实现网络数据解析的方法总结》在Qt中解析网络数据通常涉及接收原始字节流,并将其转换为有意义的应用层数据,这篇文章为大家介绍了详细步骤和示例,感兴趣的小伙伴可以了解下... 目录1. 网络数据接收2. 缓冲区管理(处理粘包/拆包)3. 常见数据格式解析3.1 jsON解析3.2 XML解析3.3 自定义

SpringMVC 通过ajax 前后端数据交互的实现方法

《SpringMVC通过ajax前后端数据交互的实现方法》:本文主要介绍SpringMVC通过ajax前后端数据交互的实现方法,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价... 在前端的开发过程中,经常在html页面通过AJAX进行前后端数据的交互,SpringMVC的controll

Java Stream流使用案例深入详解

《JavaStream流使用案例深入详解》:本文主要介绍JavaStream流使用案例详解,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧... 目录前言1. Lambda1.1 语法1.2 没参数只有一条语句或者多条语句1.3 一个参数只有一条语句或者多

SpringBoot整合mybatisPlus实现批量插入并获取ID详解

《SpringBoot整合mybatisPlus实现批量插入并获取ID详解》这篇文章主要为大家详细介绍了SpringBoot如何整合mybatisPlus实现批量插入并获取ID,文中的示例代码讲解详细... 目录【1】saveBATch(一万条数据总耗时:2478ms)【2】集合方式foreach(一万条数

Python装饰器之类装饰器详解

《Python装饰器之类装饰器详解》本文将详细介绍Python中类装饰器的概念、使用方法以及应用场景,并通过一个综合详细的例子展示如何使用类装饰器,希望对大家有所帮助,如有错误或未考虑完全的地方,望不... 目录1. 引言2. 装饰器的基本概念2.1. 函数装饰器复习2.2 类装饰器的定义和使用3. 类装饰

MySQL 中的 JSON 查询案例详解

《MySQL中的JSON查询案例详解》:本文主要介绍MySQL的JSON查询的相关知识,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧... 目录mysql 的 jsON 路径格式基本结构路径组件详解特殊语法元素实际示例简单路径复杂路径简写操作符注意MySQL 的 J

Pandas统计每行数据中的空值的方法示例

《Pandas统计每行数据中的空值的方法示例》处理缺失数据(NaN值)是一个非常常见的问题,本文主要介绍了Pandas统计每行数据中的空值的方法示例,具有一定的参考价值,感兴趣的可以了解一下... 目录什么是空值?为什么要统计空值?准备工作创建示例数据统计每行空值数量进一步分析www.chinasem.cn处