如何在Mapbox GL JS中将可单击标记放置在可单击多边形的顶部

<div id="map"></div>

mapboxgl.accessToken = 'YOUR_ACCESS_TOKEN';
var map = new mapboxgl.Map({
  container: 'map',
  style: 'mapbox://styles/mapbox/streets-v11',
  center: [longitude, latitude],
  zoom: 10
});

map.on('load', function() {
  map.addLayer({
    id: 'polygons',
    type: 'fill',
    source: {
      type: 'geojson',
      data: {
        type: 'FeatureCollection',
        features: [{
          type: 'Feature',
          geometry: {
            type: 'Polygon',
            coordinates: [[
              [lng1, lat1],
              [lng2, lat2],
              [lng3, lat3],
              ...
            ]]
          }
        }]
      }
    },
    paint: {
      'fill-color': '#ff0000',
      'fill-opacity': 0.5
    }
  });
});

map.on('load', function() {
  map.addLayer({
    id: 'markers',
    type: 'symbol',
    source: {
      type: 'geojson',
      data: {
        type: 'FeatureCollection',
        features: [{
          type: 'Feature',
          geometry: {
            type: 'Point',
            coordinates: [lng, lat]
          }
        }]
      }
    },
    layout: {
      'icon-image': 'marker-15',
      'icon-size': 1.5
    }
  });
});

map.on('click', 'polygons', function(e) {
  // 处理多边形的点击事件
});

map.on('click', 'markers', function(e) {
  // 处理标记的点击事件
});