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

}

测试效果:

相关推荐
星释22 分钟前
Rust 练习册 :Leap与日期计算
开发语言·后端·rust
悟能不能悟2 小时前
java的java.sql.Date和java.util.Date的区别,应该怎么使用
java·开发语言
循环过三天2 小时前
3.4、Python-集合
开发语言·笔记·python·学习·算法
_院长大人_4 小时前
设计模式-工厂模式
java·开发语言·设计模式
MATLAB代码顾问4 小时前
MATLAB实现决策树数值预测
开发语言·决策树·matlab
devincob5 小时前
js原生、vue导出、react导出、axios ( post请求方式)跨平台导出下载四种方式的demo
javascript·vue.js·react.js
编程社区管理员5 小时前
React 发送短信验证码和验证码校验功能组件
前端·javascript·react.js
葡萄城技术团队5 小时前
迎接下一代 React 框架:Next.js 16 核心能力解读
javascript·spring·react.js
全马必破三5 小时前
React“组件即函数”
前端·javascript·react.js
三思而后行,慎承诺5 小时前
React 底层原理
前端·react.js·前端框架