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

}

测试效果:

相关推荐
若梦plus33 分钟前
Nuxt.js基础与进阶
前端·vue.js
樱花开了几轉39 分钟前
React中为甚么强调props的不可变性
前端·javascript·react.js
风清云淡_A39 分钟前
【REACT18.x】CRA+TS+ANTD5.X实现useImperativeHandle让父组件修改子组件的数据
前端·react.js
小飞大王66640 分钟前
React与Rudex的合奏
前端·react.js·前端框架
若梦plus1 小时前
React之react-dom中的dom-server与dom-client
前端·react.js
若梦plus1 小时前
react-router-dom中的几种路由详解
前端·react.js
若梦plus1 小时前
Vue服务端渲染
前端·vue.js
Brookty1 小时前
Java线程安全与中断机制详解
java·开发语言·后端·学习·java-ee
Mr...Gan1 小时前
VUE3(四)、组件通信
前端·javascript·vue.js
OEC小胖胖1 小时前
渲染篇(二):解密Diff算法:如何用“最少的操作”更新UI
前端·算法·ui·状态模式·web