new mars3d.layer.GeoJsonLayer({实现图标点billboard贴模型聚合效果

说明:

1.【mars3d】的依赖库cesium本身是不支持贴地/贴模型操作的

2.sdk内部异步计算了数据的贴地/高度值之后,更新到图层上实现贴地/贴模型效果的

3.相关的示例链接:

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

4.相关的计算贴地/贴模型的参数:

1.PointUtil - V3.7.0 - Mars3D API文档

关键代码参考:

function addLayer() {

  const tiles3dLayer = new mars3d.layer.TilesetLayer({

    name: "合肥市建筑物",

    url: "//data.mars3d.cn/3dtiles/jzw-hefei/tileset.json",

    maximumScreenSpaceError: 1,

    marsJzwStyle: true, // 打开建筑物特效(内置Shader代码)

    popup: [

      { field: "objectid", name: "编号" },

      { field: "name", name: "名称" },

      { field: "height", name: "楼高", unit: "米" }

    ],

    center: { lat: 31.841018, lng: 117.252932, alt: 1346, heading: 38, pitch: -26 },

    flyTo: true

  })

  map.addLayer(tiles3dLayer)

   geoJsonLayer = new mars3d.layer.GeoJsonLayer({

    name: "体育设施点",

    url: "//data.mars3d.cn/file/geojson/hfty-point.json",

    clustering: {

      enabled: true,

      pixelRange: 20

    },

    symbol: {

      type: "billboardP",

      styleOptions: {

        image: "img/marker/mark-red.png",

        verticalOrigin: Cesium.VerticalOrigin.BOTTOM

      }

    },

    popup: "all",

    flyTo: true

  })

  map.addLayer(geoJsonLayer)

  geoJsonLayer.on("clustering", function (event) {

    // console.log("新增聚合对象", event)

    const billboard = event.cluster.billboard

    billboard.position = mars3d.PointUtil.getSurfacePosition(map.scene, billboard.position)

  })

}

相关效果:

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/623543.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【Python数据可视化】matplotlib之绘制三维图形:三维散点图、三维柱状图、三维曲面图

文章传送门 Python 数据可视化matplotlib之绘制常用图形:折线图、柱状图(条形图)、饼图和直方图matplotlib之设置坐标:添加坐标轴名字、设置坐标范围、设置主次刻度、坐标轴文字旋转并标出坐标值matplotlib之增加图形内容&#x…

精确掌控并发:滑动时间窗口算法在分布式环境下并发流量控制的设计与实现

这是《百图解码支付系统设计与实现》专栏系列文章中的第(15)篇,也是流量控制系列的第(2)篇。点击上方关注,深入了解支付系统的方方面面。 上一篇介绍了固定时间窗口算法在支付渠道限流的应用以及使用redis…

消息的发送与接收

消息的发送与接收 消息的发送与接收不仅仅是在于聊天功能的实现。其实还有很多种情况也算"消息的发送与接收"。而且我们还可以通过多种方法去实现。我们可以基于实际情况来选择。 WebSocket实现 node做后端。找了好多,前端页面总是用到了jQuery&#x…

lvgl简介

LVGL(Light and Versatile Graphics Library)是一个开源的图形用户界面库,旨在提供轻量级、可移植、灵活和易于使用的图形用户界面解决方案。 它适用于嵌入式系统,可以在不同的操作系统、微控制器和图形加速器上运行。LVGL的核心…

1.go安装及相关配置

目录 概述下载基本命令Go build环境设置 结束 概述 下载 官网速递 选择 1.20.x 一个是因为是次新版本,另一个,mac 系统是 10.13.6 ,1.20.x 是最后一个支持此版本的。 环境变量 GOROOT go的安装目录(将go安装到哪里 which go、cat /etc/p…

【嵌入式Android各种调试命令】

控制台下 写mac跟sn #写mac su echo 1 > /sys/class/unifykeys/attach echo mac > /sys/class/unifykeys/name echo 00:22:6D:C6:9A:57 > /sys/class/unifykeys/write cat /sys/class/unifykeys/read#写sn su echo 1 > /sys/class/unifykeys/attach echo usid &g…

高并发IO底层原理

1 概述 IO底层原理是隐藏在Java编程知识之下的基础知识,是开发人员必须掌握的基本原理。本文从操作系统的底层原理入手,通过图文的方式为大家深入剖析高并发IO的底层原理,并介绍如何通过设置来让操作系统支持高并发。 2 IO读写的基本原理 为…

MySQL 8.0中过时的功能(二)

max_length_for_sort_data系统变量由于优化器的变更而被弃用,因为这个变量已经过时并且没有任何效果。用于对连接进行压缩的以下传统参数已经被弃用: - --compress客户端命令行选项; - mysql_options() C API函数的MYSQL_OPT_COMPRESS选项; - slave_comp…

文件模块常用api

文件模块常用api 文件夹常用操作 文件夹操作 fs.mkdir fs.rmdir 需要是空目录 题目:递归删除目录* 串行/并行删除文件*

介绍异或(XOR)运算

异或(XOR)是一种逻辑运算符,用于比较两个二进制数的对应位。它的运算规则如下: 如果两个对应位的值相同,结果为0。如果两个对应位的值不同,结果为1。 异或运算的原理基于以下观察: 反转性质&a…

【电商API】DIY网络爬虫收集电商数据

DIY网络爬虫收集电商数据 网络爬虫是最常见和使用最广泛的数据收集方法。DIY网络爬虫确实需要一些编程知识,但整个过程比一开始看起来要简单得多。 当然,爬虫的有效性取决于许多因素,例如目标的难度、网站方的反爬虫措施等。如果将网络抓取用…

机器学习根据金标准标记数据-九五小庞

根据金标准标记数据是一种在机器学习和数据科学中常见的操作,主要用于评估分类模型的性能。其基本步骤如下: 收集数据:首先需要收集相关领域的原始数据,这些数据通常来自不同的来源和渠道。数据清洗和预处理:在这一步…

JavaScript高级特性详解

摘要:本文将深入探讨JavaScript中的一些高级特性,包括闭包、原型链、高阶函数和异步编程。我们将通过详细的注释和实例来帮助读者理解这些概念,并通过总结部分强调其在实际开发中的应用。 一、闭包 闭包是JavaScript中一个非常重要的概念&a…

soft212期末

文章目录 安卓填空题选择题 C# 安卓 Dalvik中得到Dx工具会把部分class文件转换成dex文件。 如果希望在XML布局文件中调用颜色资源,可以使用color调用 Android程序入口的Activity是在AndroidManifest.xml文件中注册的 Android中查看应用程序日志的工具是LogCat Dal…

JavaScript面向对象之实践项目

1、cat项目 (1)需要修改的原代码 (2)修改要求 使用括号表示法将name属性的值存储在变量catName中。使用点表示法运行greeting()方法。将color属性值更新为白。重写greeting() 方法,使它的问候语为"孟买猫碳头对…

go高频文件操作整理

如有帮助,欢迎留下足迹哦! 目录 创建文件 带权限创建或打开 创建目录(单级、多级) 检查给定路径(目录、文件)是否存在 将目录和文件名拼接成为完整文件路径 给定文件路径获取文件后缀 给定文件路径获…

肯尼斯·里科《C和指针》第6章 指针(7)编程的练习:删除字符

肯尼斯里科《C和指针》第6章 指针(6)编程的练习:查找字符-CSDN博客 2.编写一个函数,删除一个字符串的一部分。函数的原型如下: int del_substr(char *str, char const *substr) 函数首先应该判断substr是否出现在str中…

良心推荐!几款收藏的神级IDEA插件分享

本文已收录至Github,推荐阅读 👉 Java随想录 微信公众号:Java随想录 文章目录 CodeGlanceGsonFormatPOJO to JsonRainbow BracketsTranslationLombokMaven HelperAlibaba Java Code GuidelinesGenerateAllSetterMybatisXChinese (Simplified…

GEE APP——基于PFI纯净森林指数的CCDC-SMA算法的长时序森林监测APP

简介 森林生态系统的碳排放受到破碎化加速和边缘效应的极大影响。要了解这些影响,就必须准确监测破碎化森林景观的变化。然而,这些变化通常强度低、尺度小,因此很难使用中等空间分辨率的卫星图像(如 Landsat)来检测。为了应对这一挑战,本研究开发了纯林指数(PFI),该指…

react js自定义实现状态管理

redux基础实现 myRedux export const createStore (reduce) > {if (typeof reduce ! function) throw new Error(Expected the reducer to be a function.)let state,listeners []state reduce()const getState () > stateconst dispatch (action) > {if(typeo…