【Mars3d】进行水平测量measure.area({的时候,会被模型遮挡的处理方法

问题:

1.thing/analysis/measure 水平面积 measure.area({ 在模型上测量的时候会被遮挡

通过 addHeight:10000,增加高度也不可以实现这种被遮挡的效果,都增加到10000了,还是会被遮挡

export function measureArea() {

measure.area({

style: {

color: '#00fff2',

opacity: 0.4,

outline: true,

outlineColor: '#fafa5a',

outlineWidth: 1,

addHeight:10000,

clampToGround: false //贴地

}

})

}

可以加clampToGround: true ,只是贴地效果,不影响结果值的时候,在

测量的是斜面,虽然数值不会错,但是视觉效果看起来就跟贴模型面积一样,容易产生误解。

就如同这个

复制代码
export function measureArea() {
    measure.area({
        style: {
            color: '#00fff2',
            opacity: 0.4,
            outline: true,
            outlineColor: '#fafa5a',
            outlineWidth: 1, 
            clampToGround: true //贴地
        }
    })
}

解决方案:

1.给测量的水平面积坐标(或坐标数组)赋值修改为 指定的海拔高度值

2.api文档地址:

PointUtil - V3.7.5 - Mars3D API文档

3.相关代码:

export function measureArea() {

measure.area({

// style: {

// color: '#00fff2',

// opacity: 0.4,

// outline: true,

// outlineColor: '#fafa5a',

// outlineWidth: 1,

// clampToGround: false //贴地

// }

})

.then(async (graphic) => {

const oldPositions = graphic.positionsShow

const rang = await mars3d.PolyUtil.getHeightRangeByDepth(oldPositions, map.scene)

graphic.positions = mars3d.PointUtil.setPositionsHeight(oldPositions, rang.maxHeight)

})

}

可以实现水平面积不被模型遮挡的方法。

相关推荐
七灵微1 小时前
【后端】单点登录
服务器·前端
持久的棒棒君5 小时前
npm安装electron下载太慢,导致报错
前端·electron·npm
crary,记忆7 小时前
Angular微前端架构:Module Federation + ngx-build-plus (Webpack)
前端·webpack·angular·angular.js
漂流瓶jz7 小时前
让数据"流动"起来!Node.js实现流式渲染/流式传输与背后的HTTP原理
前端·javascript·node.js
SamHou08 小时前
手把手 CSS 盒子模型——从零开始的奶奶级 Web 开发教程2
前端·css·web
我不吃饼干8 小时前
从 Vue3 源码中了解你所不知道的 never
前端·typescript
开航母的李大8 小时前
【中间件】Web服务、消息队列、缓存与微服务治理:Nginx、Kafka、Redis、Nacos 详解
前端·redis·nginx·缓存·微服务·kafka
Bruk.Liu8 小时前
《Minio 分片上传实现(基于Spring Boot)》
前端·spring boot·minio
0x7CF8 小时前
QT3D学习笔记——圆台、圆锥
qt·学习·3d
鱼樱前端9 小时前
Vue3+d3-cloud+d3-scale+d3-scale-chromatic实现词云组件
前端·javascript·vue.js