Style GeoJSON layer according to embedded attributes

[rsurgiewicz]

Hi Folks,

I have a question. The datasource I'm using provides the full geojson data with attributes e.g

        "fill-opacity": 0.5,
        "stroke-width": 0.5,
        "stroke": "#8f8f8f"

and it is interpreted correctly e.g by geojson.io

How can I force react-map-gl to follow that embedded styling?

Thanks for any help!

[rsurgiewicz]

Ok finally I got it right.
Actually there's a possibility to use get feature to grab value from data.

so in my example

...      },
      "properties": {
        "fill": "#18ff00",
        "fill-opacity": 0.5,
        "stroke-width": 0.5,
        "stroke": "#8f8f8f"
      }

it would be something like:

  id: "data",
  type: "fill",
  paint: {
    "fill-color": ["get", "fill"],
    "fill-opacity": 0.8,
  },
};