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

}

测试效果:

相关推荐
轩源源几秒前
封装哈希表实现unordered_map和unordered_set
开发语言·数据结构·c++·算法·哈希算法·散列表
白羊不吃白菜6 分钟前
PAT乙级(1091 N-自守数)C语言解析
c语言·开发语言
yinxiangzhongqing21 分钟前
loadash知识整理
前端·javascript·chrome
我的运维人生30 分钟前
从零开始:使用 Python 实现机器学习的基础与实践
开发语言·python·机器学习
德莱厄斯40 分钟前
三行代码完成国际化适配,妙~啊~
前端·javascript·babel
2301_7891695442 分钟前
JSON.parse(JSON.stringify())深拷贝不会复制函数
开发语言·前端·javascript
恋恋风辰44 分钟前
QT系列教程(17) MVC结构之Model模型介绍
开发语言·qt·mvc
程序员XC1 小时前
前端性能优化的思考过程
前端·javascript·面试
熊峰峰1 小时前
数据结构第八节:红黑树(初阶)
开发语言·数据结构·c++·算法