Wykks / ngx-mapbox-gl

Angular binding of mapbox-gl-js
https://wykks.github.io/ngx-mapbox-gl
MIT License
342 stars 138 forks source link

3D building and 3D indoor mapping with colors #320

Open owolfy opened 3 years ago

owolfy commented 3 years ago

I followed mapbox example of creating 3D indoor mapping while having 3D building and the result is grey color for all 3D objects.

When i remove 3d-buildings's 'interpolate' from the fill-extrusion-height property. The museum building has colours but all the other buildings lose their 3D feature. I also tried changing 3d-building's properties to:

'fill-extrusion-height': ['get', 'height'], 'fill-extrusion-base': ['get', 'base_height'],

Which didn't help, after doing so only deleting the element made the colours to appear.

I created a working stackblitz demo. https://stackblitz.com/edit/angular-ivy-arrbnw?file=src/app/hello.component.ts

owolfy commented 3 years ago

Turns out that 3d-buildings' layer needs to come first.