Mapbox with GeoJSON

App Building
1

I looked and am not finding good documentation and I guess I'm just not understanding how this component works.

I only need (2) points on the map and would like to style them differently (instead of the default red dot). I am using the GeoJSON field and have this:

{
   "type":"FeatureCollection",
   "features":[
      {
        "type": "Feature",
        "geometry": {
          "type": "Point",
          "coordinates": [{{WheresMyTech.data.vehicle.lon}}, {{WheresMyTech.data.vehicle.lat}}]
        },
        "properties": {
          "marker":"1",
          "name": "Truck",
          "marker-color": "#007e21",
          "marker-size": "medium",
          "marker-symbol": "circle"
        }
      },
     {
        "type": "Feature",
        "geometry": {
          "type": "Point",
          "coordinates": [{{WheresMyTech.data.customer.lon}}, {{WheresMyTech.data.customer.lat}}]
        },
        "properties": {
          "marker":"2",
          "name": "Job",
          "marker-color": "#01037e",
          "marker-size": "medium",
          "marker-symbol": "circle"
        }
      }
   ]
}

I get points (default red dots) displaying on the map when I place my variables in the "Points" field, but I get nothing when I build it out in GeoJSON.