当前位置： 首页 > news >正文

【mars3d】new mars3d.layer.GeoJsonLayer(实现环状面应该怎么传data

news 2025/10/15 15:50:28

问题：【mars3d】new mars3d.layer.GeoJsonLayer(实现环状面应该怎么传data

解决方案：

1.在示例中修改showDraw()方法的data数据，实现以下环状面效果

2.示例链接：

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

export function showDraw(isFlyTo) {

  removeLayer()

  graphicLayer = new mars3d.layer.GeoJsonLayer({

    data: {

      type: "FeatureCollection",

      features: [

        {

          type: "Feature",

          properties: {},

          geometry: {

            type: "Polygon",

            coordinates : [

            [

                [ 112.932587264, 27.8315015372, 0 ],

                [ 112.931581377, 27.8313960612, 0 ],

                [ 112.9317102498, 27.8303965283, 0 ],

                [ 112.9322675595, 27.8304398346, 0 ],

                [ 112.9325702826, 27.8304169595, 0 ],

                [ 112.9326350142, 27.8303633901, 0 ],

                [ 112.932731492, 27.8304135676, 0 ],

                [ 112.932587264, 27.8315015372, 0 ]

            ],

            [

                [ 112.9325940284, 27.831223013, 0 ],

                [ 112.9326167096, 27.8312188361, 0 ],

                [ 112.9326669498, 27.8308174515, 0 ],

                [ 112.9326434205, 27.8308150617, 0 ],

                [ 112.9326525295, 27.8307441416, 0 ],

                [ 112.9326715888, 27.8307458325, 0 ],

                [ 112.9327035609, 27.8305016377, 0 ],

                [ 112.93263399, 27.8304944373, 0 ],

                [ 112.9326316453, 27.8305123659, 0 ],

                [ 112.9325338443, 27.8305022499, 0 ],

                [ 112.9325311448, 27.8305228596, 0 ],

                [ 112.9325160244, 27.8305213007, 0 ],

                [ 112.9324903964, 27.8307271878, 0 ],

                [ 112.9325106972, 27.8307296598, 0 ],

                [ 112.9325015792, 27.8308006612, 0 ],

                [ 112.9324812699, 27.8307985952, 0 ],

                [ 112.9324608568, 27.8310141304, 0 ],

                [ 112.9324337555, 27.8310117698, 0 ],

                [ 112.9323741147, 27.8310540164, 0 ],

                [ 112.9323702295, 27.8310802426, 0 ],

                [ 112.932472143, 27.8310906264, 0 ],

                [ 112.9324576952, 27.8312026846, 0 ],

                [ 112.9325940284, 27.831223013, 0 ]

            ],

            [

                [ 112.9323047797, 27.8307129594, 0 ],

                [ 112.932313006, 27.8306505379, 0 ],

                [ 112.9323979691, 27.830658977, 0 ],

                [ 112.9324098755, 27.8305641632, 0 ],

                [ 112.9317629261, 27.8304999311, 0 ],

                [ 112.9317510073, 27.8305948235, 0 ],

                [ 112.9318364374, 27.8306033057, 0 ],

                [ 112.9318199734, 27.8307344084, 0 ],

                [ 112.9319931918, 27.830751609, 0 ],

                [ 112.9320097248, 27.8306200485, 0 ],

                [ 112.9321395626, 27.83063313, 0 ],

                [ 112.9321228781, 27.8307645998, 0 ],

                [ 112.9322960052, 27.8307820475, 0 ],

                [ 112.9323047797, 27.8307129594, 0 ]

            ],

            [

                [ 112.9318515161, 27.8308869304, 0 ],

                [ 112.9317764413, 27.8308792153, 0 ],

                [ 112.9317724773, 27.8309060825, 0 ],

                [ 112.931745949, 27.8309128159, 0 ],

                [ 112.9317284662, 27.8309375867, 0 ],

                [ 112.931697717, 27.8309342448, 0 ],

                [ 112.9316867952, 27.8310189525, 0 ],

                [ 112.9318329464, 27.8310335741, 0 ],

                [ 112.9318515161, 27.8308869304, 0 ]

            ]

        ]

          }

        }

      ]

    },

    symbol: {

      styleOptions: {

        fill: true,

        color: "rgb(2,26,79)",

        opacity: 0.9,

        outline: true,

        outlineColor: "#39E09B",

        outlineWidth: 8,

        outlineOpacity: 0.8,

        arcType: Cesium.ArcType.GEODESIC,

        clampToGround: true

      }

    },

    flyTo: true

  })

  map.addLayer(graphicLayer)

  // load事件,必须在load完成前绑定才能监听

  graphicLayer.on(mars3d.EventType.load, function (event) {

    if (event.layer) {

      console.log("数据加载完成", event)

    }

  })

  setTimeout(() => {

    // readyPromise是可以load加载数据完成后去获取

    graphicLayer.readyPromise.then(function (layer) {

      console.log("readyPromise:数据加载完成", layer)

    })

  }, 5000)

  // 单击事件

  graphicLayer.on(mars3d.EventType.click, function (event) {

    console.log("单击了图层", event)

  })

}

补充说明：

1.环状面内部的小面的data说明：

.json数据中的2093环形面Polygon1包围了另外两个小面3655和2617分别是a和b。

Polygon1:

a和b：

以下是.json文件的全部数据：

{

    "type" : "FeatureCollection",

    "name" : "SDE.FZ",

    "features" : [

{

    "type" : "Feature",

    "geometry" : {

        "type" : "Polygon",

        "coordinates" : [

            [

                [ 112.932587264, 27.8315015372, 0 ],

                [ 112.931581377, 27.8313960612, 0 ],

                [ 112.9317102498, 27.8303965283, 0 ],

                [ 112.9322675595, 27.8304398346, 0 ],

                [ 112.9325702826, 27.8304169595, 0 ],

                [ 112.9326350142, 27.8303633901, 0 ],

                [ 112.932731492, 27.8304135676, 0 ],

                [ 112.932587264, 27.8315015372, 0 ]

            ],

            [

                [ 112.9325940284, 27.831223013, 0 ],

                [ 112.9326167096, 27.8312188361, 0 ],

                [ 112.9326669498, 27.8308174515, 0 ],

                [ 112.9326434205, 27.8308150617, 0 ],

                [ 112.9326525295, 27.8307441416, 0 ],

                [ 112.9326715888, 27.8307458325, 0 ],

                [ 112.9327035609, 27.8305016377, 0 ],

                [ 112.93263399, 27.8304944373, 0 ],

                [ 112.9326316453, 27.8305123659, 0 ],

                [ 112.9325338443, 27.8305022499, 0 ],

                [ 112.9325311448, 27.8305228596, 0 ],

                [ 112.9325160244, 27.8305213007, 0 ],

                [ 112.9324903964, 27.8307271878, 0 ],

                [ 112.9325106972, 27.8307296598, 0 ],

                [ 112.9325015792, 27.8308006612, 0 ],

                [ 112.9324812699, 27.8307985952, 0 ],

                [ 112.9324608568, 27.8310141304, 0 ],

                [ 112.9324337555, 27.8310117698, 0 ],

                [ 112.9323741147, 27.8310540164, 0 ],

                [ 112.9323702295, 27.8310802426, 0 ],

                [ 112.932472143, 27.8310906264, 0 ],

                [ 112.9324576952, 27.8312026846, 0 ],

                [ 112.9325940284, 27.831223013, 0 ]

            ],

            [

                [ 112.9323047797, 27.8307129594, 0 ],

                [ 112.932313006, 27.8306505379, 0 ],

                [ 112.9323979691, 27.830658977, 0 ],

                [ 112.9324098755, 27.8305641632, 0 ],

                [ 112.9317629261, 27.8304999311, 0 ],

                [ 112.9317510073, 27.8305948235, 0 ],

                [ 112.9318364374, 27.8306033057, 0 ],

                [ 112.9318199734, 27.8307344084, 0 ],

                [ 112.9319931918, 27.830751609, 0 ],

                [ 112.9320097248, 27.8306200485, 0 ],

                [ 112.9321395626, 27.83063313, 0 ],

                [ 112.9321228781, 27.8307645998, 0 ],

                [ 112.9322960052, 27.8307820475, 0 ],

                [ 112.9323047797, 27.8307129594, 0 ]

            ],

            [

                [ 112.9318515161, 27.8308869304, 0 ],

                [ 112.9317764413, 27.8308792153, 0 ],

                [ 112.9317724773, 27.8309060825, 0 ],

                [ 112.931745949, 27.8309128159, 0 ],

                [ 112.9317284662, 27.8309375867, 0 ],

                [ 112.931697717, 27.8309342448, 0 ],

                [ 112.9316867952, 27.8310189525, 0 ],

                [ 112.9318329464, 27.8310335741, 0 ],

                [ 112.9318515161, 27.8308869304, 0 ]

            ]

        ]

    },

    "properties" : {

        "OBJECTID" : 2093

    }

},

{

    "type" : "Feature",

    "geometry" : {

        "type" : "Polygon",

        "coordinates" : [

            [

                [ 112.9325940284, 27.831223013, 0 ],

                [ 112.9324576952, 27.8312026846, 0 ],

                [ 112.932472143, 27.8310906264, 0 ],

                [ 112.9323702295, 27.8310802426, 0 ],

                [ 112.9323741147, 27.8310540164, 0 ],

                [ 112.9324337555, 27.8310117698, 0 ],

                [ 112.9324608568, 27.8310141304, 0 ],

                [ 112.9324812699, 27.8307985952, 0 ],

                [ 112.9325015792, 27.8308006612, 0 ],

                [ 112.9325106972, 27.8307296598, 0 ],

                [ 112.9324903964, 27.8307271878, 0 ],

                [ 112.9325160244, 27.8305213007, 0 ],

                [ 112.9325311448, 27.8305228596, 0 ],

                [ 112.9325338443, 27.8305022499, 0 ],

                [ 112.9326316453, 27.8305123659, 0 ],

                [ 112.93263399, 27.8304944373, 0 ],

                [ 112.9327035609, 27.8305016377, 0 ],

                [ 112.9326715888, 27.8307458325, 0 ],

                [ 112.9326525295, 27.8307441416, 0 ],

                [ 112.9326434205, 27.8308150617, 0 ],

                [ 112.9326669498, 27.8308174515, 0 ],

                [ 112.9326167096, 27.8312188361, 0 ],

                [ 112.9325940284, 27.831223013, 0 ]

            ]

        ]

    },

    "properties" : {

        "OBJECTID" : 3655

    }

},

{

    "type" : "Feature",

    "geometry" : {

        "type" : "Polygon",

        "coordinates" : [

            [

                [ 112.9323047797, 27.8307129594, 0 ],

                [ 112.9322960052, 27.8307820475, 0 ],

                [ 112.9321228781, 27.8307645998, 0 ],

                [ 112.9321395626, 27.83063313, 0 ],

                [ 112.9320097248, 27.8306200485, 0 ],

                [ 112.9319931918, 27.830751609, 0 ],

                [ 112.9318199734, 27.8307344084, 0 ],

                [ 112.9318364374, 27.8306033057, 0 ],

                [ 112.9317510073, 27.8305948235, 0 ],

                [ 112.9317629261, 27.8304999311, 0 ],

                [ 112.9324098755, 27.8305641632, 0 ],

                [ 112.9323979691, 27.830658977, 0 ],

                [ 112.932313006, 27.8306505379, 0 ],

                [ 112.9323047797, 27.8307129594, 0 ]

            ]

        ]

    },

    "properties" : {

        "OBJECTID" : 2617

    }

}

]

}

相关文章：

【mars3d】new mars3d.layer.GeoJsonLayer(实现环状面应该怎么传data

问题：【mars3d】new mars3d.layer.GeoJsonLayer(实现环状面应该怎么传data 解决方案： 1.在示例中修改showDraw()方法的data数据，实现以下环状面效果 2.示例链接： 功能示例(Vue版) | Mars3D三维可视化平台 | 火星科技 export f…...

编程日记 2024/1/6 9:46:13

Websocket实时更新商品信息

产品展示页面中第一次通过接口去获取数据库的列表数据 /// <summary> /// 获取指定的商品目录 /// </summary> /// <param name"pageSize"></param> /// <param name"pageIndex"></param> /// <param name"i…...

编程日记 2024/1/6 9:44:11

数据结构第六弹---带头双向循环链表

双向循环链表 1、带头双向循环链表概念2、带头双向循环链表的优势3、带头双向循环链表的实现3.1、头文件包含和结构定义3.2、创建新结点3.3、打印3.4、初始化3.5、销毁3.6、尾插3.7、头插3.8、头删3.9、尾删3.10、查找3.11、在pos之前插入3.12、删除pos位置3.13、判断是否为空3…...

编程日记 2024/1/6 9:43:10

洛谷——P1347 排序（图论-拓扑排序）

文章目录 一、题目排序题目描述输入格式输出格式样例 #1样例输入 #1样例输出 #1 样例 #2样例输入 #2样例输出 #2 样例 #3样例输入 #3样例输出 #3 提示 二、题解基本思路&#xff1a;代码 一、题目 排序 题目描述 一个不同的值的升序排序数列指的是一个从左到右元素依次增大的…...

编程日记 2024/1/6 9:41:07

JVM内存管理

一.java程序运行过程 JDK,JRE,JVM JVM把我们的字节码翻译成机械能执行的机械码。 JRE除了包含JVM之外&#xff0c;还包含很多java的原生依赖库。 JDK除了包含JRE之外&#xff0c;还包含很多工具&#xff0c;比如javac工具。 .java文件是怎么被执行的 我们的.java文件会被…...

编程日记 2024/1/6 9:40:06

将 Python 和 Rust 融合在一起，为 pyQuil® 4.0 带来和谐

文章目录 前言设定方向从 Rust 库构建 Python 软件包改装 pyQuil异步困境回报&#xff1a;功能和性能结论 前言 pyQuil 一直是在 Rigetti 量子处理单元&#xff08;QPUs&#xff09;上构建和运行量子程序的基石&#xff0c;通过我们的 Quantum Cloud Services&#xff08;QCS™…...

编程日记 2024/1/6 9:37:03

Spring Boot应用程序中VO的理解及使用

在Spring Boot应用程序中&#xff0c;VO&#xff08;View Object&#xff09;通常用于表示视图层所需的数据&#xff0c;这些数据来自于业务逻辑层或数据访问层。VO的主要目的是将业务逻辑层的数据结构转换为视图层可以使用的数据结构&#xff0c;使得视图层可以直接使用VO中的…...

编程日记 2024/1/6 9:35:02

华为交换机ETH-TRUNK链路聚合lacp模式与手工模式

SW1配置如下 vlan batch 10interface Eth-Trunk1port link-type trunkport trunk allow-pass vlan 10mode lacp-static #手工模式删除改行max active-linknumber 2 #手工模式删除改行trunkport GigabitEthernet 0/0/1 to 0/0/2#配置为主设备&#xff08;修改优先级&…...

编程日记 2024/1/6 9:33:00

函数图像化

函数图像化 在进行模型提取时&#xff0c;往往会需要选择拟合的函数&#xff0c;因此&#xff0c;了解函数的图像对于模型拟合提取有益&#xff0c;以下是常见的一些函数的曲线 1 二次函数 常见的耳二次函数曲线&#xff0c;转换x与y数量级差异仅一个数量级&#xff0c; 2 三…...

编程日记 2024/1/6 9:30:58

gnu工程的编译 - 以libiconv为例

文章目录 gnu工程的编译 - 以libiconv为例概述gnu官方源码包的发布版从官方的代码库直接迁出的git版源码如果安装了360, 需要添加开发相关的目录到信任区生成 configrue 的方法备注END gnu工程的编译 - 以libiconv为例 概述 gnu工程的下载分2种: gnu官方源码包的发布版 这种…...

编程日记 2024/1/6 9:28:55

在 CentOS 7.8 上安装 Node.js

1.安装 NVM&#xff08;Node Version Manager&#xff09;&#xff1a; curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.1/install.sh | bash这将从 NVM 的 GitHub 仓库下载安装脚本并执行。请注意&#xff0c;您需要重新启动终端或者执行 source ~/.bashrc 以…...

编程日记 2024/1/6 9:26:53

【数据分析实战】冰雪大世界携程景区评价信息情感分析采集词云

文章目录 引言数据采集数据集展示数据预处理 数据分析评价总体情况分析本人浅薄分析 各游客人群占比分析本人浅薄分析 各评分雷达图本人浅薄分析 差评词云-可视化本人浅薄分析 好评词云-可视化本人浅薄分析 综合分析写在最后 今年冬天&#xff0c;哈尔滨冰雪旅游"杀疯了&q…...

编程日记 2024/1/6 9:24:51

BIND-DNS配置介绍

一、主要配置文件 /etc/named.conf options { //Option 段全部配置 listen-on port 53 { 127.0.0.1; };//表示BIND将在53端口监听&#xff0c;若需要对所有IP进行监听&#xff0c;则修改为// listen-on port 53 { any; }; directory "/var/named"…...

编程日记 2024/1/6 9:21:49

Python技巧

Python&#xff0c;现如今非常热门的一种编程语言&#xff0c;在人工智能中大放异彩。做任何事都需要技巧&#xff0c;这可以大大提高效率&#xff0c;学习Python,同样如此&#xff01; 第一个就是assret语句&#xff0c;让我们看下面一个关于折扣的例子&#xff1a; def dic…...

编程日记 2024/1/6 9:19:46

几种常见的CSS三栏布局？介绍下粘性布局（sticky）？自适应布局？左边宽度固定，右边自适应？两种以上方式实现已知或者未知宽度的垂直水平居中？

几种常见的CSS三栏布局 流体布局 效果&#xff1a; 参考代码&#xff1a; <!DOCTYPE html> <html lang"en"><head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1…...

编程日记 2024/1/6 9:18:45

箭头函数 - JavaScript的新宠儿

&#x1f4e2; 鸿蒙专栏&#xff1a;想学鸿蒙的&#xff0c;冲 &#x1f4e2; C语言专栏&#xff1a;想学C语言的&#xff0c;冲 &#x1f4e2; VUE专栏&#xff1a;想学VUE的&#xff0c;冲这里 &#x1f4e2; CSS专栏&#xff1a;想学CSS的&#xff0c;冲这里 &#x1f4…...

编程日记 2024/1/6 9:17:44

操作系统期末复习知识点

目录 一.概论 1.操作系统的介绍 2.特性 3.主要功能 4.作用 二.进程的描述与控制 1.进程的定义 2.特性 3.进程的创建步骤 4.基本状态转化 5.PCB的作用 6.进程与线程的比较 三.进程同步 1.同步的概念&#xff08;挺重要的&#xff09; 2.临界区 3.管程和进程的区…...

编程日记 2024/1/6 9:11:39

[英语学习][23][Word Power Made Easy]的精读与翻译优化

[序言] 译者的这次翻译, 完全直译, 生硬无比. [英文学习的目标] 提升自身的英语水平, 对日后编程技能的提升有很大帮助. 希望大家这次能学到东西, 同时加入我的社区讨论与交流英语相关的内容. [原著英文与翻译版对照][第22页] Knowledge is chiefly in the form of words…...

编程日记 2024/1/6 9:08:36

吉林大学19、21级计算机学院《计算机网络》期末真题试题

一、21级&#xff08;考后回忆&#xff09; 一、不定项选择&#xff08;一共10个选择题&#xff0c;一个两分&#xff0c;选全得满分&#xff09; 不定项&#xff1a;可以选择1~4个 考点有&#xff1a; ①协议、服务 ②码分多路复用通过接受码片序列&#xff0c;求哪个站点发送…...

编程日记 2024/1/6 9:05:33

python练习3【题解///考点列出///错题改正】

一、单选题 1.【单选题】 ——可迭代对象 下列哪个选项是可迭代对象&#xff08; D&#xff09;&#xff1f; A.(1,2,3,4,5) B.[2,3,4,5,6] C.{a:3,b:5} D.以上全部 知识点补充——【可迭代对象】 可迭代对象&#xff08;iterable&#xff09;是指可以通过迭代&#xff…...

编程日记 2024/1/6 9:04:32

SpringBoot-17-MyBatis动态SQL标签之常用标签

文章目录 1 代码1.1 实体User.java1.2 接口UserMapper.java1.3 映射UserMapper.xml1.3.1 标签if1.3.2 标签if和where1.3.3 标签choose和when和otherwise1.4 UserController.java2 常用动态SQL标签2.1 标签set2.1.1 UserMapper.java2.1.2 UserMapper.xml2.1.3 UserController.ja…...

编程新知 2025/10/14 19:05:31

2024年赣州旅游投资集团社会招聘笔试真

2024年赣州旅游投资集团社会招聘笔试真 题 ( 满 分 1 0 0 分 时 间 1 2 0 分 钟 ) 一、单选题(每题只有一个正确答案，答错、不答或多答均不得分) 1.纪要的特点不包括()。 A.概括重点 B.指导传达 C. 客观纪实 D.有言必录 【答案】: D 2.1864年，()预言了电磁波的存在，并指出…...

编程新知 2025/7/25 10:29:46

基于当前项目通过npm包形式暴露公共组件

1.package.sjon文件配置 其中xh-flowable就是暴露出去的npm包名 2.创建tpyes文件夹&#xff0c;并新增内容 3.创建package文件夹...

编程新知 2025/10/14 6:38:33

智能在线客服平台：数字化时代企业连接用户的 AI 中枢

随着互联网技术的飞速发展&#xff0c;消费者期望能够随时随地与企业进行交流。在线客服平台作为连接企业与客户的重要桥梁&#xff0c;不仅优化了客户体验&#xff0c;还提升了企业的服务效率和市场竞争力。本文将探讨在线客服平台的重要性、技术进展、实际应用&#xff0c;并…...

编程新知 2025/10/8 22:43:18

python爬虫：Newspaper3k 的详细使用（好用的新闻网站文章抓取和解析的Python库）

更多内容请见： 爬虫和逆向教程-专栏介绍和目录 文章目录 一、Newspaper3k 概述1.1 Newspaper3k 介绍1.2 主要功能1.3 典型应用场景1.4 安装二、基本用法2.2 提取单篇文章的内容2.2 处理多篇文档三、高级选项3.1 自定义配置3.2 分析文章情感四、实战案例4.1 构建新闻摘要聚合器…...

编程新知 2025/6/21 6:25:06

令牌桶 滑动窗口-＞限流 分布式信号量-＞限并发的原理 lua脚本分析介绍

文章目录 前言限流限制并发的实际理解限流令牌桶代码实现结果分析令牌桶lua的模拟实现原理总结&#xff1a; 滑动窗口代码实现结果分析lua脚本原理解析 限并发分布式信号量代码实现结果分析lua脚本实现原理 双注解去实现限流 并发结果分析&#xff1a; 实际业务去理解体会统一注…...

编程新知 2025/10/4 15:39:53

【JavaWeb】Docker项目部署

引言 之前学习了Linux操作系统的常见命令&#xff0c;在Linux上安装软件&#xff0c;以及如何在Linux上部署一个单体项目&#xff0c;大多数同学都会有相同的感受&#xff0c;那就是麻烦。 核心体现在三点&#xff1a; 命令太多了&#xff0c;记不住 软件安装包名字复杂&…...

编程新知 2025/10/15 0:19:58

Spring Security 认证流程——补充

一、认证流程概述 Spring Security 的认证流程基于 过滤器链&#xff08;Filter Chain&#xff09;&#xff0c;核心组件包括 UsernamePasswordAuthenticationFilter、AuthenticationManager、UserDetailsService 等。整个流程可分为以下步骤&#xff1a; 用户提交登录请求拦…...

编程新知 2025/10/13 22:05:56

JS红宝书笔记 - 3.3 变量

要定义变量&#xff0c;可以使用var操作符&#xff0c;后跟变量名 ES实现变量初始化&#xff0c;因此可以同时定义变量并设置它的值 使用var操作符定义的变量会成为包含它的函数的局部变量。 在函数内定义变量时省略var操作符&#xff0c;可以创建一个全局变量 如果需要定义…...

编程新知 2025/10/3 8:11:17

CSS 工具对比：UnoCSS vs Tailwind CSS，谁是你的菜？

在现代前端开发中&#xff0c;Utility-First (功能优先) CSS 框架已经成为主流。其中&#xff0c;Tailwind CSS 无疑是市场的领导者和标杆。然而&#xff0c;一个名为 UnoCSS 的新星正以其惊人的性能和极致的灵活性迅速崛起。 这篇文章将深入探讨这两款工具的核心理念、技术差…...

编程新知 2025/10/15 2:11:29