mapbox-developer-group / Mapbox-Tech-Q-A

在提问之前请自行查看文档哦,养成好习惯:https://docs.mapbox.com/
32 stars 1 forks source link

Mapbox-gl地图的pitch如何能够突破60 #27

Open Particaly opened 4 years ago

Particaly commented 4 years ago

mapboxgl地图的pitch最大值被限定为60,需要配合three实现一个天空盒效果,pitch的值能否突破60?或者这个问题将在未来得到解决?

dazhi1011 commented 4 years ago

@Particaly 先回答问题,不改源码的情况下目前是突破不了的。

简单解释下,假设你了解透视投影,如下图所示,射线左端为视点、右端为观察点,两条虚线夹角为fov,自然双实线即为地图可视范围;pitch增大即由(a)到(b),双虚线部分即为增加的地图可视范围,需要额外加载一部分地图数据。想象一下,当pitch增大到接近90°时,增加的双虚线部分也将趋向于无穷,如果此时不对加载的地图范围做限制,当前zoom下地图加载也将趋向于无穷……

pitch

当前pitch限制为60°我猜也是一个折中的选择吧,希望对你有帮助。

Particaly commented 4 years ago

是的,我尝试修改了源码中的transform部分的代码,的确突破了60的限制,但是mapbox会加载更多甚至无穷远处的数据,或许mapbox能够相对于地图当前中心点更远处(例如距离超过一定范围)做出限制加载数据,但是如何实现我并没有思路,如果可行的话,希望官方可以考虑实现一下,同时谢谢你的解答!

dazhi1011 commented 4 years ago

@Particaly 既然都看到transform了,何不再试一试,提供个思路共同探讨: 把限制加载的判断逻辑加到coveringTiles方法中;再进一步,在地图边缘处对应的z深度添加个遮挡层,效果会好一点。

ParryQiu commented 4 years ago

这里有相关的讨论以及实现方法。 https://github.com/mapbox/mapbox-gl-js/issues/3731

详细可以参见这个 PR https://github.com/mapbox/mapbox-gl-js/pull/8975

defineconst commented 2 years ago

v2 已经到90度了。