mapbox-gl開發:帶高度的標籤

mapbox-gl中的圖層除了fill-extrusion以外,都是貼地放置的,沒有高度的信息。
現在需要顯示一類帶高度的標籤,在mapbox-gl的github工程中,發現其中一個分支就是實現這個功能的,可以實現標籤的高度統一設置。
在這裏插入圖片描述
選擇對應的分支,能夠和主分支上的代碼進行對比,查看其中源碼修改的地方:
https://github.com/mapbox/mapbox-gl-js/compare/3993-z-offset
在這裏插入圖片描述
主要修改的幾個地方內容:
在layout中新添加了symbol-z-offset的屬性,設置標籤距離地面的高度;
源碼中二維座標,新加了此屬性值;
shader變換中,輸入了三維座標attribute vec3 a_projected_pos;
實現的效果:
在這裏插入圖片描述
更多文章請關注公衆號查看!
在這裏插入圖片描述