Needing help with FillExtrusionLayer and Markers

[ErfanNekouie]

Hello, I am new to Android development and using maps in Android. Right now, I am struggling with creating a 3D map using FillExtrusionLayer and I'm not sure what to pass to the source argument. I read the manual, but I couldn't figure out the structure of the GeoJSON file. If anyone could provide an example, I would really appreciate it. Also, I am struggling to place a marker on the map when someone taps a specific location. Should I use the Expressions mentioned in the tutorial and add the marker as a layer?

[sargunv]

Do you have some custom data you're trying to render in 3d, or are you trying to render data from your base style (like building polygons perhaps) in 3d?

If custom data, see the comment below about rememberGeoJsonSource. The workflow is similar.

If you're rendering 3d data from your base style, you can get your base source from getBaseSource.

[sargunv]

For markers, you likely want to use rememberGeoJsonSource and pass it a FeatureCollection describing your list of markers. You can update that list however you like, for example when tapping on the map.

Then, pass that source to a layer. CircleLayer is an easy one to start with, but SymbolLayer is most commonly used for markers. You can use expressions to style the layer based on the properties in the feature collection.

[ErfanNekouie]

Thanks for the clarification. I’m looking to add some custom data, but I’m running into an issue with the structure of the source file that I need to pass to rememberGeoJsonSource. Here’s the structure I’ve come up with for the 3D source file:

{
  "type": "FeatureCollection",
  "features": [
    {
      "type": "Feature",
      "geometry": {
        "type": "Polygon",
        "coordinates": [
          [
            [51.51008644420139, -0.11972687000051878],
            [51.5102567170507, -0.11986098044777684],
            [51.51045369857265, -0.11923870797249937],
            [51.51027674910879, -0.11909923310735097],
            [51.51008644420139, -0.11972687000051878]
          ]
        ]
      },
      "properties": {
        "height": 30,
        "color": "#FF5733"
      }
    }
  ]

The problem is that this structure doesn’t seem to support handling multiple floors. To fix this, I need to be able to add multiple features with the same coordinates but with different base heights, is there a better way to handle this? I’m running into the same issue with the markers as well.

What would the source file look like if I wanted to include a marker with a bitmap or a custom PNG file? And where should I place the image so that the layers can display it correctly? I'd be happy If you could share an example on how to implement this.