【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)

}

测试效果:

相关推荐
Revolution611 分钟前
一段 JavaScript 代码执行时,到底发生了什么
前端·javascript
智能起源3 分钟前
关于元素层级过多,导致压祯的问题(使用winform或者WPF应用的webview组件嵌套网页时,动效卡顿问题)
前端
雪碧透心凉_29 分钟前
while 循环与循环嵌套
开发语言·python
乐观勇敢坚强的老彭36 分钟前
信奥C++一维数组笔记
开发语言·c++·笔记
这就是佬们吗44 分钟前
Python入门⑤-异常处理、文件操作与实战项目
开发语言·数据库·python·算法·pycharm
Old Uncle Tom1 小时前
银行用户画像 -- 金融目标与需求意图
前端·人工智能·金融
IT_陈寒1 小时前
Vue的响应式让我加班到凌晨3点,原来问题出在这
前端·人工智能·后端
东方小月1 小时前
从0开发一个 Coding Agent(一):前言
前端·人工智能·typescript
恋猫de小郭1 小时前
Flutter 全新真 3D 实现,用 flutter_scene 能开发一个「我的世界」
android·前端·flutter