记录解决mapVGL画的图层无法在地图上调整离地面高度的问题

激动激动太激动了,项目上有一个问题困扰我很久了,在地图上使用mapVGL画出来的图层是紧贴在地图上的,无法调整离地面的高度,就会导致部分图层会对有些图层有遮盖,去调整zIndex层级也不起作用,我这里是画出来的3D楼宇对一些图标有遮挡,因为3D楼宇有高度,就会对平面的图层会有遮挡效果。问题效果如下

可以看到我画出来红色的图标在调整地图角度的时候会被3D楼宇遮盖住,随后为了解决这个问题,我希望红色的图标高度能大于当前楼宇的高度,在mapVGL的文档里查看了很久,都没有能够找到解决办法,mapvgl画出来的图层只能通过offset调整在x轴和y轴上的距离,在z轴上的高度则无法调整。这个问题找了很久的解决办法都不行,最后突然有了想法,思路转变了一下,既然mapVGL上不能解决,那么我能不能可以在经纬度坐标上动手脚呢?于是我去仔细阅读了地理信息数据格式GeoJSON的文档,果然,让我发现了可以在经纬度的数据上可以进行调整。

可以看到文档上除了经纬度,第三个参数是海拔高度,于是我迅速去修改了我的代码,我在处理mapVGL需要的数据格式时,给加上了100的海拔高度。

于是,神奇的一幕来了,我的问题解决了。不难发现,在经纬度数据中添加了高度后,导致图标有了悬浮效果,3D的楼宇对图标就没有遮挡的效果了。

  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值