Tengo un montón de polígonos de folletos en un mapa que creé. Cada polígono representa algo diferente. Se muestra un conjunto específico de información en una ventana emergente dependiendo de la página en la que se encuentre el usuario. Necesito encontrar una manera de hacer que la burbuja "emergente" se abra en el centro del polígono que representa.

Cada polígono se dibuja con el siguiente código:

var L20 = [
    [74.0995, -99.92615],
    [74.14008, -99.4043],
    [74.07691, -99.33838],
    [74.03617, -99.86023]
];



var L19 = [
    [74.02559, -99.84924],
    [74.06636, -99.32739],
    [74.0029, -99.26147],
    [73.96197, -99.77783]
];

var L18 = [
    [73.95142, -99.76684],
    [73.99235, -99.25048],
    [73.92889, -99.18456],
    [73.8878, -99.69543]
];

var set1 = L.polygon([L20, L19, L18], {
    color: "#fff",
    weight: 1,
    stroke: true,
    opacity: 0.05,
    fillColor: "#346B1F",

}).addTo(map);

La ventana emergente se dibuja con el siguiente código:

var popup = L.popup({})
    .setLatLng([73.64017, -100.32715])
    .setContent(content).openOn(map);
    var popup = L.popup();

Entonces necesito encontrar un camino para.setLatLang para determinar o recibir el centro del polígono.

Se me ocurrieron 3 soluciones que pueden funcionar, no estoy seguro de cómo hacerlo.

encuentre una manera de usar las coordenadas de un polígono para determinar el centro del polígono donde se abrirá la ventana emergente.

llame a un punto del polígono, luego desplace la posición de la ventana emergente.

Use una identificación para cada polígono, de modo que cada ventana emergente conozca el área del cuadro (polígono) en la que se puede abrir.

¿Puede alguien ayudarme por favor?