Issue with GeoJSON Data in the MapBox Component

I’m trying to mark several points on the MapBox Component using GeoJSON and it doesn’t seem to show any points. Tried the same JSON on the Mapbox native platform and it seems to work fine there. Need help with this

Hey there @sanmoh.hombal! Sorry for the delay here :confused:

Would you be able to attach some screenshots of your JSON / app?

The following JSON does nothing in mapbox

{
  "type":"FeatureCollection",
  "features":[
    {
      "type": "Feature",
      "properties": {
        "marker-color": "#cf7777",
        "marker-size": "large",
        "marker-symbol": "post"
      },
      "geometry": {
        "type": "Point",
        "coordinates": [
          3.2334619760513306,
          51.20411059983983
        ]
      }
    }
  ]
}
1 Like

same for me, I tried and no marker were visible in the map

Hi there!

@ddimitrioglo In your example, the coordinates need to be refactored like this:

"coordinates": [
[
  [3.2334619760513306,
51.20411059983983]
]
]

Hi @anagrawal, can you confirm that the coordinates in your map are formatted as an array with a subarray, and then each set of latitude/longitude are also in their own subarray

yes, I am using the same geoJSON file still not marker on map, also where to find the docs for this geoJSON syntax - I have been trying to find any docs/reference but haven't found one yet

Best reference I got on my search quest is - rfc7946
but I don't see any syntax here for a point geometry to have the syntax that you mentioned above

That's a good point, but even with your approach I can't see a marker on the map.
Any thoughts on that?