【mars3d】new mars3d.layer.GeoJsonLayer({实现多孔面遮罩mask: true,

【mars3d】new mars3d.layer.GeoJsonLayer({实现多孔面遮罩

官网测试示例:

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

测试代码:

export function showDraw(isFlyTo) {

  removeLayer()

 const geoJsonLayer = new mars3d.layer.GeoJsonLayer({

    data: {

      type: "FeatureCollection",

      features: [

        {

          type: "Feature",

          properties: {},

          geometry: {

            type: "MultiPolygon",

            coordinates: [

              [

                [

                  [116.572718, 32.038626, 14.4],

                  [118.079673, 31.18226, 11.2],

                  [116.932438, 30.87228, 4.2],

                  [116.362336, 31.417173, 148.8]

                ]

              ],

              [

                [

                  [117.788689, 32.729397, -585],

                  [118.825616, 31.834101, -742.5],

                  [119.59371, 32.769803, -455.4],

                  [118.600367, 33.462162, -599.5]

                ]

              ]

            ]

          }

        }

      ]

    },

    mask: true, // 标识为遮罩层【重点参数】

    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(geoJsonLayer)

}

测试效果:

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

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

相关文章

DS18B20温度传感器(STM32F103C8T6)串口发送到电脑

DS18B20温度传感器(STM32F103C8T6)串口发送到电脑 电路: 单片机串口DS18B20 https://item.taobao.com/item.htm?id753346246509&skuId5192123304733 代码: 链接:https://pan.baidu.com/s/1kW9866jJ9AQYM4YLc1k…

前端JS加密对抗由浅入深-1

前言: 本文主要讲解,针对前端加密数据传输站点,如何进行动态调试以获取加密算法、秘钥,本次实验不涉及漏洞挖掘,仅为学习演示,环境为本地搭建环境 此次站点加密方式为AES加密方式,现如今越来越…

MySQL数据库主从复制和读写分离

目录 一、MySQL主从复制和读写分离理论 (一)读写分离 1.什么是读写分离 2.为什么要读写分离 3.什么时候要读写分离 4.读写分离原理 5.常见MySQL 读写分离 (1)基于程序代码内部实现 (2)基于中间代理…

React基础应用及常用代码

目录 基础知识 babel.config.js js,html,css,Vue,react,angular,nodejs,webpack,less,ES6,commonjs等的关系 ECMAScript 6(ES6) let、const、var 的区别 Webpack、npm、node关系 props和state区别 通用框架类 ES 6 export React React.Fragm…

数字IC后端实现之Innovus TA-152错误解析(分频generated clock定义错误)

**ERROR: (TA-152): A latency path from the ‘Fall’ edge of the master clock at source pin… Error Code TA-152 在数字IC后端实现innovus中我们经常会看到这类Error,具体信息如下所示。 Error Message **ERROR: (TA-152): A latency path from the ‘Fa…

面试题:谈谈分布式一致性机制 ?

文章目录 前言基本原则与理论2PC3PCPaxosRaftGossipNWR 机制Quorum 机制Lease机制 前言 分布式中一致性是非常重要的,分为弱一致性和强一致性。 现在主流的一致性协议一般都选择的是弱一致性的特殊版本:最终一致性。下面就从分布式系统的基本原则讲起&…

1.4 day4 IO进程线程

使用两个子进程进行文件拷贝&#xff0c;父进程进行资源回收 #include <myhead.h> int main(int argc, const char *argv[]) {//创建一个文件描述符并以只读的方式打开int fd-1;if((fdopen("./test.bmp",O_RDONLY))-1){perror("open error");return…

Pandas教程(五)—— 数据分组聚合及批处理

1.GroupBy机制 groupby分为三个步骤&#xff1a; 拆分-应用-合并 拆分操作是在特定轴向上进行的&#xff0c;dataframe可以在 行方向&#xff08;axis0&#xff09;/ 列方向 上分组分组后会产生groupby对象&#xff0c;我们就可以将函数应用在groupby对象的各个组中&#x…

Python基础入门第八课笔记(自定义函数 lambda)

什么时候用lambda表达式&#xff1f; 当函数有一个返回值&#xff0c;且只有一句代码&#xff0c;可以用lambda简写。 2、lanbda语法 lambda 形参 : 表达式 注意&#xff1a; 1、形参可以省略&#xff0c;函数的参数在lambda中也适用 2、lambda函数能接收任何数量的参数但只能…

LeetCode(38)外观数列⭐⭐

「外观数列」是一个整数序列&#xff0c;从数字 1 开始&#xff0c;序列中的每一项都是对前一项的描述。 你可以将其视作是由递归公式定义的数字字符串序列&#xff1a; countAndSay(1) "1"countAndSay(n) 是对 countAndSay(n-1) 的描述&#xff0c;然后转换成另一…

Element UI:时间组件,支持开始结束时间任选其一

一、背景 Element-UI中时间段组件el-date-picker&#xff0c;需要开始时间和结束时间都选择上&#xff0c;但是业务场景更多的是区间中可以只选择其中一个或开始时间和结束时间都选择 1.el-date-picker&#xff1a;开始时间与结束时间必须同时选择 2.业务需求&#xff1a;开…

计算机创新协会冬令营——暴力枚举题目06

我给大家第一阶段的最后一道题就到这里了&#xff0c;下次得过段时间了。所以这道题简单一点。但是足够经典 下述题目描述和示例均来自力扣&#xff1a;两数之和 题目描述 给定一个整数数组 nums 和一个整数目标值 target&#xff0c;请你在该数组中找出 和为目标值 target …