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

news2024/11/15 7:13:40

问题:【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

    }

}

]

}

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

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

相关文章

Avalonia学习(二十一)-自定义界面演示

今天开始继续Avalonia练习。 本节&#xff1a;自定义界面 在网上看见一个博客&#xff0c;根据需要演示一下。 前台代码 <Window xmlns"https://github.com/avaloniaui"xmlns:x"http://schemas.microsoft.com/winfx/2006/xaml"xmlns:vm"using:…

python画房子

前言 今天&#xff0c;我们来用Python画房子。 一、第一种 第一种比较简单。 代码&#xff1a; import turtle as t import timedef go(x, y):t.penup()t.goto(x, y)t.pendown() def rangle(h,w):t.left(180)t.forward(h)t.right(90)t.forward(w)t.left(-90)t.forward(h) de…

解决Qt Creator中文乱码的问题

方法1 使用QStringLiteral()包裹中文字符串 QString str1"中文测试&#xff01;"; QString str2QStringLiteral("中文测试&#xff01;");方法2 #if _MSC_VER > 1600//MSVC2015>1899,MSVC_VER14.0 #pragma execution_character_set("utf-8&qu…

Java里的实用类

1.枚举 语法&#xff1a; public enum 变量名{ 值一&#xff0c;值二} 某个变量的取值范围只能是有限个数的值时&#xff0c;就可以把这个变量定义成枚举类型。 2…装箱&#xff08;boxing&#xff09; 和拆箱&#xff08;unboxing&#xff09; 装箱&#xff08;boxing&…

npm安装vue,添加淘宝镜像

如果是第一次使用命令栏可能会遇到权限问题。 解决vscode无法运行npm和node.js命令的问题-CSDN博客 安装 在vscode上面的导航栏选择terminal打开新的命令栏 另外可能会遇到网络或者其他的问题&#xff0c;可以添加淘宝镜像 npm install -g cnpm --registryhttps://registry.…

Java经典框架之Dubbo

Dubbo Java 是第一大编程语言和开发平台。它有助于企业降低成本、缩短开发周期、推动创新以及改善应用服务。如今全球有数百万开发人员运行着超过 51 亿个 Java 虚拟机&#xff0c;Java 仍是企业和开发人员的首选开发平台。 课程内容的介绍 1. Dubbo概述 2. Dubbo基本应用 3…

【JAVA】Java8开始ConcurrentHashMap,为什么舍弃分段锁

&#x1f34e;个人博客&#xff1a;个人主页 &#x1f3c6;个人专栏&#xff1a; JAVA ⛳️ 功不唐捐&#xff0c;玉汝于成 目录 前言 正文 分段锁的好处&#xff1a; 结语 我的其他博客 前言 在Java 8中&#xff0c;ConcurrentHashMap的实现经历了重大的改进&am…

新AI图像分割方法GenSAM:一个提示实现批量图片分割

近期&#xff0c;研究人员提出了一种新型图像分割方法&#xff0c;称为Generalizable SAM&#xff08;GenSAM&#xff09;模型。该模型的设计目标是通过通用任务描述&#xff0c;实现对图像的有针对性分割&#xff0c;摆脱了对样本特定提示的依赖。在具体任务中&#xff0c;给定…

C# 强制类型转换和as区别和不同使用场景

文章目录 1.强制类型转换2. as 运算符3.实例总结&#xff1a; 在C#中&#xff0c;as 和 强制类型转换&#xff08;例如 (T)value&#xff09;的主要区别在于它们处理类型转换不成功时的行为和适用场景&#xff1a; 1.强制类型转换 使用语法&#xff1a;Type variable (Type)…

C语言深度剖析 -- 深度理解符号

