如何将自定义字段传递到mapbox-gl js中以在地图上创建点？

var geojson = {
  type: 'FeatureCollection',
  features: [
    {
      type: 'Feature',
      geometry: {
        type: 'Point',
        coordinates: [longitude, latitude]
      },
      properties: {
        name: 'Point 1',
        customField: 'Custom Value'
      }
    }
  ]
};

map.addSource('points', {
  type: 'geojson',
  data: geojson
});

map.addLayer({
  id: 'points',
  type: 'circle',
  source: 'points',
  paint: {
    'circle-radius': 6,
    'circle-color': '#ff0000'
  }
});

map.on('click', 'points', function(e) {
  var coordinates = e.features[0].geometry.coordinates.slice();
  var properties = e.features[0].properties;

  new mapboxgl.Popup()
    .setLngLat(coordinates)
    .setHTML('<h3>' + properties.name + '</h3><p>' + properties.customField + '</p>')
    .addTo(map);
});