support custom textures on fill-extrusion layers

[onny]

Hey,
I would like to ask if it's already possible to add "3d" images to mapbox gl js or is there maybe some workaround in how to achieve an image layer in 3d-perspective?

Best regards,
Jonas

[andrewharvey]

Do you mean a volumetric 3D image like this https://grass.osgeo.org/grass72/manuals/raster3dintro.html ?

[onny]

Thanks @andrewharvey for your replay. Of course you're right the term "3d image" is kind of unspecific.
In my project where I'm using mapbox gl js, I've added a custom 3d building layer. On some walls I would like to have a custom texture (e.g. an image) instead of a simple color.
Not sure if this is already possible or a planned feature.

[andrewharvey]

I don't think there is a ticket for this already, but it touches #3996 and #1489

[onny]

Thanks for clarifying my request ;)

[jfirebaugh]

I don't think we're likely to implement this as titled, as part of fill-extrusion , so let's roll this into #3996.

In the meantime @onny, you may be interested in the Mapbox SDK for Unity, which is more targeted to the 3d space.

[aartikanungo]

In my project where I'm using mapbox gl js, I've added a custom 3d building layer. On some walls I would like to have a custom texture (e.g. an image) instead of a simple color.
Not sure if this is already possible or a planned feature.

Hello @onny i want to do something exactly like this. want to add image in place of color filled. Did you get the solution for this? thanks in advance :)

[abrichr]

Here's a crude approximation:

const textureUrl = './texture.jpg'  // replace this with a URL to your texture
const textureName = 'buildingTexture';

map.loadImage('./texture.jpg', function (error, image) {
  if (error) throw error;
  map.addImage(textureName, image);
})

map.addLayer({
    ...
    type: 'fill-extrusion',
    paint: {
      'fill-extrusion-pattern': textureName,
      ...
    }
    ...
  },
  ...
);