文章目录 注释符号yx/*p条件编译 续行符与转义符 \回车与换行的区别 单引号与双引号逻辑运算符位运算符&、|、^整型提升问题左移 << 右移 >>花括号&#xff08;了解&#xff0c;不太推荐&#xff09;、-- 操作符 我们为什么要深入理解C语言中的符号呢&#xff…

JS入门笔记整理:函数

函数一般用来实现某种重复使用的功能&#xff0c;在需要使用该功能的时候&#xff0c;直接调用函数就可以了&#xff0c;不需要再重复地编写一大堆代码。并且在需要修改该函数功能的时候&#xff0c;也只需要修改和维护这一个函数就行。函数一般会在两种情况下使用&#xff1a;…

助力企业出海,Ogcloud提供一站式网络解决方案

随着全球市场的开放和跨境电商的蓬勃发展&#xff0c;越来越多企业开始在海外拓展业务。但在这过程中&#xff0c;各种各样的网络问题成为企业出海的阻碍。Ogcloud凭借其卓越的技术实力和丰富的经验&#xff0c;为全球业务的公司提供全面的网络解决方案&#xff0c;包括SD-WAN、…

文件或目录损坏的磁盘修复方法

文件或目录损坏是一种常见的计算机问题&#xff0c;可能由多种原因导致&#xff0c;如磁盘故障、病毒或恶意软件攻击、文件系统错误等。这些损坏可能导致数据丢失或无法访问文件&#xff0c;因此及时修复至关重要。本文将深入探讨文件或目录损坏的原因&#xff0c;并提供相应的…

Zookeeper的基础介绍和安装教程

1、 Zookeeper入门 1.1 概述 Zookeeper是一个开源的分布式的&#xff0c;为分布式应用提供协调服务的Apache项目。 1.2 特点 1.3 数据结构 1.4 应用场景 提供的服务包括&#xff1a;统一命名服务、统一配置管理、统一集群管理、服务器节点动态上下线、软负载均衡等。 统一…

编程基础 - 初识Linux

编程基础 - 初识Linux 返回序言及专栏目录 文章目录 编程基础 - 初识Linux前言一、Linux发展简介二、现代Linux三、Linux系统各发行版小结 前言 为什么要学习Linux呢&#xff1f;我这Windows用得好好的&#xff0c;简单易用傻瓜式、用的人还超多&#xff01;但是我要告诉你的…

解决word图片格式错乱、回车图片不跟着换行的问题

解决word图片格式错乱、回车图片不跟着换行的问题 1.解决方法。 先设置为嵌入型 但是设置的话会出现下面的问题。图片显示不全。 进一步设置对应的行间距&#xff0c;原先设置的是固定值&#xff0c;需要改为1.5倍行距的形式&#xff0c;也就是说不能设置成固定值就可以。

mybatisplus快速入门-个人理解版

mybatisplus快速入门 1.快速入门1.1准备开发环境-idea2019.2.1版第一步&#xff1a;新建工程第二步&#xff1a;导入依赖 1.2创建数据库和表创建库表添加数据 1.3编写代码进行测试第一步&#xff1a;配置application.yml第二步&#xff1a;添加实体类第三步&#xff1a;添加map…

让开发改bug全靠催?分享6个实用技巧

测试小伙伴们&#xff0c;你们有遇到下图的情况吗&#xff1f; ​ 这张图其实还算“温柔”的&#xff0c;其实有些情况下&#xff0c;某些测试人员或者开发人员脾气大的可能撕逼或者快干架。所以如何和开发有效沟通&#xff0c;并高效劝说开发改掉bug是一门学问&#xff0c;以…

手拉手springboot3整合mybatis-plus多数据源

环境介绍 技术栈 springbootmybatis-plusmysql 软件 版本 mysql 8 IDEA IntelliJ IDEA 2022.2.1 JDK 17 Spring Boot 3.1.7 dynamic-datasource 3.6.1 mybatis-plus 3.5.3.2 加入依赖 <dependency><groupId>com.baomidou</groupId><arti…

softmax详解

在神经网络中&#xff0c;Softmax 是一个用于多类别分类的激活函数。给定一个包含原始分数&#xff08;未经处理的模型输出&#xff09;的向量&#xff0c;Softmax 将这些分数转化为表示概率分布的向量。具体而言&#xff0c;对于给定的原始分数向量 ( z )&#xff0c;Softmax …