GeoJSON features: adding points seems cooked in Mobile\Mapbox component?

đź’¬ Mobile
1

Brains trust! Back again Sooo, I connected a Supabase PostgreSQL instance with PostGIS extension installed so I can play around with geom values. I’ve been able to create a SQL query to generate a constructed geojson object to plug directly into the mapbox geojson field.. running the query and constructing the geojson wasn’t an issue however it wasn’t loading into my mapbox - when I hardcoded a couple of entries, directly into the field, I noticed the same issue! So I’m wondering what have I done wrong? See below the current value I have hardcoded into the geojson field with no success:

{
  "type": "FeatureCollection",
  "features": [
    {
      "type": "Feature",
      "geometry": {
        "type": "Point",
        "coordinates": [152.63168, -27.36744]
      },
      "properties": {
        "id": "487ce414-b287-4189-8ec6-1e566d844ba8",
        "notes": "Native colors"
      }
    },
    {
      "type": "Feature",
      "geometry": {
        "type": "Point",
        "coordinates": [152.89, -26.536707]
      },
      "properties": {
        "id": "110e0708-ed89-44ae-b609-d5c0e3deab1a",
        "notes": "Dark Morph - location estimate"
      }
    }
  ]
}
4

Hi @Augustine_Whitehouse ,

What do you have within the “GeoSON Layer Styling” field in the “Appearance” section of the inspector?

If the field is empty, this may be why you are not seeing anything. I added a mapbox component and pasted the GeoJSON you provided with similar results (nothing on the map). After adding the following JSON to the “GeoSON Layer Styling” field, circles appeared on the map.

{
  type: "circle",
  paint: {
    "circle-radius": 6,
    "circle-color": "#3b82f6",
    "circle-stroke-width": 2,
    "circle-stroke-color": "#ffffff",
    "circle-opacity": 0.9
  }
}

Retool typically likes map points added to the “Points” field within the inspector, but if you prefer to have them within the GeoJSON, adding something to the “GeoSON Layer Styling” should help.